结构

1. 页面基本信息
   
   • 页面标题
   • 页面类型
   • 业务

2. 页面布局

3. 页面ui配置

   • 表单
     
     • ui
     • 按钮
   • 表格
     
     • 表头
     • 表格配置
     • 工具条
     • 分页
4. 页面分类
   
   • 创建、编辑

pageUI:{
    form:{
        api:'', // 请求form数据
        ui:[
            // 示例 
            {
                type:'dropdown',
                code:'color',
                name:'颜色',
                datasourceAjax:'xxxx'
            }
            // ...
        ],
        btns:[{
        api:''， // 发起保存或者创建
        name:'',  // 按钮的名字
        class:''  // 按钮的样式 可缺省
        }]
    }
}

• 查询

pageUI:{
    form:{
        api:'', // 请求form数据
        ui:[
            // 示例 
            {
                type:'dropdown',
                code:'color',
                name:'颜色',
                datasourceAjax:'xxxx'
            }
            // ...
        ],
        btns:[{
        api:''， // 发起保存或者创建
        name:'',  // 按钮的名字
        class:''  // 按钮的样式 可缺省
        }]
    },
    table:{
      apiname:'', // 请求table数据
      header:[{name:'商品名',code:'itemName'}],
      options:{
        show:{             // 控制显示
          checkbox:false,  // 全选
          paging:true,     // 分页
          toolbar:true     // 工具栏
        },
        event:[ // 操作事件
          {
            name:'',
            fn:function(){}
          }
        ]
      },
      toolbar:{},
      paging:{
        index:0,  // 当前页
        size:10,  // 每页显示条数
        pageSize:[10,20,50,100]  // 选择每页显示的条数
      }
    }
}

结构示例

{
  title:'',  // 标题
  entity:'', // 业务
  type:'',   // 页面类型
  template:{},// 模版配置
  pageUI:{
    form:{},
    table:{}
  }
}

页面渲染流程

1. 发起ajax请求接口getUI
2. 解析数据，得到pageUI
3. 根据pageUI.form渲染表单
4. 根据pageUI.table渲染表格
5. 根据pageUI.api进行交互操作

UI的增改查删

接口名： createUI
用途：创建UI
入参:

接口名： updateUI
用途：更新UI
入参:

接口名： readUI
用途：获取UI
返回数据的入参：

返回ui的入参

出参：

接口名： delUI
用途：删除UI
入参:

接口名： getUIList
用途：获取ui列表数据
入参: