Layui前端实现状态码转文本输出

在数据库中我们常有状态码,想让状态码直接将表达的含义输出出来,在Layui中该怎么做呢?
在这里插入图片描述

函数转义 < layui 2.2.5 开始支持 >

如 “状态”字段来说,无非就是<1.正常 / 2.禁用> 如性别一样,已经百分百确定的枚举,前台展示效果为数值对应的字符串描述,就类似情况我们可以通过函数转义固定语法进行处理,代码如下:

 table.render(layui.$.extend({
        elem: '#yysTable' // 指定 table容器的选择器
        , url: '/yys/listData'
        , cols: [[ // 表头
              {field: 'id', width: 100, title: '序号' }
            , {field: 'status', width: 100, title: '状态', templet: function (provider) {
                    return provider.status == 1 ? '正常' : '禁用';
                } // templet <函数转义>
        ]]
    }));
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
好的,下面是使用layui实现搜索功能的一般步骤: 1. 在HTML页面中添加一个搜索框和一个搜索按钮。 ```html <div class="layui-input-inline"> <input type="text" name="keyword" placeholder="请输入关键字" class="layui-input"> </div> <div class="layui-input-inline"> <button class="layui-btn layui-btn-normal" id="searchBtn">搜索</button> </div> ``` 2. 在JavaScript文件中编写搜索功能的代码。可以通过Ajax异步获取后端返回的相关数据。 ```javascript layui.use(['form', 'table'], function(){ var form = layui.form; var table = layui.table; // 监听搜索按钮的点击事件 $('#searchBtn').on('click', function(){ var keyword = $('input[name="keyword"]').val(); // 通过Ajax异步获取数据 $.ajax({ url: '/search', type: 'GET', data: { keyword: keyword }, dataType: 'json', success: function(res){ // 渲染表格 table.render({ elem: '#resultTable', cols: [[ { field: 'name', title: '姓名' }, { field: 'age', title: '年龄' }, { field: 'gender', title: '性别' }, { field: 'address', title: '地址' } ]], data: res.data }); }, error: function(err){ console.log(err); } }); }); }); ``` 3. 在后端编写一个接口,用于接收前端发送的搜索请求,并返回相关数据。 ```python from flask import Flask, request, jsonify app = Flask(__name__) @app.route('/search', methods=['GET']) def search(): keyword = request.args.get('keyword') # 根据关键字从数据库中查询相关数据 data = [ {'name': '张三', 'age': 20, 'gender': '男', 'address': '北京市'}, {'name': '李四', 'age': 25, 'gender': '女', 'address': '上海市'} ] return jsonify({'code': 0, 'msg': 'success', 'data': data}) if __name__ == '__main__': app.run(debug=True) ``` 以上就是使用layui前端框架实现搜索功能的一般步骤。需要注意的是,代码仅供参考,具体实现方式可能会根据实际情况有所不同。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

那天的烟花雨

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值