Java 用户资料完整度的前端显示(实现)
2015-01-27 11:29
127 查看
序
上一篇文章已经说了说大概的思路,这一篇文章主要就是对于第一种思路的实现,进行详细的说明。关于用户资料完整度的请求流程,这里就不再多说了,如果不了解的可以去看上一篇文章《Java用户资料完整度的前端显示(思路)》。
正文
前边也说了,我这里采用的是第一种方案,前端使用 Bootstrap 的进度条组件显示百分比,后台读取权重并计算信息完整度,并将计算的结果返回给前端,供页面显示。方案很简单,下***体来看代码。前端
CSS<link href="static/sc/css/bootstrap.min.css" rel="stylesheet">
JS
<script src="static/sc/js/jquery-1.9.1.js"></script> <script src="static/sc/js/bootstrap.min.js"></script> <script language="javascript"> $(function() { // 加载页面时,动态读取个人资料完整度 $.ajax({ async: false, url : 'getInfoDegree.do', type : 'POST', dataType : 'json', data : {}, error : function(XmlHttpRequest, textStatus, errorThrown) { alert("服务器错误:" + XmlHttpRequest.status + " " + XmlHttpRequest.statusText + '!'); }, success : function(data) { if (!data) return; if(data.flag == "true"){ $("#showSpan").html(data.degree); $("#showBar").css("width", data.degree); $("#showPercent").html(data.degree); }else if(data.flag == "false"){ $("#infodegree").html(data.desc); return false; } } }); }); </script>
DOM
<p style="color:#666;">个人资料完整度:<span id="showSpan" style="color:#ff9933;font-size:20px;font-weight:bold;"></span></p> <div class="progress progress-striped" style="width:210px;height:15px;"> <span style="white-space:pre"> </span><div id="showBar" class="progress-bar progress-bar-info" role="progressbar"aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" > <span style="white-space:pre"> </span><span id="showPercent" class="sr-only"></span> <span style="white-space:pre"> </span></div> </div> <em id="infodegree"></em>
后台
Java(部分代码)/** * 根据权重计算资料完整度 * @param map * @return */ private String getInfoDegree(List<TScAcntProp> list) { int sum = 0; if (list.size() > 0) { // 遍历权重配置文件,获取权重 for (int i = 0; i < list.size(); i++) { int degree = Integer.parseInt(CommonUtil.getProperty(list.get(i).getPLabelName())); sum += degree; } } // 返回计算后的权重 return sum + "%"; }
配置文件
配置文件中存放的是权重,这里就截成图片了。效果图
结束语
看似唬人的名词,其实也并没有多难,只要理清楚思路,方案就跃然于纸上了,当然,其中会涉及到一些技术问题,这个根据不同的需求会有不同的解决方案,技术搞定后,具体的实现就会水到渠成。最后,要感谢一下小崔童鞋,在这个功能上有一个问题让我很困扰,小崔童鞋给了我很大的帮助,特此表示我的感谢。相关文章推荐
- Java 用户资料完整度的前端显示(思路)
- Java实现在线用户显示
- JS实现鼠标经过用户头像显示资料卡的效果,可点击
- 字符串处理是许多程序中非常重要的一部分,它们可以用于文本显示,数据表示,查找键和很多目的.在Unix下,用户可以使用正则表达式的强健功能实现这些 目的,从Java1.4起,Java核心API就引入了java.util.regex程序包,它是一种有价值的基础
- JAVA实现多用户接收服务器发送相同信息并显示各自屏幕上
- JS实现鼠标经过用户头像显示资料卡的效果,可点击
- JAVA实现服务器和多用户跨平台的通讯
- 用JAVA实现文本形式的树状结构显示
- Java3D实现三维显示
- Java图形程序中的对话逐字显示实现
- 用户注册后,使用激活码的Java实现
- 用JAVA实现文本形式的树状结构显示(转)
- 用Java实现文本形式的树状结构显示
- newxy技术零java代码实现数据分页显示 作者:胡立新
- Java动态显示文件上传进度的简单实现 - java2000.net的专栏 - CSDNBlog
- 实现千万级数据的分页显示--整理资料并测试(转)
- 增强版JAVA实现文本形式的树状结构显示
- JAVA如何实现图文混合显示
- java中如何实现表格的多表头显示
- Java图形程序中的对话逐字显示实现