Discuz不使用插件实现简单的打赏功能

 244 2019-10-16 19:18:36 艾奇站长网

TAG:Discuz插件打赏

本文介绍Discuz不使用插件实现简单的打赏功能

实现目标:用户自行上传自己的支付宝及微信收款二维码,在主题帖增加打赏按钮及浮窗。

功能逻辑:利用后台自定义用户栏目实现用户上传二维码的功能,然后再在内容页加以判断、调用。

修改步骤:

1、如图增加两个上传收款码图片的自定义用户栏目(表单类型记得选择上传图片)


Discuz不使用插件实现简单的打赏功能(图1)


2、打开模板文件template当前模板目录(默认为default)forumviewthread_node.htm

查找:

<!--{hook/viewthread_useraction}-->

在其上方增加以下代码即可

<!-- 打赏 -->
<style>
.dsdz{display: inline-block;padding: 10px 18px;}
.dsdz p{padding-bottom: 10px;}
.dsdz span{float: left;text-align: center;font-weight: 700;}
.dsdz span img{width: 160px;}
</style>
<!--{eval $user_ds = C::t(common_member_profile)->fetch_all($post[authorid]);}-->
<!--{loop $user_ds $ds}-->
<!--{if $ds[field1] || $ds[field2]}-->
    <a href="javascript:;" onclick="showDialog('<div class=dsdz><p>温馨提醒:此操作为直接向用户“$post[author]”扫码转账,不可逆.</p>{if $ds[field1]}<span><img src=data/attachment/profile/$ds[field1]><br>支付宝</span>{/if}{if $ds[field2]}<span style=margin-left:15px><img src=data/attachment/profile/$ds[field2]><br>微信</span>{/if}</div>', 'info', '打赏$post[author]', 1)"><i><img src="static/image/common/rec_add.gif" alt="打赏">打赏</i></a>
<!--{/if}-->
<!--{/loop}-->
<!-- END -->

最终实现效果如下:


Discuz不使用插件实现简单的打赏功能(图2)Discuz不使用插件实现简单的打赏功能(图3)


总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值。


猜你喜欢
WordPress文章列表 添加文章内图片数量展示

WordPress文章列表 添加文章内图片数量展示

教程资讯 164 2019-09-30

对于一些图片的WP站来说在文章列表上可以展示文章内数量的功能还是非常不错的设计,小编也刚刚从君子不器上看到实现方法,所以...

TAG:WordPress文章图片

FCKeditor安装FLV视频插件,适用所有CMS

FCKeditor安装FLV视频插件,适用所有CMS

教程资讯 250 2019-09-30

现在很多博客、CMS和论坛等WEB程序都使用了FCKeditor编辑器,根据自己网站的需要不同,有些网站需要添加FLV播...

TAG:FCKeditorFLVCMS

ThinkPHP5+layui实现的分页样式示例

ThinkPHP5+layui实现的分页样式示例

教程资讯 123 2019-10-11

这篇文章主要介绍了thinkphp5+layui实现的分页样式,结合实例形式详细分析了thinkPHP5框架结合layu...

TAG:ThinkPHPlayui分页

WordPress教程-登录页面美化

WordPress教程-登录页面美化

教程资讯 290 2019-10-05

WordPress登录的初始页面感觉非常的丑,而又不想使用主题自带的登录页面,所以把Blog的登录页面进行了美化,觉得挺...

TAG:登录页WordPress