1.业务场景

客户已经有了系统,数据库和程序也设计好了,希望通过我们的表单来实现他们的前端。我们的解决方案是:

  1. 通过数据库反向生成业务实体。
  2. 通过业务实体建立业务模型。
  3. 通过业务模型生成表单。
  4. 表单不调用默认的数据保存。
  5. 另外配置按钮调用接口进行数据保存。

2. 实现方式

2.1 配置接口

由于调用对方的系统的接口,需要获取token,所以需要首先获取token,再调用接口。

接口配置如下:

2.2 生成业务实体

业务实体相当于对表的管理。

2.3 创建业务模型

业务模型是用来建立实体之间的关系,比如一对一,一对多。

在业务模型管理处生成业务模型。

2.4 根据业务模型生成表单

选择业务模型生成表单,并对生成的表单做调整。

自定义表单方法。

var custFuntions=[{
  name:"saveBus",action:function(){
    let self_=this;
    let idField=self_.idField;
    let isAdd=this.data[idField]?false:true;
    //根据添加还是编辑调用不同的接口
    let apiId=isAdd?"1446120683217149954":"1446121426644951041";
    //调用获取token的接口获取token。
    self_.invokeInterface("1445931177163743233",{},function(data){
      let token=data.result;
      var obj=self_.data;
      self_.data={ busNo:obj.busNo,maxLimitNum:obj.maxLimitNum,provider:obj.provider};
      //编辑是带上表单的主键ID
      if(!isAdd){
        self_.data.id=obj.id;
      }
      //调用接口,传递数据和请求头。
      self_.invokeInterface(apiId,{"bodys":self_.data,"headers":{"Authorization":token}},function(data){
        self_.$message.success(data.msg);
        self_.getUtil().closeWindow(self_,"ok");
      });

  });
  }
}];

2.5 创建表单方案

在这里我们不调用表单的原来的保存方法,而是调用接口方法对数据进行保存。

文档更新时间: 2021-10-08 10:08   作者:zyg