零代码开发!用模型驱动设计,让列表、表单开发效率翻倍

0 阅读1分钟

在快速迭代的业务场景中,开发人员常常需要为各种数据模型(如用户、产品、订单)重复构建列表、新增、修改、详情等页面。这个过程既耗时,又容易出错。

低代码开发平台以高效便捷的开发方式,可以基于模型生成设计,能够将复杂的数据结构转化为用户界面元素的过程,旨在以直观和高效的方式展示和操作数据。

以国内成熟的JVS低代码平台为例,系统提供了根据模型生成设计,你只需要明确数据模型中包含哪些实体(如用户、产品、订单等),并对每个实体,列出其所有属性元素类型(如文本、图片、链接、时间等)。

最后直接通过界面化操作就可实现模型生成列表、表单设计,并可实现对数据的简单增、删、改、查操作。

创建模型

创建模型入口,如下图

目录上快捷创建模型,若有设计模型字段,会自动创建列表页以及相关的新增、修改、详情表单

开始页面创建模型同目录上创建模型一样,创建成功后自动生成相关列表、表单

数据模型列表创建模型,需要手动生成设计

在系统应用后台,点击【数据模型】如下图,点击【新增】按钮

弹框输入模型名称,并点击【新增】字段

**①名称:**模型名称

**②显示名称:**显示中文名

**③字段名:**显示字段名,不能包含空格和特殊符号

**④字段类型:**组件类型,用于存业务数据

最后点击【提交】即可增加一个模型数据,在模型列表还可以点击【修改】【详情】【删除】按钮操作对应模型数据

**①修改:**修改模型名称、字段信息

**②详情:**查看模型数据信息

**③生成设计:**生成对应列表、表单

**④删除:**删除该条模型数据

生成设计

在模型数据有字段信息的前提下,点击【生成设计】按钮,如下图

注意:同一个模型可以重复生成列表页、表单设计, 但不会覆盖已有的列表和表单设计

提交后在左侧应用目录下新增个对应模型名称的目录菜单

点击目录菜单即可进入生成的列表页面

点击【新增】【修改】【详情】按钮分别打开生成的表单页面

新增表单

修改表单

详情表单

在线demo:app.bctools.cn

基础框架开源地址:gitee.com/software-mi…