Discuz不使用插件实现简单的打赏功能
<p>实现目标：用户自行上传自己的支付宝及微信收款二维码，在主题帖增加打赏按钮及浮窗。</p>
<p>
功能逻辑：利用后台自定义用户栏目实现用户上传二维码的功能，然后再在内容页加以判断、调用。</p>
<p>
<strong>修改步骤：</strong></p>
<p>
1、如图增加两个上传收款码图片的自定义用户栏目（表单类型记得选择上传图片）</p>
<p>
<img style="max-width:100%!important;height:auto!important;"title="Discuz不使用插件实现简单的打赏功能" alt="Discuz不使用插件实现简单的打赏功能" id="theimg" src="https://zhuji.jb51.net/uploads/img/202305/48c55f61ab17b2712c137929684966bf.jpg"></p>
<p>
2、打开模板文件\template\当前模板目录（默认为default）\forum\viewthread_node.htm</p>
<p>
查找：<code><!--{hook/viewthread_useraction}--></code></p>
<p>
在其上方增加以下代码即可</p>
<div>
<div>
<div id="highlighter_306608">
<div>
<span>?</span>
</div>
<table border="0" cellpadding="0" cellspacing="0"><tbody><tr>
<td>
<div>
1</div>
<div>
2</div>
<div>
3</div>
<div>
4</div>
<div>
5</div>
<div>
6</div>
<div>
7</div>
<div>
8</div>
<div>
9</div>
<div>
10</div>
<div>
11</div>
<div>
12</div>
<div>
13</div>
<div>
14</div>
</td>
<td>
<div>
<div>
<code><!-- 打赏 --></code>
</div>
<div>
<code><style></code>
</div>
<div>
<code>.dsdz{display: inline-block;padding: 10px 18px;}</code>
</div>
<div>
<code>.dsdz p{padding-bottom: 10px;}</code>
</div>
<div>
<code>.dsdz span{float: left;text-align: center;font-weight: 700;}</code>
</div>
<div>
<code>.dsdz span img{width: 160px;}</code>
</div>
<div>
<code></style></code>
</div>
<div>
<code><!--{</code><code>eval</code> <code>$user_ds</code> <code>= c::t(common_member_profile)->fetch_all(</code><code>$post</code><code>);}--></code>
</div>
<div>
<code><!--{loop </code><code>$user_ds</code> <code>$ds</code><code>}--></code>
</div>
<div>
<code><!--{</code><code>if</code> <code>$ds</code><code> || </code><code>$ds</code><code>}--></code>
</div>
<div>
<code> </code><code><a href=</code><code>"javascript:;"</code> <code>rel=</code><code>"external nofollow"</code> <code>onclick=</code><code>"showdialog('<div class=dsdz><p>温馨提醒：此操作为直接向用户“$post”扫码转账，不可逆.</p>{if $ds}<span><img src=data/attachment/profile/$ds><br>支付宝</span>{/if}{if $ds}<span style=margin-left:15px><img src=data/attachment/profile/$ds><br>微信</span>{/if}</div>', 'info', '打赏$post', 1)"</code><code>><i><img src=</code><code>"static/image/common/rec_add.gif"</code> <code>alt=</code><code>"打赏"</code><code>>打赏</i></a></code>
</div>
<div>
<code><!--{/</code><code>if</code><code>}--></code>
</div>
<div>
<code><!--{/loop}--></code>
</div>
<div>
<code><!-- </code><code>end</code> <code>--></code>
</div>
</div>
</td>
</tr></tbody></table>
</div>
</div>
</div>
<p>
最终实现效果如下：</p>
<p>
<img style="max-width:100%!important;height:auto!important;"title="Discuz不使用插件实现简单的打赏功能" alt="Discuz不使用插件实现简单的打赏功能" id="theimg" src="https://zhuji.jb51.net/uploads/img/202305/1af8fb176ef7e86fc43ccfcd5de7bfff.jpg"></p>
<p>
<img style="max-width:100%!important;height:auto!important;"title="Discuz不使用插件实现简单的打赏功能" alt="Discuz不使用插件实现简单的打赏功能" id="theimg" src="https://zhuji.jb51.net/uploads/img/202305/44b419c0e88ea65413e67a25c08972cd.jpg"></p>
<p>
<strong>总结</strong></p>
<p>
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对的支持。如果你想了解更多相关内容请查看下面相关链接</p>
<p>
原文链接：http://www.codetc.com/article-356-1.html</p>
頁:
[1]