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

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

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

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

增加字段步骤：

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

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

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

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

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

(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>

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

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

总结

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

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