layui的数据表格+springmvc实现增加数据功能

深藏阁楼爱情的钟 2022-05-22 01:19 229阅读 0赞

#### layui的数据表格+springmvc实现增加数据功能： ####

#### 可以看看： ####

#### [ layui的数据表格+springmvc实现数据显示，分页功能 ][layui_springmvc_] ####

### [layui的数据表格+springmvc实现搜索功能][layui_springmvc] ###

js中要加入：使隐藏的增加数据的form表单显示出来

add: function(){
        layer.open({
            title:'增加管理员',
            type:1,
            area:['400px','400px'],
            content:$("#form")
        });
    }

jsp页面：

表示增加的图标：

表示form表单：

<%--增加的弹框--%>
    <form class="layui-form layui-form-pane1" id="form" name="form" style="display: none;" action="<%=request.getContextPath()%>/admin/addAdmin" method="post" lay-filter="first">
        <div class="layui-form-item">
            <label class="layui-form-label">账号</label>
            <div class="layui-input-inline">
                <input type="text" name="account" lay-verify="required|title" required placeholder="请输入账号" autocomplete="off" class="layui-input">
            </div>
        </div>
    
        <div class="layui-form-item">
            <label class="layui-form-label">密码</label>
            <div class="layui-input-inline">
                <input type="password" name="password" lay-verify="required|pass" placeholder="请输入密码" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">姓名</label>
            <div class="layui-input-inline">
                <input type="text" name="name" lay-verify="required|" required placeholder="请输入用户名" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">手机</label>
            <div class="layui-input-inline">
                <input type="tel" name="phone" lay-verify="required|number" placeholder="请输入使用者手机号码" lay-verType="tips" autocomplete="off" class="layui-input">
            </div>
        </div>
    
        <div class="layui-form-item">
            <label class="layui-form-label">权限</label>
            <div class="layui-input-inline">
                <select name="power" lay-verify="required|" lay-filter="interest-search" lay-search>
                    <option value=""></option>
                    <option value="一般管理员">一般管理员</option>
                    <option value="超级管理员" >超级管理员</option>
    
                </select>
            </div>
        </div>
    
        <div class="layui-form-item">
            <label class="layui-form-label">状态</label>
            <div class="layui-input-inline">
                <select name="status"  lay-verify="required|" lay-filter="interest-search" lay-search>
                    <option value=""></option>
                    <option value="启用">启用</option>
                    <option value="停用" >停用</option>
    
    
                </select>
            </div>
        </div>
    
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="*">添加</button>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
        </div>
    </form>

form表单的验证js:

layui数据表格的全部js:

springmvc控制层：

/**
     * 增加管理员账号
     * @param admins
     * @return
     */
    @RequestMapping("/addAdmin")
    public String addAdmin(Admins admins){
        System.out.println("增加用户开始：");
        int index=adminsService.addAdmin(admins);
    
        return "redirect:/admin/backAdminsjsp";
    }

重定向回到页面：

/**
     * 跳转到后台管理员页面
     * @return
     */
    @RequestMapping("/backAdminsjsp")
    public  String backAdminsjsp(){
        return "/backpages/adminslist";
    }

![70][]

### 我的座右铭：不会，我可以学；落后，我可以追赶；跌倒，我可以站起来；我一定行。 ###

[layui_springmvc_]: https://blog.csdn.net/weixin_39220472/article/details/80376468
[layui_springmvc]: https://blog.csdn.net/weixin_39220472/article/details/80659433
[70]: /images/20220522/0a64a502a42d4b3bb245f0b5b6349938.png