电商项目-实现星星效果的回显

一、引言

前段时间在做电商的项目，我是做后台的，所以避免了像淘宝啊，京东啊评论的时候那个需要实现星星效果，但是。。。。后台显示用户评论的时候需要回显星星效果，还是没有摆脱星星。。。其实我觉得实现这样的效果，关键在于思想和逻辑，只要想通了其实很简单，只是有的时候自己想的特别复杂。。。刚开始我想的就特别复杂该咋实现啊？？在网上找了各种例子，但是都是怎么实现动态星星效果的，没有根据数据库中查出来的数据，把查出来的数据用星星显示在界面上的，后来忽然想通了原来是这个样子滴。。真的是太简单了啊

二、逻辑思想

场景说明：在数据库中存的数据是int类型的，10，8,6,4,2这样的数据，10代表5颗星星全亮，8代表4颗星星全亮依次类推。。。
逻辑思想图：

说明：只需要把查出来的数据，除以2，就代表有几颗星星是亮的，再用总数5颗星减去亮的星星剩下不亮的星星，在界面上进行for循环，把亮的总星星数循环一遍嵌套一个黄色星星图片。（JSP的C标签，在复杂的界面上经常用的，大家有兴趣可以查查，挺强大的）把不亮的总星星数循环一遍嵌套灰色星星图片。

三、例子展示

Action代码：

/**查看评论内容星星数量**/public String querycommentinfo()throws Exception{try {Integer commentid=Integer.valueOf(request.getParameter("id"));//获取星星数量SchoolShop_UserAssess userassess=commentManagerService.findCommentByid(commentid);//从数据库中获取星星分数Integer proAssess=userassess.getProAssess();//计算亮星星总数Integer proAssesstxt=proAssess/2;//计算灰色星星总数Integer shengxiaassess=5-proAssesstxt;//传到界面request.setAttribute("proAssesstxt", proAssesstxt);request.setAttribute("shengxiaassess", shengxiaassess);}catch (Exception e) {  throw new RuntimeException("评论信息查询失败", e);  }return "checkcomment";}

JSP代码：

<tr><td id="tdbankAccount">商品评价:</td><td><!--用计算出来的亮星星数进行循环--><c:forEach begin="1" end="${proAssesstxt}" ><img src="${pageContext.request.contextPath}/images/CommentManage/QQ截图20150724140235.gif"style="display:block;float:left;"></img></c:forEach><!--用计算出来的灰星星数进行循环--><c:forEach begin="1" end="${shengxiaassess}"><img src="${pageContext.request.contextPath}/images/CommentManage/QQ截图20150724140250.gif" style="display:block;float:left;"></img></c:forEach></td>
</tr>

效果展示：

PS：图还没有修好，所以有点儿难看，但是效果还是很明显滴!

四、结束语

编码最重要的不是技术知识，因为技术知识不会了你可以找度娘，但是如果逻辑，思想不懂，那你就不会做出好的软件，这就是设计思想的重要啊，经理常说，要先搞懂逻辑，有可能花一天搞逻辑，只要逻辑懂了可能用一个小时编码就完成了，逻辑清晰事半功倍啊，有时候不是你不会做，而是你没有明白设计原理，如果懂了，那么我们就成功了一大半。