Discuz不使用插件实现简单的打赏功能
时间:2022-07-27
本文章向大家介绍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:;" rel="external nofollow" 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 --
最终实现效果如下:
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对ZaLou.Cn的支持。如果你想了解更多相关内容请查看下面相关链接
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法