Mybatis-Plus和bootstrap-table集成 demo

hsluoyz 發(fā)布于2019-08-20 17:44 / 1943人閱讀

摘要：頁(yè)面用戶列表展示的列表初始化初始化使表格帶有條紋在表格底部顯示分頁(yè)工具欄標(biāo)識(shí)哪個(gè)字段為主鍵名片格式設(shè)置為時(shí)顯示名片布局顯示隱藏列顯示刷新按鈕復(fù)選框只能選擇一條記錄是否顯示右上角的

JSP頁(yè)面

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>



    用戶列表

服務(wù)端代碼

    @ResponseBody
    @RequestMapping("/getUserList")
    public AjaxResult getUserList() {
        Page page = getPage();
        page = userService.selectPage(page, null);
        
        Map resObj = new HashMap();
        resObj.put("total", page.getTotal());
        resObj.put("rows", page.getRecords());
        
        return json(resObj);
    }
    
    public AjaxResult json(Object data) {
        return new AjaxResult().success(data);
    }

AjaxResult對(duì)象

public class AjaxResult {

    // 返回狀態(tài)碼   (默認(rèn)1:成功,其它:失敗)
    private int code = 1;

    // 返回的中文消息
    private String message;

    // 成功時(shí)攜帶的數(shù)據(jù)
    private Object data;

    public int getCode() {
        return code;
    }

    public AjaxResult setCode(int code) {
        this.code = code;
        return this;
    }

    public String getMessage() {
        return message;
    }
    
    public AjaxResult setMessage(String message) {
        this.message = message;
        return this;
    }

    public Object getData() {
        return data;
    }

    public AjaxResult setData(Object data) {
        this.data = data;
        return this;
    }

    public AjaxResult addSuccess(String message) {
        this.message = message;
        this.code = 1;
        this.data = null;
        return this;
    }

    public AjaxResult addError(String message) {
        this.message = message;
        this.code = 999;
        this.data = null;
        return this;
    }

    public AjaxResult addFail(String message) {
        this.message = message;
        this.code = 999;
        this.data = null;
        return this;
    }

    public AjaxResult addWarn(String message) {
        this.message = message;
        this.code = 333;
        this.data = null;
        return this;
    }

    public AjaxResult success(Object data) {
        this.message = "success";
        this.data = data;
        this.code = 1;
        return this;
    }

    public boolean isSuccess() {
        return getCode() == 1;
    }

    @Override
    public String toString() {
        return JSON.toJSONString(this);
    }

靜態(tài)資源

Maven導(dǎo)入


        
            com.baomidou
            mybatis-plus
            2.0.9

具體配置：http://mp.baomidou.com/#/

注意事項(xiàng)

Page selectPage(Page page, Wrapper wrapper); 是Mybatis-Plus內(nèi)置的方法

返回的數(shù)據(jù)，必須有total和rows，前后數(shù)據(jù)不一致

responseHandler: function(res) {
                        if(res.code == 1){
                            return {
                                "total": res.data.total,//總頁(yè)數(shù)
                                "rows": res.data.rows   //數(shù)據(jù)
                             };
                            
                        }
                    }

返回的數(shù)據(jù)最好使用對(duì)象返回，若使用JSON字符串返回到前端，需要調(diào)用 JSON.parse()轉(zhuǎn)換下，否則數(shù)據(jù)匹配不上，不能展示