低代码配置-小程序配置

数据结构

复制代码
{
  "data": {
    "layout": {
        "api":{
            "pageApi":{
                //api详情
            }
        },
        "config":{
            "title":"页面标题",
          },
        "listLayout": {
            "fields": [
              {
                "componentCode": "grid",
                "columns": []
              }
            ]
          },
          // 选择器
        "filterLayout": [],
          // 搜索框
        "searchLayout": {
            "ifShow": true,
            "conditionFields": [
              { 
                "key": "name",
                "condition": "LIKE",
                "value": ""
              } 
            ],
            "placeholder": "店铺名称"
          },
          // tab栏
        "tabLayout": {
            "ifShow": true,
            "conditionFields": [
              { "label": "缴费通知", "key": "tab1", "condition": "EQ", "badge": 0, "value": 1 },
              { "label": "月度对账", "key": "tab2", "condition": "EQ", "badge": 1, "value": 2 }
            ]
          },
          // 按钮
        "buttonLayout": {
            // 全局按钮
            "outsideButton": [
              {
                "billCode": "1528673694668988419",
                "bindBillCode": "1528673694668988419",
                "bindBillName": "",
                "bindEventCode": "add",
                "bindEventName": "添加",
                "buttonCode": "add",
                "buttonDesc": "",
                "buttonName": "添加",
                "key": "buttonItem",
                "label": "添加",
                "sort": 0,
                "type": "buttonItem",
                "version": "6.4.3"
              }
            ],
            // 卡片按钮
            "insideButton": []
          }
        }
      }
}

搜索框配置

复制代码
- 是否显示
- 搜索字段
- 搜索条件( like in ...)

下拉搜索需筛选数据来源

  1. 字段关系
  2. 若绑定了API需从API中获取
  3. 自定义( 后端API 提供字段查询)
相关推荐
YZ1225522 小时前
【Docker专题】使用Docker部署Vue-Flask项目前后端分离版【前端Docker部署】
前端·vue.js·docker
专业程序开发源3 小时前
springboot古城景区管理系统88564-计算机课程设计、毕业设计
java·vue.js·spring boot·后端·spring·php·课程设计
小蒜学长3 小时前
基于SSM+VUE的电影售票平台的设计与实现(代码+数据库+LW)
java·vue.js·spring boot·后端·ssm框架·电影售票平台
今日热点3 小时前
小程序主体变更公证线上办理教程|2026 最新材料规范与审核避坑
小程序
Ai-_Man4 小时前
从聊天框到正式文档:AI导出鸭瞄准AI大模型应用的“最后一公里”
开发语言·前端·javascript·人工智能·小程序
Q26433650234 小时前
【有源码】基于Spring Boot+Vue的骑行爱好者平台的设计与实现-计算机毕设选题推荐
java·vue.js·spring boot·毕业设计·课程设计·数据可视化·源代码
FYKJ_20104 小时前
SpringSecurity教室智能预约系统73972-计算机课程设计、毕业设计
java·vue.js·spring boot·python·mysql·spring·django
专业程序开发源4 小时前
springboot酒店会员点餐系统22339-计算机课程设计、毕业设计
java·javascript·vue.js·spring boot·后端·php·课程设计
FYKJ_20104 小时前
springboot游泳馆管理系统79222-计算机课程设计、毕业设计
vue.js·spring boot·后端·python·mysql·django·课程设计
现任明教教主~6 小时前
SpringBoot+Vue学生宿舍管理系统源码 带部署文档
vue.js·spring boot·后端