1）静态页面查询数据库表单数据并分页展示——easyUI、JSON、springMVC常用注解_静态页面显示数据库中的数据

作者：不正经 | 2024-06-07 15:19:05

踩

静态页面显示数据库中的数据

Ⅰ、前端页面

easyUI是依赖Jquery的……

使用easyUI动态拼接表单
1）发送请求，查询数据库某表的数据
2）解析返回的JSON对象动态拼接为表单
3）分页展示

<body>
<table id="dg"></table>
</body>
<script>
    $('#dg').datagrid({
        url:'/erole/getCurrentRoleList',
        columns:[[
            {field:'rid',title:'角色ID',width:100,checkbox:true},
            {field:'rcode',title:'角色编码',width:100},
            {field:'rname',title:'角色名称',width:100},
            {field:'operation',title:'操作',width:100,
                formatter: function(value,row,index){
                    return "<a href='#' οnclick='updateCurrentErole("+row.rid+")'>修改 </a>"+
                        "<a href='#' οnclick='detailsCurrentErole("+row.rid+")'> 详情 </a>"+
                        "<a href='#' οnclick='deleteCurrentErole("+row.rid+")'> 删除</a>";
                }}
        ]],
        /*如果为true，则在DataGrid控件底部显示分页工具栏。*/
        pagination:true,
        /*在设置分页属性的时候初始化页码。*/
        pageNumber:1,
        /*在设置分页属性的时候初始化页面大小。*/
        pageSize:4,
        /*在设置分页属性的时候初始化页面大小选择列表。*/
        pageList:[4,6,8],
        toolbar:'#tb'
    });
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

Ⅱ、控制层

erole中（最好继承一个包含后续字段的类）应该还包含page（固定属性名称，当前页数）、rows（固定属性名称，每页大小。不要与返回时的rows混淆了，这是两个不一样的意思）、limitStart（分页查询的开始）=(page-1)*rows

@RequestMapping、@ResponseBody参考

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/不正经/article/detail/685903

推荐阅读

相关标签