換個思路作豆瓣評分展現 豐富你的內容頁

以下圖演示，用maccms的例子舉例，標籤也不是很難，百分比的長度是由css控制顯示，越低值就越少

 

例如：

1	< b style = "width: 10.5%;" > < em > 10.5 % < / em > < / b >

呈現出來的是  10.5% ， 在編輯內容頁的模板裏面，由呈現的動態標籤，控制<b>標籤的樣式width就能夠打造相似的豆瓣評分功能

	其實豆瓣是真正的統計會員人數和評分實現真正的百分比數值

程序裏面的[vodinfo:scorepjf]是重點（maccms的），意思是此內容獲取的平均分

因此

1 2 3 4 5 6

{ if : [ vodinfo : scorepjf ] > 0 && [ vodinfo : scorepjf ] < 1 } < li > < b style = "width: 0.7%;" > < em > 0.7 % < / em > < / b > < / li > < li > < b style = "width: 0.3%;" > < em > 0.3 % < / em > < / b > < / li > < li > < b style = "width: 4.4%;" > < em > 4.4 % < / em > < / b > < / li > < li > < b style = "width: 14.8%;" > < em > 14.8 % < / em > < / b > < / li > < li > < b style = "width: 79.8%;" > < em > 79.8 % < / em > < / b > < / li >

當平均分大於0 小於1的時候，展現出的  （以下圖所示）

 

就到這裏，就完成了一種狀況，固然了，平均分的範圍是（0-10）的，因此還須要判斷不少種狀況

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119

< ul >                      { if : [ vodinfo : scorepjf ] > 0 && [ vodinfo : scorepjf ] < 1 } //<a href="http://www.newsky365.com/">http://www.newsky365.com</a>                            < li > < b style = "width: 0.7%;" > < em > 0.7 % < / em > < / b > < / li >                          < li > < b style = "width: 0.3%;" > < em > 0.3 % < / em > < / b > < / li >                          < li > < b style = "width: 4.4%;" > < em > 4.4 % < / em > < / b > < / li >                          < li > < b style = "width: 14.8%;" > < em > 14.8 % < / em > < / b > < / li >                          < li > < b style = "width: 79.8%;" > < em > 79.8 % < / em > < / b > < / li >                      { elseif : [ vodinfo : scorepjf ] = 1 }                          < li > < b style = "width: 0.7%;" > < em > 0.7 % < / em > < / b > < / li >                          < li > < b style = "width: 0.3%;" > < em > 0.3 % < / em > < / b > < / li >                          < li > < b style = "width: 4.4%;" > < em > 4.4 % < / em > < / b > < / li >                          < li > < b style = "width: 14.8%;" > < em > 14.8 % < / em > < / b > < / li >                          < li > < b style = "width: 79.8%;" > < em > 79.8 % < / em > < / b > < / li >                      { elseif : [ vodinfo : scorepjf ] > 1 && [ vodinfo : scorepjf ] < 2 }                          < li > < b style = "width: 2.3%;" > < em > 2.3 % < / em > < / b > < / li >                          < li > < b style = "width: 1.1%;" > < em > 1.1 % < / em > < / b > < / li >                          < li > < b style = "width: 4.7%;" > < em > 4.7 % < / em > < / b > < / li >                          < li > < b style = "width: 10.4%;" > < em > 10.4 % < / em > < / b > < / li >                          < li > < b style = "width: 81.5%;" > < em > 81.5 % < / em > < / b > < / li >                      { elseif : [ vodinfo : scorepjf ] = 2 }                          < li > < b style = "width: 2.3%;" > < em > 2.3 % < / em > < / b > < / li >                          < li > < b style = "width: 1.1%;" > < em > 1.1 % < / em > < / b > < / li >                          < li > < b style = "width: 4.7%%;" > < em > 4.7 % < / em > < / b > < / li >                          < li > < b style = "width: 10.4%;" > < em > 10.4 % < / em > < / b > < / li >                          < li > < b style = "width: 81.5%;" > < em > 81.5 % < / em > < / b > < / li >                      { elseif : [ vodinfo : scorepjf ] > 2 && [ vodinfo : scorepjf ] < 3 }                          < li > < b style = "width: 4.8%;" > < em > 4.8 % < / em > < / b > < / li >                          < li > < b style = "width: 2.6%;" > < em > 2.6 % < / em > < / b > < / li >                          < li > < b style = "width: 10.6%;" > < em > 10.6 % < / em > < / b > < / li >                          < li > < b style = "width: 14.3%;" > < em > 14.3 % < / em > < / b > < / li >                          < li > < b style = "width: 67.7%;" > < em > 67.7 % < / em > < / b > < / li >                      { elseif : [ vodinfo : scorepjf ] = 3 }                          < li > < b style = "width: 4.8%;" > < em > 4.8 % < / em > < / b > < / li >                          < li > < b style = "width: 2.6%;" > < em > 2.6 % < / em > < / b > < / li >                          < li > < b style = "width: 10.6%;" > < em > 10.6 % < / em > < / b > < / li >                          < li > < b style = "width: 14.3%;" > < em > 14.3 % < / em > < / b > < / li >                          < li > < b style = "width: 67.7%;" > < em > 67.7 % < / em > < / b > < / li >                      { elseif : [ vodinfo : scorepjf ] > 3 && [ vodinfo : scorepjf ] < 4 }                          < li > < b style = "width: 4.7%;" > < em > 4.7 % < / em > < / b > < / li >                          < li > < b style = "width: 1.2%;" > < em > 1.2 % < / em > < / b > < / li >                          < li > < b style = "width: 7.0%;" > < em > 7.0 % < / em > < / b > < / li >                          < li > < b style = "width: 17.4%;" > < em > 17.4 % < / em > < / b > < / li >                          < li > < b style = "width: 69.8%;" > < em > 69.8 % < / em > < / b > < / li >                      { elseif : [ vodinfo : scorepjf ] = 4 }                          < li > < b style = "width: 4.7%;" > < em > 4.7 % < / em > < / b > < / li >                          < li > < b style = "width: 1.2%;" > < em > 1.2 % < / em > < / b > < / li >                          < li > < b style = "width: 7.0%;" > < em > 7.0 % < / em > < / b > < / li >                          < li > < b style = "width: 17.4%;" > < em > 17.4 % < / em > < / b > < / li >                          < li > < b style = "width: 69.8%;" > < em > 69.8 % < / em > < / b > < / li >                        { elseif : [ vodinfo : scorepjf ] > 4 && [ vodinfo : scorepjf ] < 5 }                          < li > < b style = "width: 0.8%;" > < em > 0.8 % < / em > < / b > < / li >                          < li > < b style = "width: 4.2%;" > < em > 4.2 % < / em > < / b > < / li >                          < li > < b style = "width: 32.2%;" > < em > 32.2 % < / em > < / b > < / li >                          < li > < b style = "width: 42.2%;" > < em > 42.2 % < / em > < / b > < / li >                          < li > < b style = "width: 20.6%;" > < em > 20.6 % < / em > < / b > < / li >                          { elseif : [ vodinfo : scorepjf ] = 5 }                          < li > < b style = "width: 0.8%;" > < em > 0.8 % < / em > < / b > < / li >                          < li > < b style = "width: 4.2%;" > < em > 4.2 % < / em > < / b > < / li >                          < li > < b style = "width: 32.2%;" > < em > 32.2 % < / em > < / b > < / li >                          < li > < b style = "width: 42.2%;" > < em > 42.2 % < / em > < / b > < / li >                          < li > < b style = "width: 20.6%;" > < em > 20.6 % < / em > < / b > < / li >                          { elseif : [ vodinfo : scorepjf ] > 5 && [ vodinfo : scorepjf ] < 6 }                          < li > < b style = "width: 4.9%;" > < em > 4.9 % < / em > < / b > < / li >                          < li > < b style = "width: 16.8%;" > < em > 16.8 % < / em > < / b > < / li >                          < li > < b style = "width: 47.0%;" > < em > 47.0 % < / em > < / b > < / li >                          < li > < b style = "width: 24.0%;" > < em > 24.0 % < / em > < / b > < / li >                          < li > < b style = "width: 7.3%;" > < em > 7.3 % < / em > < / b > < / li >                          { elseif : [ vodinfo : scorepjf ] = 6 }                          < li > < b style = "width: 4.9%;" > < em > 4.9 % < / em > < / b > < / li >                          < li > < b style = "width: 16.8%;" > < em > 16.8 % < / em > < / b > < / li >                          < li > < b style = "width: 47.0%;" > < em > 47.0 % < / em > < / b > < / li >                          < li > < b style = "width: 24.0%;" > < em > 24.0 % < / em > < / b > < / li >                          < li > < b style = "width: 7.3%;" > < em > 7.3 % < / em > < / b > < / li >                          { elseif : [ vodinfo : scorepjf ] > 6 && [ vodinfo : scorepjf ] < 7 }                          < li > < b style = "width: 10.5%;" > < em > 10.5 % < / em > < / b > < / li >                          < li > < b style = "width: 36.1%;" > < em > 36.1 % < / em > < / b > < / li >                          < li > < b style = "width: 42.3%;" > < em > 42.3 % < / em > < / b > < / li >                          < li > < b style = "width: 8.7%;" > < em > 8.7 % < / em > < / b > < / li >                          < li > < b style = "width: 2.5%;" > < em > 2.5 % < / em > < / b > < / li >                          { elseif : [ vodinfo : scorepjf ] = 7 }                          < li > < b style = "width: 10.5%;" > < em > 10.5 % < / em > < / b > < / li >                          < li > < b style = "width: 36.1%;" > < em > 36.1 % < / em > < / b > < / li >                          < li > < b style = "width: 42.3%;" > < em > 42.3 % < / em > < / b > < / li >                          < li > < b style = "width: 8.7%;" > < em > 8.7 % < / em > < / b > < / li >                          < li > < b style = "width: 2.5%;" > < em > 2.5 % < / em > < / b > < / li >                          { elseif : [ vodinfo : scorepjf ] > 7 && [ vodinfo : scorepjf ] < 8 }                          < li > < b style = "width: 19.8%;" > < em > 19.8 % < / em > < / b > < / li >                          < li > < b style = "width: 43.2%;" > < em > 43.2 % < / em > < / b > < / li >                          < li > < b style = "width: 28.6%;" > < em > 28.6 % < / em > < / b > < / li >                          < li > < b style = "width: 5.9%;" > < em > 5.9 % < / em > < / b > < / li >                          < li > < b style = "width: 2.5%;" > < em > 2.5 % < / em > < / b > < / li >                          { elseif : [ vodinfo : scorepjf ] = 8 }                          < li > < b style = "width: 19.8%;" > < em > 19.8 % < / em > < / b > < / li >                          < li > < b style = "width: 43.2%;" > < em > 43.2 % < / em > < / b > < / li >                          < li > < b style = "width: 28.6%;" > < em > 28.6 % < / em > < / b > < / li >                          < li > < b style = "width: 5.9%;" > < em > 5.9 % < / em > < / b > < / li >                          < li > < b style = "width: 2.5%;" > < em > 2.5 % < / em > < / b > < / li >                          { elseif : [ vodinfo : scorepjf ] > 8 && [ vodinfo : scorepjf ] < 9 }                          < li > < b style = "width: 31.6%;" > < em > 31.6 % < / em > < / b > < / li >                          < li > < b style = "width: 44.7%;" > < em > 44.7 % < / em > < / b > < / li >                          < li > < b style = "width: 19.8%;" > < em > 19.8 % < / em > < / b > < / li >                          < li > < b style = "width: 2.9%;" > < em > 2.9 % < / em > < / b > < / li >                          < li > < b style = "width: 1.0%;" > < em > 1.0 % < / em > < / b > < / li >                          { elseif : [ vodinfo : scorepjf ] = 9 }                          < li > < b style = "width: 31.6%;" > < em > 31.6 % < / em > < / b > < / li >                          < li > < b style = "width: 44.7%;" > < em > 44.7 % < / em > < / b > < / li >                          < li > < b style = "width: 19.8%;" > < em > 19.8 % < / em > < / b > < / li >                          < li > < b style = "width: 2.9%;" > < em > 2.9 % < / em > < / b > < / li >                          < li > < b style = "width: 1.0%;" > < em > 1.0 % < / em > < / b > < / li >                          { else }                          < li > < b style = "width: 0.7%;" > < em > 0.7 % < / em > < / b > < / li >                          < li > < b style = "width: 0.3%;" > < em > 0.3 % < / em > < / b > < / li >                          < li > < b style = "width: 4.4%;" > < em > 4.4 % < / em > < / b > < / li >                          < li > < b style = "width: 14.8%;" > < em > 14.8 % < / em > < / b > < / li >                          < li > < b style = "width: 79.8%;" > < em > 79.8 % < / em > < / b > < / li >                          { end if }                        < / ul >

	若是你不是完美主義，配合程序的判斷標籤，能夠實現不少的功能

能夠根據思路用在其餘程序上面，我目前只用在電影程序上面過，在電影內容頁裏面，你們能夠看看地址：http://www.newsky365.com/nciyuansheji/