LayUI Table表格的增删改查

最新推荐文章于 2024-10-24 14:15:23 发布

原创

最新推荐文章于 2024-10-24 14:15:23 发布 · 2.9k 阅读

17 ·

CC 4.0 BY-SA版权

前端部分：
在这里插入图片描述
表格

<div class="x-body">
        <xblock>
            <div class="demoTable">
                <button class="layui-btn layui-btn-danger" data-type="getCheckdata"><i class="layui-icon"></i>批量删除</button>
                <button class="layui-btn" onclick="x_admin_show('添加','./AddMessage',500,450)"><i class="layui-icon"></i>添加</button>
                <div class="layui-inline">
                    <input class="layui-input" name="ID" id="demoReload" autocomplete="off" placeholder="请输入姓名">
                </div>
                <button class="layui-btn" data-type="reload">搜索</button>
            </div>
        </xblock>
        <table class="layui-hide" id="LAY_table_user" lay-filter="user"></table>
    </div>
     <div id="add-main" class="x-body" style="display: none;">
        <form class="layui-form" id="add-form" action="">
            <input type="text" name="ID" style="width: 240px;display:none;" class="layui-input">
            <div class="layui-form-item center">
                <label class="layui-form-label" style="width: 100px">名字</label>
                <div class="layui-input-block">
                    <input type="text" name="StuName" required value="" style="width: 240px" lay-verify="required" placeholder="请输入信息" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label" style="width: 100px">性别</label>
                <div class="layui-input-block">
                    <input type="text" name="StuSex" required style="width: 240px" lay-verify="required" placeholder="请输入信息" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label" style="width: 100px">年龄</label>
                <div class="layui-input-block">
                    <input type="text" name="StuAge" required style="width: 240px" lay-verify="required" placeholder="请输入信息" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label" style="width: 100px">籍贯</label>
                <div class="layui-input-block">
                    <input type="text" name="StuArea" required style="width: 240px" lay-verify="required" placeholder="请输入信息" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label" style="width: 100px">电话</label>
                <div class="layui-input-block">
                    <input type="text" name="StuPhone" required style="width: 240px" lay-verify="required" placeholder="请输入信息" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit lay-filter="save">立即提交</button>
                    &l