牛刀低代码开发实战—需求评审
![牛刀低代码开发实战—需求评审](https://static001.geekbang.org/infoq/d6/d664ba9f16c3a59dacb8b42c04f97daa.jpeg)
业务部门提交需求申请,由数字化管理部门进行审批,审批结果通知到业务部门,同时建立分析看板展示需求整体情况。
一、功能描述
需求提交界面: 业务部门可以提交需求申请。需求申请可能包含需求的名称、所属业务域,所属业务事项、需求涉及平台模块、需求类型、需求详细描述、场景数据来源、需求提出人/电话等信息。用户还可以查看其申请的状态。
数字化管理部门界面: 业务部门提交需求后,需要具备数字化管理部门的审批界面。数字化管理部门可以通过该界面查看已提交的需求申请,并对其进行审批,例如批准或拒绝需求。数字化管理部门还可以查看需求列表并了解审批进度。
角色权限管理: 系统需要考虑角色权限管理。不同的用户根据其角色具有不同的权限,例如管理员可以查看所有已提交的需求申请并进行审批操作,而普通用户仅可以查看其自己提交的需求申请并修改其状态等信息。
通知和提醒: 系统需要具备通知和提醒功能,以在重要事件发生时向用户发送邮件、短信或系统通知。例如,数字化管部门审批完申请后,自动发送通知给相关人员。
分析看板: 系统需要具备分析功能,例如生成看板以展示需求整体情况。看板可以展示当前已批准和未批准的需求总量、每个类别的需求数量等信息,以帮助数字化管理部门更好地管理需求审批流程。
数据分析: 系统还可以利用历史请求数据信息来进行数据分析。例如,可以根据历史需求审批数据分析审批周期或审批时间,找到瓶颈并改进审批流程,以优化整个需求管理过程,并提高工作效率。
实现效果:
![](https://static001.geekbang.org/infoq/73/73d299f75c4fbc5de60949dfca61767a.webp?x-oss-process=image%2Fresize%2Cp_80%2Fformat%2Cpng)
![](https://static001.geekbang.org/infoq/61/61a45846f633c3d63a88d94eacf3f715.webp?x-oss-process=image%2Fresize%2Cp_80%2Fformat%2Cpng)
![](https://static001.geekbang.org/infoq/0a/0abdba091d116df784d5333a9ffac79c.webp?x-oss-process=image%2Fresize%2Cp_80%2Fformat%2Cpng)
![](https://static001.geekbang.org/infoq/23/23e9151ff0abc83ce8a624da32b9e611.webp?x-oss-process=image%2Fresize%2Cp_80%2Fformat%2Cpng)
![](https://static001.geekbang.org/infoq/28/28de91d9e9d508e25260c6628a38d5ad.webp?x-oss-process=image%2Fresize%2Cp_80%2Fformat%2Cpng)
二、实现思路
牛刀专业低代码平台采用业务模型驱动设计模式,提供数据建模、服务建模、流程建模、页面建模等模型设计工具,既可以通过可视化界面来定义数据模型、定义模型中的字段、建立数据库表与表之间的关系,以及设置数据模型的规则;也可以基于可视化界面来构建用户界面和定义流程,并自动生成对应源码,可以通过本地 IDE 或云 IDE 修改代码的方式来扩展功能。
(1) 创建企业门户应用
根据应用模板中的“企业门户”应用模板创建门户应用,并初始化。
(2) 创建工作流应用
根据应用模板中的“工作流”应用模板创建应用,并在门户中通过自动注册的方式注册服务
(3) 数据模型定义
根据需求确定数据结构,并通过可视化界面设计数据模型。
(4) 页面实现
需求评审需要流程审批,创建页面时需要基于包含流程的页面模板创建,快速生成可以操作数据模型的页面。
工作流定义
在创建需求申请页面的同时会自动生成一个简单流程,基于自动生成的简单流程进行开发。
(5) 代码提交
平台默认使用 git 进行开发协作管理。
(6) 应用发布
应用的编译、构建、发布过程是自动化的,发布后在门户中查看。
三、平台功能应用
1 、 牛刀专业低代码平台支持使用内置页面模板新建页面 , 可以快速生成功能页面;用户也可以创建自己的页面模板。
本案例的需求申请需要使用审批流程,使用包含流程的 “单表流程”页面模板创建新页面,可快速生成可用的表单项和简易流程。
![](https://static001.geekbang.org/infoq/4c/4c74242410b13ccf4938ebd762d3d666.webp?x-oss-process=image%2Fresize%2Cp_80%2Fformat%2Cpng)
![](https://static001.geekbang.org/infoq/b8/b806163304dff14b2ca9b198482d1068.webp?x-oss-process=image%2Fresize%2Cp_80%2Fformat%2Cpng)
2 、牛刀专业低代码平台支持灵活设置页面表单项布局,占满页面栅格为 24 格,可以根据页面表单项内容设置占位格数,8、12、24 格分别可以放置 3、2、1 个表单项。
本案例中一行放置一个表单项或三个表单项,显示一个表单项的将表单项对应栅格设设为 24,显示三个表单项的将表单项对应栅格设为 8。
![](https://static001.geekbang.org/infoq/1b/1b6a5494df4aab155594013bb41b880c.webp?x-oss-process=image%2Fresize%2Cp_80%2Fformat%2Cpng)
3 、牛刀专业低代码的数据规则设置支持设置条件必填项, 即只在满足某些条件的情况下才要求必填。
本案例中,需求审核未通过时必须填写修改意见,需要在“修改意见”必填属性设置中增加条件。
![](https://static001.geekbang.org/infoq/7f/7fb86ad3fec3b0b942733edd36411a3e.webp?x-oss-process=image%2Fresize%2Cp_80%2Fformat%2Cpng)
4 、牛刀专业低代码平台有专门的序号组件,基于可配置的规则来自动生成编号。
本案例需要业务部门在提交需求时能自动生成需求编号,具体实现时,除了要添加序号组件之外,还需要两个步骤,第一步配置生成规则,第二步是将生成的编号赋值到对应数据字段。
![](https://static001.geekbang.org/infoq/0b/0b8ccde60eb57455dc42cd4fd14134be.webp?x-oss-process=image%2Fresize%2Cp_80%2Fformat%2Cpng)
![](https://static001.geekbang.org/infoq/99/99ebd0083a1caa2b65350d1e85b0bd6c.webp?x-oss-process=image%2Fresize%2Cp_80%2Fformat%2Cpng)
5 、牛刀专业低代码平台表单项支持设置动态隐藏属性,当设置条件为真时隐藏,否则显示。
本案例中的需求优先级,当审批结果为不通过时,需要隐藏,只有审批结果为通过的时候,才需要显示需求优先级并由审批人选择值。
![](https://static001.geekbang.org/infoq/76/76fbb537842c7e181854c567f1df2edf.webp?x-oss-process=image%2Fresize%2Cp_80%2Fformat%2Cpng)
6 、牛刀专业低代码平台设置隐藏、必填和只读属性既可以在数据组件的数据规则处设置,也可以在流程环节的表单权限处设置。
本案例中,在需求申请环节,需要隐藏:需求优先级、需求审批结果、修改意见等三个表单项,的需求优先级,当审批结果为不通过时,需要隐藏,只有审批结果为通过的时候,才需要显示需求优先级,并由审批人确定优先级。
![](https://static001.geekbang.org/infoq/6e/6ef42d53643fce5d331bec483915ff41.webp?x-oss-process=image%2Fresize%2Cp_80%2Fformat%2Cpng)
7 、牛刀专业低代码平台中,下拉选项的实现有两种方式,第一种,使用选择器组件,并绑定下拉的数据源,另外更简单的一种设置方式,在数据模型中通过可视化设置数据引用实现下拉数据功能。
本案例中,业务域和需求类型的下拉数据,都是通过在数据模型中设置相应的数据引用,将字典表中的数据作为下拉选择数据。
![](https://static001.geekbang.org/infoq/cb/cb4325069fedb24fe3b60a025c8d0c8c.webp?x-oss-process=image%2Fresize%2Cp_80%2Fformat%2Cpng)
关于此案例的更多内容,请点击以下链接进行查看:
03-牛刀低代码开发实战——需求评审——需求申请页面功能实现
05-牛刀低代码开发实战——需求评审——需求情况查询统计实现
![](https://static001.geekbang.org/infoq/8d/8d51ccaf503a3032bab94514b9e13f65.jpeg?x-oss-process=image%2Fresize%2Cp_80%2Fauto-orient%2C1)
版权声明: 本文为 InfoQ 作者【牛刀专业低代码】的原创文章。
原文链接:【http://xie.infoq.cn/article/77671766e829c33de35acb56e】。文章转载请联系作者。
评论