深度解析JVS低代码列表页设计器,数据模型与列表页的结合,所见即所得

列表页是专为管理和展示数据而存在的页面,它广泛应用于各种业务场景中,如用户管理、订单追踪、产品目录、库存监控等。无论是需要快速浏览数据概况,还是需要对特定条目进行详细操作,列表页都能提供直观、便捷的操作。列表页包含对数据的查询条件、数据的明细展示,包括对数据的形态展示控制等。

在JVS低代码快速开发平台中,数据模型与列表页紧密关联着,列表页是对数据模型的数据展示,数据模型是列表与表单操作后的数据存储的空间。JVS低代码列表页配置支持两种方式,如下所示:

  • 页面驱动模型:用户可以根据需求先构建可见的页面,系统在页面保存时会根据界面数据需求直接创建对应的数据模型,也就是先配置页面系统自动生成模型;
  • 模型驱动页面:用户也可以按照传统的方式先构建数据模型,再根据数据模型去生成对应的列表页与表单,也就是先配置模型再自动生成页面。

页面驱动模型

JVS低代码采用所见即所得的设计模式,可以根据设置在列表页上的字段,系统自动生成对应的数据模型。

通过设置列表页的字段,保存后,系统自动生成对应的数据模型(物理级表结构)。

设计页界面介绍

【2.2.X】版本,进入列表页设计如下,与之前的版本有所调整,采用所见即所得的模式,如下图所示:

①:列表页的数据模型的名称与查看展示,可以修改数据模型的名称。(在列表页保存后会自动修

### JVS低代码开发平台介绍使用 #### 平台概述 JVS低代码开发平台旨在简化应用程序的创建过程,使开发者能够通过图形化界面快速构建复杂的企业级应用。该平台支持多种集成方式,包括API使用级集成、页面嵌入级集成以及代码功能级集成[^2]。 #### 安装环境准备 为了开始使用此平台,在启动任何项目之前需确保已正确设置好本地开发环境。对于`jvs-knowledge-ui`这类前端组件库来说,操作如下: 进入项目文件夹并安装所需软件包: ```bash cd jvs-knowledge-ui npm install ``` 随后可以运行下面这条指令来开启本地服务以便于调试和预览效果[^1]: ```bash npm run serve ``` #### 应用程序开发流程 利用JVS提供的可视化设计器和其他辅助工具,用户无需编写大量代码即可完成大部分工作。具体而言,可以通过拖拽控件到画布上来定义UI布局;配置数据源连接以实现动态内容加载等功能。当涉及到更复杂的逻辑处理时,则可以选择适当的方式将其融入现有体系结构之中——比如调用外部RESTful接口或者直接嵌入自定义JavaScript脚本片段等。 #### 实际案例分享 假设现在要为一家汽车销售公司搭建一套内部管理系统。借助于上述提到的功能特性,整个实施过程中几乎不需要太多编程经验就能高效达成目标。例如,管理员可以在界面上轻松添加新的车辆型号记录表单,并指定关联字段用于存储诸如品牌名称、价格区间之类的信息项;此同时还能设定权限控制策略保障敏感资料的安全访问机制等等。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

jonyleek

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值