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 创建表单
- 点击应用进入配置应用管理端,新增表单
- 保存后进入设计端
card布局
保存按钮
调整布局
字段设计
调整全局样式
预览效果
点击保存4.2 配置属性联动
业务实体控制供应商: - 如果是有限的数量可以用属性联动
- 如果搜索不确定数量可以使用搜索带参数控制
4.3 设计列表(主页面)
设置单号跳转
最终效果
作者:聂维 创建时间:2023-04-12 09:40
最后编辑:聂维 更新时间:2024-12-11 10:09
最后编辑:聂维 更新时间:2024-12-11 10:09