FEBS-Shiro的前端layui集成tableSelect

FEBS-Shiro的前端layui集成tableSelect

最终效果

在这里插入图片描述

FEBS-Shiro的前端使用的是layui,需要集成tableSelect这个扩展,layui数据表默认后台返回的数据的正常的状态是0.
FEBS-Shiro默认返回的状态是http状态码200
在这里插入图片描述
在这里插入图片描述
所以用的时候需要翻译一下。
代码

  layui.extend({
        tableSelect: ctx + 'lay/extends/tableSelect'
    }).use(['febs', 'form', 'formSelects', 'validate', 'treeSelect', 'slider', 'tableSelect','laydate'], function () {
        var $ = layui.$
            , febs = layui.febs
            , layer = layui.layer
            , formSelects = layui.formSelects
            , form = layui.form
            , slider = layui.slider
            , validate = layui.validate
            , tableSelect = layui.tableSelect
            ,laydate = layui.laydate;
            
        var userTable2 = {
            url: '/user/list',
            cols: [
                [
                    {type: 'checkbox'},
                    {field: 'username', title: '用户名', minWidth: 100},
                    {title: '性别', templet: '#user-sex'},
                    {field: 'deptName', title: '部门'},
                    {title: '状态', templet: '#user-status'}
                ]
            ],
            parseData: function (res) {
                return {
                    "code": res.code === 200 ? 0 : res.code,
                    "count": res.data.total,
                    "data": res.data.rows
                }
            }
        };
        tableSelect.render({
            elem: '#headerId',	//定义输入框input对象
            checkedKey: 'project_id',//表格的唯一建值,非常重要,影响到选中状态 必填
            searchKey: 'username',	//搜索输入框的name值 默认keyword
            searchPlaceholder: '关键词搜索',	//搜索输入框的提示文字 默认关键词搜索
            table: userTable2,
            done: function (elem, data) {
                //选择完后的回调,包含2个返回值 elem:返回之前input对象;data:表格返回的选中的数据 []
                //拿到data[]后 就按照业务需求做想做的事情啦~比如加个隐藏域放ID...
            }
        });

在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Layui FEBS是一款简单高效的后台权限管理系统,使用Spring Boot和Layui构建。FEBS-Shiro是其中的一个技术选型,后端采用了Spring Boot 2.2.1、Mybatis-Plus、MySQL 5.7.x、Hikari、Redis和Shiro 1.4.2。前端使用了Layui 2.5.5、Nepadmin、formSelects 4.x多选框、eleTree树组件和formSelect.js树形下拉。 对比一下,在后端代码中,有一个findProjectDetailPage方法用于分页查询项目详情。该方法接收一个QueryRequest对象和一个Project对象作为参数,其中QueryRequest用于分页查询,Project用于条件查询。在方法中,首先对排序进行处理,将驼峰命名法转为下划线分割,并根据排序方式(升序或降序)进行排序设置。然后,使用baseMapper的findProjectDetailPage方法进行分页查询,并返回查询结果。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [FEBS-Shiro添加layui数据表格后端排序](https://blog.csdn.net/u012995856/article/details/103782567)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [FEBS-Shiro:Spring Boot 2.4.2,Shiro1.6.0和Layui 2.5.6权限管理系统。预览地址:...](https://download.csdn.net/download/weixin_42150360/15011956)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值