制作“簡單的餐館評分系統”案例

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=字段名”，顯示評論字段內容用“[!--字段名--]”。