SpringBoot+boostrap新增修改查询删除

最新推荐文章于 2023-02-27 10:55:57 发布

原创

最新推荐文章于 2023-02-27 10:55:57 发布 · 351 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#java #spring boot #boostrap

本文介绍了如何在SpringBoot项目中结合Bootstrap进行数据的增删查改操作，详细讲解了从HTML界面到后台Mapper、Service、DAO的实现过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

奏乐，代码上场。。。。

html

<script>
    $(function(){
        var oTable = TableInit();
        oTable.Init();

       /* search();*/
    });

    function TableInit() {
        var oTableInit = new Object();

        //初始化Table
        oTableInit.Init = function() {

            $('#exampleTable').bootstrapTable({
                url: "/https/blog.csdn.net/sysInfo/getUserList",
                pagination:true, //分页
                search: false, //显示搜索框
                singleSelect:true,
                contentType: "application/json",    // 发送到服务器的数据编码类型
                sidePagination: "server", //服务端处理分页
                pageNumber:0,                       //初始化加载第一页，默认第一页
                pageSize:5,                       //每页的记录行数（*）
                pageList: [1, 5, 10, 15],
                queryParamsType:'',
                toolbar:"#toolbar",//工具栏

                queryParams : function(params) {
                    var Number=params.pageNumber;
                    if(params.pageNumber>0){
                        Number= params.pageNumber-1;
                    }
                    return {
                        limit : params.pageSize, //每页条数
                        offset : params.pageSize*Number, //从第几个开始索引  因为数据库索引从0开始
                        val:$("#search").val(),
                    };
                    // return {
                    //     limit : params.pageSize, //每页条数
                    //     offset : params.pageNumber, //从第几个开始索引  因为数据库索引从0开始
                    //     val:$("#search").val(),
                    //
                    // };
                },
                responseHandler:function(res) {
                    return {
                        "total":res.total,//总页数
                        "rows": res.data //数据
                    }
                },
                columns: [
                    {
                        checkbox:true,
                    },
                    {

                        title: '序号',//标题  可不加
                        width:'64px',
                        field: 'sid',
                        align: 'center',
                        valign: 'middle',
                        formatter: function (value, row, index) {
                            return index+1;
                        }
                    },
                    {
                        title: '用户类型',
                        field: 'suser_type',
                        align: 'center',
                        valign: 'middle',
                        formatter:function(value,row,index){
                            return( (typeof(value) !="undefined") && (value == 1))?"后台用户":"前台用户";
                        }
                    },
                    {
                        title: '组织机构',
                        field: 'sah_org_code_id',
                        align: 'center',
                        valign: 'middle',
                        visible: false
                    },
                    {
                        title: '性别',
                        field: 'ssex',
                        align: 'center',
                        valign: 'middle',
                        formatter:function(value,row,index){
                            return( (typeof(value) !="undefined") && (value == 1))?"男":"女";
                        }


                    },
                    {
                        title: '姓名',
                        field: 'sname',
                        align: 'center',
                        valign: 'middle',
                    },
                    {
                        title: '登录密码',
                        field: 'slogin_pwd',
                        align: 'center',
                        valign: 'middle',
                    },
                    {
                        title: '电话号码',
                        field: 'stellphone',
                        align: 'center',
                        valign: 'middle',
                    },
                    {
                        title: '工号',
                        field: 'semployee_no',
                        align: 'center',