將動易軟件星級評分做成顯示圖片的方法
來源：程序員人生 發布時間：2014-02-15 15:35:32 閱讀次數：2557次
建站學院(LieHuo.Net)CMS程序 第一步，先做5張圖片，分別命名為“star1.jpg”、“star2.jpg”、“star3.jpg”、“star4.jpg”、“star5.jpg”，如下圖，
這里提供給大家下載，如果你覺得圖不漂亮，可以自己重新做。點擊下載
第二步，修改模型字段
找到模型字段管理，編輯“Stars ”字段，把其修改成如下圖：
修改完成后保存，第二步結束。
第三步，修改標簽調用方法，下面只舉例說明，其他模型一樣的修改方法。
找到調用的地方，如：
| <xsl:value-of select="Stars"/> |
我們可以把其改為：
| ＜xsl:choose＞
＜xsl:when test="Stars = '1'"＞
＜xsl:element name="img"＞
＜xsl:attribute name="src"＞{PE.SiteConfig.ApplicationPath/}Skin/ziliao/images/star/star1.jpg＜/xsl:attribute＞
＜xsl:attribute name="border"＞0＜/xsl:attribute＞
＜/xsl:element＞
＜/xsl:when＞
＜xsl:when test="Stars = '2'"＞
＜xsl:element name="img"＞
＜xsl:attribute name="src"＞{PE.SiteConfig.ApplicationPath/}Skin/ziliao/images/star/star2.jpg＜/xsl:attribute＞
＜xsl:attribute name="border"＞0＜/xsl:attribute＞
＜/xsl:element＞
＜/xsl:when＞
＜xsl:when test="Stars = '3'"＞
＜xsl:element name="img"＞
＜xsl:attribute name="src"＞{PE.SiteConfig.ApplicationPath/}Skin/ziliao/images/star/star3.jpg＜/xsl:attribute＞
＜xsl:attribute name="border"＞0＜/xsl:attribute＞
＜/xsl:element＞
＜/xsl:when＞
＜xsl:when test="Stars = '4'"＞
＜xsl:element name="img"＞
＜xsl:attribute name="src"＞{PE.SiteConfig.ApplicationPath/}Skin/ziliao/images/star/star4.jpg＜/xsl:attribute＞
＜xsl:attribute name="border"＞0＜/xsl:attribute＞
＜/xsl:element＞
＜/xsl:when＞
＜xsl:otherwise＞
＜xsl:element name="img"＞
＜xsl:attribute name="src"＞{PE.SiteConfig.ApplicationPath/}Skin/ziliao/images/star/star5.jpg＜/xsl:attribute＞
＜xsl:attribute name="border"＞0＜/xsl:attribute＞
＜/xsl:element＞
＜/xsl:otherwise＞
＜/xsl:choose＞ |
修改完保存即可。此方法只提供一種思路，提供參考。
來看一下最終效果：
生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
