<table class="layui-table layui-form"> <thead> <tr> <th> <input type="checkbox" name="" lay-skin="primary"> </th> <th>ID</th> <th>登录名</th> <th>性别</th> <th>手机</th> <th>邮箱</th> <th>角色</th> <th>加入时间</th> <th>状态</th> <th>编辑</th> </thead> <tbody> <tr th:each="user : ${pageinfo.list}"> // 获取对象集合 进行循环展示 <td> <input type="checkbox" name="" lay-skin="primary"> </td> <td th:text="${user.uid}">1</td> <td th:text="${user.name}">admin</td> <td> <div th:switch="${user.sex}"> <span th:case="0" >女</span> <span th:case="1" >男</span> </div> </td> <td th:text="${user.phone}">18925139194</td> <td th:text="${user.email}">113664000@qq.com</td> <td th:text="${user.roles}">超级管理员</td> <td th:text="${#dates.format(user.createtime,'yyyy-MM-dd HH:mm:ss')}">2017-01-01 11:11:42</td> // th 时间 进行 格式化 <td class="td-status"> <div th:switch="${user.status}"> <span title="停用" class="layui-btn layui-btn-normal layui-btn-mini user_active " th:case="0" th:onclick="member_stop(this,[[${user.uid}]])" >已停用</span> //在js事件 需要用到 参数时 可以用[[]] 进行传参 <span title="启用" class="layui-btn layui-btn-normal layui-btn-mini " th:case="1" th:onclick="member_stop(this,[[${user.uid}]])">已启用</span> </div> </td> <td class="td-manage"> <a title="编辑" th:onclick="xadmin.open('编辑','admin-edit.html')" href="javascript:;"> <i class="layui-icon"></i> </a> <a title="删除" th:onclick="member_del(this,[[${user.uid}]])" href="javascript:;"> <i class="layui-icon"></i> </a> </td> </tr> </tbody> </table> 来源：博客园
作者：直挂云帆济沧海丶
链接：https://www.cnblogs.com/200967tao/p/11475522.html