资讯专栏INFORMATION COLUMN

ssm分页

Charles / 1722人阅读

摘要:页面用实现配置查询的参数即可,前提得引入的,服务器数据的请求方式服务器数据的加载地址设置为会有隔行变色效果服务器返回的数据类型设置为会在底部显示分页条设置为将禁止多选如果设置了分页,每页数据条数如果设置了分布,首页页码是否显示搜索框,给参数

页面用bootstrapTable实现(配置查询的参数即可),前提得引入bootstrapTable的css,js

function load() {
    var typeid = $("#typeid").val();
    $("#exampleTable").bootstrapTable({
                        method : "get", // 服务器数据的请求方式 get or post
                        url : "xxx/base/supSupt/list", // 服务器数据的加载地址
                        iconSize : "outline",
                        toolbar : "#exampleToolbar",
                        striped : true, // 设置为true会有隔行变色效果
                        dataType : "json", // 服务器返回的数据类型
                        pagination : true, // 设置为true会在底部显示分页条
                        singleSelect : false, // 设置为true将禁止多选
                        pageSize : 10, // 如果设置了分页,每页数据条数
                        pageNumber : 1, // 如果设置了分布,首页页码
                        search : true, // 是否显示搜索框,给参数就可以搜索了
                        showColumns : false, // 是否显示内容下拉框(选择显示的列)
                        clickToSelect:true,
                        sortOrder: "desc",
                        sidePagination : "server", // 设置在哪里进行分页,可选值为"client" 或者
                        queryParams : function(params) {//后台有个Query类,只要添加了键值对而且是表中有的他会自动弄进去

                            return {
                                // 说明:传入后台的参数包括offset开始索引,limit步长,sort排序列,order:desc或者,以及所有列的键值对
                                limit : params.limit,
                                offset : params.offset,
sort:"createdat",根据创建时间(对应映射文件的条件)
                                                    order:"desc",排序
                                type:typeid
                            };
                        },
                        columns : [
                                {
                                    checkbox : true
                                },
                                {
                                    field : "code",
                                    title : "编码"
                                                    },
                                {
                                    field : "comp",
                                    title : "公司名"
                                },
                                {
                                    field : "busilicence",
                                    title : "信用代码"
                                },
                                {
                                    field : "law",
                                    title : "法定代表人"
                                },
                                {
                                    field : "tel",
                                    title : "联系电话"
                                }]
    })
}

2.控制器

@ResponseBody
    @GetMapping("/list")
    @RequiresPermissions("base:supSupt:add")
    public PageUtils list(@RequestParam Map params){
        //查询列表数据
        Query query = new Query(params);
        List supSuptList = supSuptService.getSupListExcludeSuptpyeId(query);
        int total = supSuptService.getSupListCountExcludeSuptpyeId(query);
        PageUtils pageUtils = new PageUtils(supSuptList, total);
        return pageUtils;
    }

工具类
分页的工具类

mybatis映射文件


    

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/73843.html

相关文章

  • ssm分页

    摘要:页面用实现配置查询的参数即可,前提得引入的,服务器数据的请求方式服务器数据的加载地址设置为会有隔行变色效果服务器返回的数据类型设置为会在底部显示分页条设置为将禁止多选如果设置了分页,每页数据条数如果设置了分布,首页页码是否显示搜索框,给参数 页面用bootstrapTable实现(配置查询的参数即可),前提得引入bootstrapTable的css,js function load()...

    hedzr 评论0 收藏0
  • SSM框架——实现分页和搜索分页

    摘要:分页是项目常用的功能,昨天在中实现了简单的分页操作和搜索分页,在此记录一下。 分页是Java Web项目常用的功能,昨天在Spring MVC中实现了简单的分页操作和搜索分页,在此记录一下。使用的框架为(MyBatis+SpringMVC+Spring)。 首先我们需要一个分页的工具类: 1.分页 import java.io.Serializable; /** * 分页 ...

    LiuZh 评论0 收藏0
  • 基于SSM的学生宿舍管理系统

    摘要:项目介绍本系统采用框架,数据层采用,数据库使用,可以用作毕业设计课程设计等,适合选题高校宿舍宿舍员工宿舍等,下面是大概的功能,具体功能实现可以建议看下方的演示视频,系统适合于基础一般的同学使用。 项目介绍: 本系统采用SSM框架,数据层采用mybatis,数据库使用mysql,可以用作毕业设...

    Backache 评论0 收藏0

发表评论

0条评论

Charles

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<