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

优速盾-小U • 2022年8月22日 15:42 • 行业资讯 • 阅读 527

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

关于系统

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

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

已支持的功能

待更新内容

系统界面图

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

安装系统要求

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

下载并上传

导入数据库

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

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

将这个密码填入，即可导入成功（无视警告⚠）：

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

系统测试完成后请删除！

搭建问卷网站

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

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

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

配置虚拟主机

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

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

注：如果不知道怎么回主面板，点击上图左上角头像试试！

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

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

编辑前端页面

forkgithub项目：
编辑pageJs.js文件

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

修改内容为：

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

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不符合规范，但暂时没有找到替代的方法。