❤打赏系统;打赏并填写问卷后信息可以自动在打赏列表中展示;
关于系统
理论上不管什么框架,只要有一个空白页面就能安排上…
后台管理暂时需要操作数据库(可视化界面),如有必要可以添加后端管理页面
已支持的功能
待更新内容
系统界面图
注: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不符合规范,但暂时没有找到替代的方法。-
检查前端页面是否能够正常显示数据:
提醒功能
至此,Hexo-Donate打赏系统全部安装完成!
不足之处,欢迎留言,会及时回复,及时更正!
创作不易,感谢支持!
原创文章,作者:优速盾-小U,如若转载,请注明出处:https://www.cdnb.net/bbs/archives/30766