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

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

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

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

增加字段步骤:

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

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

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

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

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

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

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

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

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

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

<table width="100%" border="0" cellspacing="1" cellpadding="3"> <tr>  <td width="11%" height="23"> <div align="center"><strong>口味:</strong>  <input type="radio" name="kwpf" value="1">一星  <input type="radio" name="kwpf" value="2">二星  <input type="radio" name="kwpf" value="3" checked>三星  <input type="radio" name="kwpf" value="4">四星  <input type="radio" name="kwpf" value="5">五星 </div></td> </tr> <tr>  <td height="23"> <div align="center"><strong>服务:</strong>  <input type="radio" name="fwpf" value="1">一星  <input type="radio" name="fwpf" value="2">二星  <input type="radio" name="fwpf" value="3" checked>三星  <input type="radio" name="fwpf" value="4">四星  <input type="radio" name="fwpf" value="5">五星 </div></td> </tr> <tr>  <td height="23"> <div align="center"><strong>环境:</strong>  <input type="radio" name="hjpf" value="1">一星  <input type="radio" name="hjpf" value="2">二星  <input type="radio" name="hjpf" value="3" checked>三星  <input type="radio" name="hjpf" value="4">四星  <input type="radio" name="hjpf" value="5">五星 </div></td> </tr> <tr>  <td height="23"> <div align="center"><strong>性价:</strong>  <input type="radio" name="xjpf" value="1">一星  <input type="radio" name="xjpf" value="2">二星  <input type="radio" name="xjpf" value="3" checked>三星  <input type="radio" name="xjpf" value="4">四星  <input type="radio" name="xjpf" value="5">五星 </div></td> </tr> </table>

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

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

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

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

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

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

总结

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

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