给你看看小白博主开发的打赏系统

❤打赏系统;打赏并填写问卷后信息可以自动在打赏列表中展示;

关于系统

理论上不管什么框架,只要有一个空白页面就能安排上…

后台管理暂时需要操作数据库(可视化界面),如有必要可以添加后端管理页面

已支持的功能

待更新内容

系统界面图

注:QQ消息提醒内容以后会丰富。

安装系统要求

教程中用到的免费虚拟主机维护结束,已开放购买。

下载并上传

导入数据库

点击donate_info.sql文件后的导入,提示输入数据库密码

当你开通虚拟主机时,会看到如下页面:

将这个密码填入,即可导入成功(无视警告⚠):

为了便于测试,导入的数据库中自带了两条数据:

系统测试完成后请删除!

搭建问卷网站

其实,将项目文件导入后,网站已经搭建完成:

但访问这个页面需要域名,依次点击控制面板基本功能域名绑定,就能看到自己网站的域名啦:

浏览器访问这个域名就能看到上面那个页面了,但并不代表系统就弄好了!

配置虚拟主机

回到面板首页,找到账户主机信息

将右下角的PHP版本更换为php73

注:如果不知道怎么回主面板,点击上图左上角头像试试!

以下操作需要在www目录下完成!

目前为止,打赏页面数据库已经配置好了,最后就是在前端把数据库中的数据展现出来。

编辑前端页面

  1. forkgithub项目:

    给你看看小白博主开发的打赏系统

  2. 编辑pageJs.js文件

    点击下图位置可以在线修改文件:

    给你看看小白博主开发的打赏系统

    修改内容为:

    给你看看小白博主开发的打赏系统

  3. 编辑下面的代码并粘贴到前面准备的空白页面:

    Hexo框架下无论post(博客)还是page(页面)都是markdown格式,但markdown兼容html提供了很大的便利性。

    修改下图位置代码:

    给你看看小白博主开发的打赏系统

    粘贴到空白页面(markdown/html均可):

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/sviptzk/HexoStaticFile@master/Hexo/css/custom.min.css"> <p>截至 <span class="inline-tag red">nowDate</span>,共收到来自 <span class="inline-tag red">personNum</span>位小伙伴的打赏,金额为 <span class="inline-tag red">sumDonate</span> 元!</p> <table> <thead> <tr> <th align="center">用户名</th> <th align="center">打赏方式</th> <th align="center">打赏金额</th> <th align="center">赏金去向</th> </tr> </thead> </table> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/gh/改成你的github用户名/Hexo-donate@latest/pageJs.js"></script> 

    注意:上面引用css不符合规范,但暂时没有找到替代的方法。

  4. 检查前端页面是否能够正常显示数据:

    给你看看小白博主开发的打赏系统

提醒功能

至此,Hexo-Donate打赏系统全部安装完成!

不足之处,欢迎留言,会及时回复,及时更正!

创作不易,感谢支持!

原文链接:https://www.cnblogs.com/ldu-xingjiahui/p/13123760.html

原创文章,作者:优速盾-小U,如若转载,请注明出处:https://www.cdnb.net/bbs/archives/6677

(0)
上一篇 2022年8月22日
下一篇 2022年8月22日

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

优速盾注册领取大礼包www.cdnb.net
/sitemap.xml