SSM-7 前端AJAX 获取数据并展示

拖了两天，继续。前段基于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加密。（其实只是一个小型局域网封闭系统，加不加密关系倒是不大），后面先准备一下登陆拦截功能，未登陆时访问页面自动转向登陆界面。