拖了两天,继续。前段基于bootstrap 参考一些模板代码,简单架构起来一些页面,然后是数据呈现的问题了。 实用ajax方式获取数据,应该是比较方便的。
jsp页面
<table class="table table-bordered table-hover table-striped" id="tableuserlist">
<thead>
<tr>
<th>ID</th>
<th>Name</th>
<th>Fullname</th>
<th>Dept</th>
<th>Job</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
JS 这种格式可以加载时直接调用,也可以写作普通function通过按钮 链接 调用
<script type="text/javascript">
$(function (){
$.ajax({
type:"GET",
url:"/usercontroller/getuserlist",
dataType:"json",
async:false,
success:function(data){
var obj=eval(data);
var tbody=$('<tbody></tbody>');
$(obj).each(function (index){
var val=obj[index];
var tr=$('<tr></tr>');
tr.append('<td>'+ val.userid + '</td>' + '<td>'+ val.username + '</td>' +'<td>'+ val.userfullname + '</td>' + '<td>'+ val.userdeptid + '</td>'+'<td>'+ val.userjobid + '</td>');
tbody.append(tr);
});
$('#tableuserlist tbody').replaceWith(tbody);
}
});
});
</script>
controller
@RequestMapping(value="/getuserlist",method=RequestMethod.GET)
public @ResponseBody List<ErpUser> GetUserList (){
List<ErpUser> erpuserlist;
System.out.println("get userlist");
erpuserlist=userService.GetUserList();
return erpuserlist;
}
service
public List<ErpUser> GetUserList(){
return erpUserMapper.selectAllUser();
}
mapper
List<ErpUser> selectAllUser();
mapper xml
<select id="selectAllUser" resultMap="BaseResultMap" >
select
<include refid="Base_Column_List" />
from erp_user
</select>
至此,完成了ajax 发送url请求,controller拦截后调用service mapper 至mysql查询数据,然后返回json格式数据交由ajax进行页面呈现。
然后发现密码目前明文存储,的确不安全,后续来研究一下MD5加密。(其实只是一个小型局域网封闭系统,加不加密关系倒是不大),后面先准备一下登陆拦截功能,未登陆时访问页面自动转向登陆界面。
版权声明:本文为rendiqi原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。