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