星级打分评论设计！

xinxing130 2011-07-07 03:16:17

大家看上面的星级打分评论大概分几个表
这里有个问题不同的类型商家他们的服务有可能是不一样的
比如说餐营类的他们有口味项的评分而娱乐类的就没有口味项的评论
所以评论项目还需要动态~！请教大家这样的星级评论怎么样设计好，分几个表！谢谢~！

...全文

302 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

zhouxingyu896 2011-07-18

打赏
举报

学习
学习

新时代新目标新征程 2011-07-18

打赏
举报

解决了吧接分了。

chenhongjun0624 2011-07-18

打赏
举报

不懂。。

dabin130 2011-07-09

打赏
举报

复杂了吧!

xinxing130 2011-07-08

打赏
举报

刚拿上面这个评论的图片画了下，大家帮我看看这样是否正确，那里多余的或修改，谢谢！

子夜__ 2011-07-07

打赏
举报

比如说餐营类的他们有口味项的评分而娱乐类的就没有口味项的评论

那要分类别加载你的checkbox了。

可以当做问题和答案这样来处理

类别表问题表问题
餐营类ID 餐营类ID 1
娱乐类ID 娱乐类ID 1
两张表来关联

星星你要设置百分比吧比如在哪哥分数之间加载多少哥星星或者一半星星。

wosizy 2011-07-07

打赏
举报

具体几张表看你自己的需求了！反正留个字段个评分用就行！
星星评分总的有个值吧这个值就是你要用的。所以你的留个字段
下面是星星评分然后弹出值你可以把值保存到数据库字段中



<style type="text/css">

.starWrapper{border:1px solid #FFCC00;padding:5px;width:70px;}

.starWrapper img{cursor:pointer;}

</style>



<script type="text/javascript">

function rate(obj,oEvent){

//==================

// 图片地址设置

//==================

var imgSrc = '/article/upimages3/icon_star_1[1].gif';

var imgSrc_2 = '/article/upimages3/icon_star_2[1].gif';

//---------------------------------------------------------------------------

if(obj.rateFlag) return;

var e = oEvent || window.event;

var target = e.target || e.srcElement; 

var imgArray = obj.getElementsByTagName("img");

for(var i=0;i<imgArray.length;i++){

   imgArray[i]._num = i;

   imgArray[i].onclick=function(){

    if(obj.rateFlag) return;

    obj.rateFlag=true;

    alert(this._num+1);

   };

}

if(target.tagName=="IMG"){

   for(var j=0;j<imgArray.length;j++){

    if(j<=target._num){

     imgArray[j].src=imgSrc_2;

    } else {

     imgArray[j].src=imgSrc;

    }

   }

} else {

   for(var k=0;k<imgArray.length;k++){

    imgArray[k].src=imgSrc;

   }

}

}

</script>



<body>

<p class="starWrapper" onmouseover="rate(this,event)">

          <img src="...图片路径" title="很烂" /><img src="/article/upimages3/icon_star_1[1].gif" title="一般" /><img src="/article/upimages3/icon_star_1[1].gif" title="还好" /><img src="/article/upimages3/icon_star_1[1].gif" title="较好" /><img src="/article/upimages3/icon_star_1[1].gif" title="很好" />

</p>

</body>