帝国cms生成app 帝国CMS评论自定义字段制作餐馆评分系统

帝国CMS教程

制作“简单的餐馆评分系统”案例

1)增加评论表单所需字段:

需要的字段如下:(字段标识:字段名)

  • 口味评分:kwpf
  • 服务评分:fwpf
  • 环境评分:hjpf
  • 性价评分:xjpf

增加字段步骤:

(1)位置:后台>评论管理>自定义评论字段>增加字段,界面如下:

帝国cms生成app 帝国CMS评论自定义字段制作餐馆评分系统 第1张

评分数字为1~5,字段类型用TINYINT(1)就可以,上面为口味评论字段设置,其他三个字段设置也一样,改下字段名就行。

(2)增加所有字段后,返回管理评论自定义字段,界面如下:

帝国cms生成app 帝国CMS评论自定义字段制作餐馆评分系统 第2张

2)修改评论模板,加上字段表单元素及字段显示变量:

(1)位置:后台>模板管理>管理评论模板>修改,进入评论模板修改界面:

帝国cms生成app 帝国CMS评论自定义字段制作餐馆评分系统 第3张

(2)将模板复制到Dreamweaver修改:

在评论表单模板加上字段表单元素显示,例如:(name=字段名)

  1. <table width="100%" border="0" cellspacing="1" cellpadding="3">
  2. <tr>
  3. <td width="11%" height="23">
  4. <div align="center"><strong>口味:</strong>
  5. <input type="radio" name="kwpf" value="1">一星
  6. <input type="radio" name="kwpf" value="2">二星
  7. <input type="radio" name="kwpf" value="3" checked>三星
  8. <input type="radio" name="kwpf" value="4">四星
  9. <input type="radio" name="kwpf" value="5">五星
  10. </div></td>
  11. </tr>
  12. <tr>
  13. <td height="23">
  14. <div align="center"><strong>服务:</strong>
  15. <input type="radio" name="fwpf" value="1">一星
  16. <input type="radio" name="fwpf" value="2">二星
  17. <input type="radio" name="fwpf" value="3" checked>三星
  18. <input type="radio" name="fwpf" value="4">四星
  19. <input type="radio" name="fwpf" value="5">五星
  20. </div></td>
  21. </tr>
  22. <tr>
  23. <td height="23">
  24. <div align="center"><strong>环境:</strong>
  25. <input type="radio" name="hjpf" value="1">一星
  26. <input type="radio" name="hjpf" value="2">二星
  27. <input type="radio" name="hjpf" value="3" checked>三星
  28. <input type="radio" name="hjpf" value="4">四星
  29. <input type="radio" name="hjpf" value="5">五星
  30. </div></td>
  31. </tr>
  32. <tr>
  33. <td height="23">
  34. <div align="center"><strong>性价:</strong>
  35. <input type="radio" name="xjpf" value="1">一星
  36. <input type="radio" name="xjpf" value="2">二星
  37. <input type="radio" name="xjpf" value="3" checked>三星
  38. <input type="radio" name="xjpf" value="4">四星
  39. <input type="radio" name="xjpf" value="5">五星
  40. </div></td>
  41. </tr>
  42. </table>

显示评分字段的地方加:([!--字段名--])

  1. <table width="100%" border="0" cellspacing="1" cellpadding="3">
  2. <tr>
  3. <td width="50%" height="23"><strong>口味:</strong><img src="[!--news.url--]e/data/images/[!--kwpf--]star.gif" border="0" align="absmiddle"></td>
  4. <td height="23"><strong>服务:<img src="[!--news.url--]e/data/images/[!--fwpf--]star.gif" border="0" align="absmiddle"></strong></td>
  5. </tr>
  6. <tr>
  7. <td height="23"><strong>环境:<img src="[!--news.url--]e/data/images/[!--hjpf--]star.gif" border="0" align="absmiddle"></strong></td>
  8. <td height="23"><strong>性价:<img src="[!--news.url--]e/data/images/[!--xjpf--]star.gif" border="0" align="absmiddle"></strong></td>
  9. </tr>
  10. </table>

帝国cms生成app 帝国CMS评论自定义字段制作餐馆评分系统 第4张

修改模板后将模板代码复制到后台模板处,然后点击修改即可。

3)至此,“简单的餐馆评分”制作完毕,效果如下:

帝国cms生成app 帝国CMS评论自定义字段制作餐馆评分系统 第5张

总结

首先后台增加评论字段,然后修改评论模板即可。

注意:评论表单元素可任意,只需变量“name=字段名”,显示评论字段内容用“[!--字段名--]”。

标签: 帝国cms生成app