在弄网站的时候,发现原来PBOOTCMS针对留言以及自定义表单记录表格的显示方式很有些不友好,当数据量一多的时候阅读起来非常麻烦;

Pbootcms建站系统后台留言自定义表单修改显示样式-1

于是想到要是能类似向新闻列表、产品一样那样清单显示就非常好了;

Pbootcms建站系统后台留言自定义表单修改显示样式-2

于是就赶紧琢磨了一下,终于找到一个可靠的办法修改后效果还不错;在这里整理出来以便后用,及有缘的朋友遇到了若也有需要则可以直接延用;

Pbootcms建站系统后台留言自定义表单修改显示样式-3

修改方案过程

在这个修改的整个过程里面只需要修改一个文件就可以了;具体流程如下:

第一步:找到from.html模板样式

在pbootcms程序目录\apps\admin\view\default\content里面找到:form.html;

找到第88至112行(此行为以PB3.0.6版本为例)中的如下代码:

  1.  {foreach $formdata(key,value,num)}
  2. <table class=“layui-table table-two”>
  3. <thead>
  4. <tr>
  5. <th colspan=“2”>
  6. {$form->form_name}-[num“>
  7. <span style=”float:right“><a href=”{url./admin/Form/del/id/‘.$value->id.’/fcode/‘.[$form->fcode”>.’/action/deldata}” onclick=”return confirm(‘您确定要删除么?’)” class=”layuibtn layuibtnxs layuibtndanger” style=”marginbottom:0px” title=”删除“>删除</a></span>
  8. </th>
  9. </tr>
  10. </thead>
  11. <tbody>
  12. {foreach $fields(key2,value2,num2)}
  13. <tr>
  14. <th>[value2->description”></th>
  15. {php} $field=$value2->name {/php}
  16. <td>[value->$field“></td>
  17. </tr>
  18. {/foreach}
  19. <tr>
  20. <th>时间</th>
  21. <td>[value->create_time”></td>
  22. </tr>
  23. </tbody>
  24. </table>
  25. {/foreach}

第二步:利用以下代码替换上述代码

  1. <table class=“layui-table table-two”>
  2. <tbody>
  3. <tr style=backgroundcolor: #f2f2f2;>
  4. <td width=“5%” align=“center”>序号</td>
  5. {foreach $fields(key2,value2,num2)}
  6. <td align=“center”>[value2->description”></td>
  7. {/foreach}
  8. <td width=“10%” align=“center”>留言时间</td>
  9. <td width=“7%” align=“center”>操作</td>
  10. </tr>
  11. {foreach $formdata(key,value,num)}
  12. <tr>
  13. <td align=“center”>[num”> </td>
  14. {foreach $fields(key2,value2,num2)}
  15. <td align=“center”>{php} $field=$value2->name {/php}[value->$field”></td>
  16. {/foreach}
  17. <td align=“center”>[value->create_time”></td>
  18. <td align=“center”><a href=“{url./admin/Form/del/id/’.$value->id.’/fcode/’.[$form->fcode”>.’/action/deldata}” onclick=”return confirm(‘您确定要删除么?’)” class=”layui-btn layui-btn-xs layui-btn-danger” style=”margin-bottom:0px” title=”删除”>删除</a></td>
  19. </tr>
  20. {/foreach}
  21. </tbody>
  22. </table>

在然后将上述替换代码过后的文件直接替换原同名文件即可;

备注:
针对以上的修改后达到了两个目的:
1、修改了原自定义表单、留言里面列表呈现的样式;
2、以上修改适应了整个表单的自定义,无论表单有多少个字段,都会自动适配表格;

便于查阅添加主菜单

当有多个表单的时候,为了从主菜单里面可以快速查阅对应数据;可以将表单添加至主菜单显示,便于分开查阅:

Pbootcms建站系统后台留言自定义表单修改显示样式-4

发表评论

您的电子邮箱地址不会被公开。