电商项目-实现星星效果的回显
来源:互联网 发布:mac解压带密码的rar 编辑:程序博客网 时间:2024/05/01 10:53
一、引言
前段时间在做电商的项目,我是做后台的,所以避免了像淘宝啊,京东啊评论的时候那个需要实现星星效果,但是。。。。后台显示用户评论的时候需要回显星星效果,还是没有摆脱星星。。。其实我觉得实现这样的效果,关键在于思想和逻辑,只要想通了其实很简单,只是有的时候自己想的特别复杂。。。刚开始我想的就特别复杂该咋实现啊??在网上找了各种例子,但是都是怎么实现动态星星效果的,没有根据数据库中查出来的数据,把查出来的数据用星星显示在界面上的,后来忽然想通了原来是这个样子滴。。真的是太简单了啊
二、逻辑思想
场景说明:在数据库中存的数据是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:图还没有修好,所以有点儿难看,但是效果还是很明显滴!
四、结束语
编码最重要的不是技术知识,因为技术知识不会了你可以找度娘,但是如果逻辑,思想不懂,那你就不会做出好的软件,这就是设计思想的重要啊,经理常说,要先搞懂逻辑,有可能花一天搞逻辑,只要逻辑懂了可能用一个小时编码就完成了,逻辑清晰事半功倍啊,有时候不是你不会做,而是你没有明白设计原理,如果懂了,那么我们就成功了一大半。
2 0
- 电商项目-实现星星效果的回显
- 两颗星星实现的星星点击评分效果实例页面
- 2颗星星+纯CSS实现星星评分交互效果
- H5使用canvas实现星星闪烁效果
- H5使用canvas实现星星闪烁效果
- H5使用canvas实现星星闪烁效果
- 实现像百度文库那样的星星评分效果----javascript实现
- 关于伪类的使用的一些心得以及星星评分效果的实现
- 优化的打分星星评价效果
- 基于jQuery的动态星星评分效果
- 第九周项目三小星星星星星星星星星星星星星星星星星星星星星星星星星星星星星星星星星星星星星星星星星星星星星星星星星
- 如何实现在屏幕上有漂亮的刀光效果并有星星环绕
- 电商项目笔记之四:搜索功能的实现
- 通用电商项目关于登陆注册自动的实现
- 电商项目关于购物车的实现
- 纯js 消灭星星游戏,js 消灭星星游戏实现原理,有道具的消灭星星
- 电商项目的进程
- 朝思暮想的电商项目
- URL转码
- Organize resource in Android
- tomcat下部署单个项目域名的配置
- 如何查看nginx(php mysql)配置文件所在路径
- serialVersionUID的作用
- 电商项目-实现星星效果的回显
- 【LeetCode】Roman to Integer
- JS取汉字首字母
- 二叉排序树转化为顺序双链表 JAVA实现
- python汉语注释
- 扑克牌的顺子
- 开源项目汇总
- Mniui 学习笔记 2
- Android应用Loaders全面详解及源码浅析