Siteserver常见任务-自定义方式实现投票功能

导航: 上一页

自定义方式实现投票功能

投票是网站经常需要用到的功能之一，本篇将介绍如何利用 SiteServer CMS 以自定义的显示方式实现投票功能。

第一步：后台中添加投票并配置投票项。

首先需要在后台添加投票，用于保存页面中提交的信息。请参考“投票添加与管理”。

第二步：在模板中添加投票标签。

• 自定义显示方式需要在stl:input标签内添加stl:inputTemplate标签。

• stl:inputTemplate 内必须包含多个<input type="radio">或<input type="checkbox">，用于显示投票单选框或复选框。如果投票类型为单选，必须包含<input type="radio">，如果投票类型为复选，必须包含<input type="checkbox">。

• <input type="checkbox">或<input type="radio">不用设置id或name等属性，系统将自动分配投票项ID。

• stl:inputTemplate 内必须包含id="submit"的<button>、<input>或<a>元素，如<input type="button" id="submit" value="提 交" />，用于提交投票。

详细参数及注意事项请参考投票标签stl:vote。

在模板中添加的代码类似：

<br /><stl:vote voteName="图文混合投票" width="95%"><br />  
<stl:inputTemplate><br />   
<TABLE cellSpacing="2" cellPadding="2" width="95%" border="0"><br />   
<TBODY><br /><TR><br />
<TD style="FONT-WEIGHT: bold" align="center" height="30">请选择您认为最具性价比的楼盘进行投票</TD><br /> 
</TR><br /> <TR><br /> 
<TD align="center"><TABLE cellSpacing="2" cellPadding="2" align="center" border="0"><br /> 
  <TBODY><br />    <TR><br /> 
 <TD vAlign="top"><TABLE cellSpacing="0" cellPadding="0" width="100%" border="0"><br />  <TBODY><br />        
<TR><br />   <TD align="center" width="10"><INPUT type="checkbox" /><br />  </TD><br /> 
  <TD align="left"><A href="http://www.bobofree.cn/" target="_blank">
<IMG src="../images/bobo.jpg" border="0" /></A><br /><br />
<A href="http://www.bobofree.cn/" target="_blank">BOBO自由城 开发商：地产有限公司</A></TD><br /></TR><br />
</TBODY><br /></TABLE></TD><br /> </TR><br /> <TR><br /> <TD vAlign="top">
<TABLE cellSpacing="0" cellPadding="0" width="100%" border="0"><br /> 
<TBODY><br /><TR><br /> <TD align="center" width="10"><INPUT type="checkbox"/><br /> </TD><br /> 
  <TD align="left"><A href="http://www.waldenvilla.com/" 
target="_blank"><IMG src="../images/waldenvilla.jpg" border="0" /></A><br /><br /> 
 <A href="http://www.waldenvilla.com/" target="_blank">中海瓦尔登湖 
开发商：中海地产有限公司</A></TD><br /> </TR><br /></TBODY><br /> 
</TABLE></TD><br />  </TR><br /> <TR><br /> 
<TD vAlign="top"><TABLE cellSpacing="0" cellPadding="0" width="100%" border="0"><br /><TBODY>
<br /> TR><br /><TD align="center" width="10"><INPUT type="checkbox" /><br />  </TD><br /> 
 <TD align="left"><A href="http://www.tianebao.com/" target="_blank">
<IMG src="../images/tianebao.jpg" border="0" /></A><br /><br /> 
<A href="http://www.tianebao.com/" target="_blank">
天鹅堡 开发商：奥港地产有限公司</A></TD><br /> </TR><br /></TBODY><br />  
</TABLE></TD><br /></TR><br /> </TBODY><br />    
 </TABLE></TD><br /> </TR><br /><TR><br /> 
<TD align="center"><br />
<INPUT id="Submit" type="image" 
src="/aspnet_client/bairong/icons/inner/survey/vote.gif" value="" /><br /><br />       
<INPUT id="Results" type="image" 
src="/aspnet_client/bairong/icons/inner/survey/view.gif" value="" /><br />    
</TD><br />        </TR><br />      </TBODY><br />   
</TABLE><br />  </stl:inputTemplate><br /></stl:vote><br />  

第三步：生成页面，查看效果。

最后生成页面即可查看效果了

参考资料

• SiteServer官方