图书管理项目之读取数据

对于前期我们已经完成基本的框架搭建和页面布局，那我们如何将数据库中的表单信息显示到页面呢，下面继续完善。

1.页面布局datagrid.html

           <div property="columns">
            <div type="checkcolumn" ></div>        
            <div field="userno" width="120" headerAlign="center" allowSort="true">帐号</div>    
            <div field="username" width="120" headerAlign="center" allowSort="true">姓名</div>    
                    <div field="sex" width="100" renderer="onGenderRenderer" headerAlign="center">性别</div>
                    <div field="address" width="100" headerAlign="center">家庭住址</div>
                    <div field="phone" width="100" headerAlign="center">电话</div>
                    <div field="creattime" width="100" headerAlign="center" dateFormat="yyyy-MM-dd" allowSort="true">创建日期</div> 
                </div>
            </div>

我们得到的页面如下 （但此时应该还没有数据）

2.我们如何得到数据库数据呢？？？

①Controller层

/**
	 * 查询用户列表
	 */
	@RequestMapping("/findUserInfoList")//请求路径
	public void findUserInfoList(HttpServletRequest request, HttpServletResponse response) throws Exception {
                //业务层查询得到一个集合
		List<UserInfo> userInfoList = userInfoService.findUserInfoList(mapParam);
		//将取到的集合放入map里
		HashMap map = new HashMap();
		map.put("total", 10);   //这里10就固定了一共有十条数据（后面再改）
		map.put("data", userInfoList);
                //map转成json
		String json = JSON.encode(map);
		System.out.println(json);
		// 向前端返回数据
		response.getWriter().write(json);
} 

②在datagrid.html中我们的路径要改成我们请求的路径/findUserInfoList

<div id="datagrid1" class="mini-datagrid" style="width:100%;" allowResize="true"
        url="/findUserInfoList"  idField="userid" multiSelect="true" 
   >
        <div property="columns">

如果大家放置的datagrid.html和UserInfoController.java不在同一层（同一级别层）,"../"表示上一层

运行一下即可