1、总体思路

步骤 说明
需求分析 分析原型交互、解析需求文档细节
应用边界和技术设计 确定表单归属应用范畴,以及数据库、功能清单、模型设计
设计表单 根据原型和字段细节设计表单,以及属性联动、事件开发

2、需求分析

  • 主要分析交互上有没有特殊要求,例如:表单打开方式、弹框选择、跨单据聚合、明细表表单化展示、多方案等
  • 需求文档看单据类型、字段联动关系、数据联动来源、数据展示要求是否实时、数据上下文传递方式、权限、业务校验等

2.1 原型交互分析

2.1.1 表单详情


如上图,初步看交互上需要注意的是:

  • 四列后有两列布局,然后又是四列布局,还有一个附件多个上传的处理
  • 有区域分隔,【单据信息】和【附件】
    总体没有太特殊的
2.1.2 表单列表(主页面)

  • 支持单号链接跳转打开详情
  • 事件描述和产生影响需要支持换行

2.2 需求文档细节

文档上来看是简单的表单,没有审核流程控制

2.2.1 字段细节

2.2.2 权限

2.2.3 业务校验

3、应用边界和技术设计

  • 确定当前表单属于哪个业务应用范畴,是否需要新建应用
  • 新建应用需要确定数据落地到哪个数据库,是否需要新建一个数据源
  • 设计业务模型和数据库模型,是否有特殊要求(共表、现有表等)
  • 梳理开发项:数据字典接口、上下游对接、前后端事件
  • 输出开发计划

4、设计表单

基于以上分析,以现有应用为例,跳过创建数据源和创建应用的过程

4.1 创建表单

  1. 点击应用进入配置应用管理端,新增表单

  2. 保存后进入设计端
    card布局

    保存按钮

    调整布局


    字段设计









    调整全局样式


    预览效果

    点击保存

    4.2 配置属性联动

    业务实体控制供应商:
  3. 如果是有限的数量可以用属性联动
  4. 如果搜索不确定数量可以使用搜索带参数控制

4.3 设计列表(主页面)

设置单号跳转


最终效果

作者:聂维  创建时间:2023-04-12 09:40
最后编辑:聂维  更新时间:2024-12-11 10:09