Discuz!【Report_bugs】Bug之提交插件

【Report_bugs】特性

• 全面融合html5元素,每一步操作都有默认提示,更简洁智能化;
• 自动捕捉输入Bug所在页面地址;
• 调用系统上传程序,可选择截图,附件上传,上传权限,配置高度自定义;
• 调用系统自带验证机制,降低无效提交.
  

使用方法,步骤

第一步 相关版块新开专贴

如在版务管理中,新发表一篇名为《【捉Bug达人】报Bug有奖活动》专贴.所有的Report_bugs页面提交的数据会以回复的形式在这里出现,方便展开下一步所报告的错误确认和处理工作.(如果想让游客亦可以报bug,你需要做好该版块和帖子的权限设置,以允许游客可以正常发表回复.)

第二步 添加Discuz! 代码

登录后台>编辑器设置>>Discuz! 代码 新增一个标签名为"bug"的Discuz! 代码(图标见附件),点击提交后,点击进入详情页面,按如下填写即可

替换内容:

1. <style>
   
2. .cgtl{width:auto}
   
3. 
   
4. .cgtl{overflow:hidden}
   
5. 
   
6. .cgtl td,.cgtl th{padding:5px; border-bottom:1px solid #c2d5e3}
   
7. 
   
8. .cgtl caption{background:#e5edf2; text-align:center; border-top:0px solid #c2d5e3; font-size:14px; font-weight:700}
   
9. 
   
10. .cgtl th{width:170px; color:#00F; font-weight:700}
    
11. 
    
12. .mbm{margin-bottom: 10px !important;}
    
13. 
    
14. </style>
    
15. 
    
16. <table summary="感谢参与捉Bug有奖活动" class="cgtl mbm">
    
17. <caption><img src="static/image/bugs/bug.info.png" alt="Details of the Bug"></caption>
    
18. <tbody><tr>
    
19.   <th style="text-align:left;">Bug页面地址: </th>
    
20.   <td>{1}</td>
    
21. </tr>
    
22. <tr>
    
23.   <th style="text-align:left;">错误内容详情: </th>
    
24.   <td>{2}</td>
    
25. </tr>
    
26. <tr>
    
27.   <th style="text-align:left;">您的联系Email: </th>
    
28.   <td>{3}</td>
    
29. </tr>
    
30. <tr>
    
31.   <th style="text-align:left;">Bug之截图:</th>
    
32.   <td>(可选)</td>
    
33. </tr>
    
34. </tbody></table>

复制代码

例子:

1. [bug=http://www.asiaidc.net,test]mail@asiaidc.net[/bug]

复制代码

解释:

1. 快速参与【捉Bug达人】有奖活动.

复制代码

参数个数:

1. 3

复制代码

参数提示语:

1. 1. 请输入Bug所在<strong><font color="Red">页面地址</font></strong>,如: http://bbs.asiaidc.net
   
2. 2. 请输入<strong><font color="Red">错误内容详情</font></strong>,如: 五采缤纷中的"采"为别字,应更正为"彩"字.
   
3. 3. 请输入您的联系Email,只针对<strong><font color="Red">游客选填</font></strong>,注册会员请登录后填写<strong><font color="Red">"无"</font></strong> 或输入<strong><font color="Red">空格</font></strong>代替.<br /><font color="Red">【提示: 点击&lt;提交&gt;按钮,随后可继续上传Bug之截图.】</font>

复制代码

嵌套次数:

1. 3

复制代码

允许使用此代码的用户组:

1. 自行设置

复制代码

新建这个Discuz! 代码的目的是方便Report_bugs页面提交的数据可以格式化和规范化,如截图所示,如果不想使用此Discuz! 代码的话,你需要自定义修改report_bugs.htm模板文件.

第三步 上传并修改文件

• 将解压缩后的report_bugs.php上传至站点根目录下;
• 将report_bugs.htm上传至模板目录/template/default/forum/文件夹下(注意修改427行action地址为自己新开专贴的提交地址; 511行upload_url的图片,附件上传地址);
• 在站点中加入相应链接(这里是将报Bug的按钮链接添加到文章末尾处的分享按钮右侧,如果你对模板文件熟悉的话当然可以加至其它任何地方).
  

备份/template/default/forum/viewthread_node.htm文件后,然后编辑此文件,查找如下内容

<!--{if $post['first'] && helper_access::check_module('share')}-->
<a class="sharep" href="home.php?mod=spacecp&ac=share&type=thread&id=$_G[tid]" title="{lang share_digest}"><i><img src="{IMGDIR}/oshr.png" alt="{lang thread_share}" />{lang thread_share}<!--{if $_G['forum_thread']['sharetimes']}--><span id="sharenumber">{$_G['forum_thread']['sharetimes']}</span><!--{/if}--></i></a>
<!--{/if}-->

在其下方加入如下内容:

1. <a class="sharep" href="report_bugs.php" ><i><img src="static/image/bugs/report_bugs.png" width="16" height="16" alt="【捉Bug达人有奖活动进行中...】" />报bug</i></a>

复制代码

至此所有修改工作全部完成.