换个思路做豆瓣评分展示 丰富你的内容页

如下图演示，用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/