首页 > 其他分享 >低代码开发重要工具:JVS列表页与表单配置全解析

低代码开发重要工具:JVS列表页与表单配置全解析

时间:2023-10-18 16:03:15浏览次数:47  
标签:触发 JVS 配置 列表 点击 表单 数据模型

在JVS低代码开发平台中,操作页面与数据模型之间关系是非常紧密的,一个简单列表页、表单的交互,这个过程我们可以大致分为几个步骤:

页面与数据模型的说明

创建目录

1、创建列表页

低代码开发重要工具:JVS列表页与表单配置全解析_数据模型

2、列表页配置

  • 设置列表页的字段,保存(系统会自动创建对应的数据模型)
  • 刷新预览列表页配置的效果
  • 设置列表新增按钮触发表单(系统会自动跳转到表单配置界面)

3、表单配置

  • 设置表单基本信息
  • 设置表单中需要的组件
  • 绑定表单组件和数据模型字段(系统会自动关联对应的数据模型,只需要选择组件和字段的绑定关系)
  • 设置表单展示的样式

4、预览表单配置效果(尝试数据录入)

关于模型的说明,用户在创建/修改列表页(表单),点击保存时,系统会自动校验页面的字段与模型字段是否匹配,如果不匹配,模型会动态的对底层数据结构进行修改,以实现动态匹配业务需求的目标。

低代码开发重要工具:JVS列表页与表单配置全解析_低代码快速开发平台_02

其中,我们可以预览数据模型的实际效果,点击

①设置按钮,系统自动弹出

②数据模型界面

如下图所示,这里就是展示的列表页对应数据模型的具体字段

低代码开发重要工具:JVS列表页与表单配置全解析_低代码快速开发平台_03

当然在表单中,也是可以看到对应的数据模型的,如下图所示:

低代码开发重要工具:JVS列表页与表单配置全解析_字段_04

列表页字段打开表单配置

在列表也中,为了让用户体验更加便捷,往往希望在点击字段内容时,直接触发表单,JVS也提供了类似的功能,如下图所示:

低代码开发重要工具:JVS列表页与表单配置全解析_表单_05

上图展示了两种方式触发表单,一种是在操作列中,通过按钮触发,另外一种方式在数据展示内容上点击触发弹出表单。

那么接下来我们来看下具体第二种通过内容触发的配置方式。

进入列表页设计界面中,在字段配置可配置点击列表中字段打开表单。

进入列表设计页面-表格配置列,点击需要打开表单的字段所在行的显示配置【配置】。

低代码开发重要工具:JVS列表页与表单配置全解析_字段_06

点击打开表单配置,这里表示通过这个字段的内容点击后,会触发的表单

低代码开发重要工具:JVS列表页与表单配置全解析_低代码快速开发平台_07

系统会自动进入触发的表单设计界面,如下图所示

低代码开发重要工具:JVS列表页与表单配置全解析_数据模型_08

那么根据具体的业务要求,设计对应的表单,如下图所示

低代码开发重要工具:JVS列表页与表单配置全解析_数据模型_09

保存设计和配置,查看效果如下图

低代码开发重要工具:JVS列表页与表单配置全解析_字段_10

低代码开发重要工具:JVS列表页与表单配置全解析_字段_11

在线配置地址:https://frame.bctools.cn/

开源地址:https://gitee.com/software-minister/jvs

标签:触发,JVS,配置,列表,点击,表单,数据模型
From: https://blog.51cto.com/u_15454015/7918948

相关文章

  • redis普通连接和连接池, redis字符串类型,redis hash类型, redis列表类型
    1redis普通连接和连接池......
  • JVS规则引擎及智能BI又更新新功能啦!赶紧来试试
    规则引擎更新功能新增:1.复合变量新增排序、排名功能可以按照特定的顺序对数据进行排列,确定规则的优先级,可以提高数据处理效率,帮助分析人员更好地了解数据分布和趋势。2.决策流新增动态日志功能动态日志可以记录规则执行的过程和结果,有助于提高规则执行的可观察性和可诊断性,从而保......
  • redis介绍和安装、redis普通连接和连接池、redis字符串类型、redis hash类型、redis列
    redis介绍和安装#1redis什么-数据库就是个存数据的地方:只是不同数据库数据组织,存放形式不一样-mysql关系型数据库(oracle,sqlserver,postgrasql)-非关系型数据(nosql):redis,mongodb,clickhouse,infludb,elasticsearch,hadoop。。。-没有sql:没有sql语句......
  • 请在课上练习的基础上,实现输出加减法混合的运算题目列表。请提交代码及运行效果截图。
    importjava.util.Random;publicclassMathOperationGenerator{  publicstaticvoidmain(String[]args){    intnumberOfQuestions=10;//指定生成题目的数量    generateMathQuestions(numberOfQuestions);  }  publicstaticvoidgenerateMat......
  • 告别单调的列表页,探索JVS低代码列表页设计的新思路
    列表页是什么?列表页是管理平台中的基础页面,核心的逻辑是实现数据的增删改查(CRUD),列表页核心的几个要素:页面内容的数据展示、查询条件、页面按钮及按钮触发的逻辑。列表页配置具备应用配置权限的用户,可以在列表页目录上,鼠标悬空,系统会弹出列表页设计的菜单,如下图所示:点击“设计页面”......
  • Tita 升级| 移动端 OKR 列表全新升级
    升级详情Tita-OKR和新绩效一体化管理平台1. OKR 列表全新升级全新页面布局,上下级支撑、评分一目了然  对齐支持点击查看详细信息,并修改对齐2.一键更新完成度、权重、信心指数目标、关键成果均可点击进度进行快速更新进度、进展与切换更新方式关键成果支持点击......
  • 彻底搞懂:防止表单重复提交,前端限制还是后端限制?
    欢迎大家来到小米的技术分享专栏!今天我将为大家带来一个热门话题:如何有效地防止表单重复提交。在开发中,我们常常会遇到这样的问题:用户频繁点击提交按钮,导致数据重复提交,给系统和用户体验带来不必要的困扰。那么,在前端还是后端进行限制措施,哪个更好呢?让我们一起深入探讨。前端限制:防......
  • 19 表单输入绑定
    <template><h3>表单输入绑定</h3><formaction=""><inputtype="text"v-model="message"><p>{{message}}</p></form></template><script>exportdefault{......
  • 转载 | [AcSaveAsType -cad版本代号对应数字 ] & [AutoCAD的DWG文件格式版本代号列
    1. AcSaveAsType-cad版本代号对应数字 doc.SaveAs("D:\AutoCAD\1.dwg",61)#将当前文件另存为PyAutoCAD_SaveAs.dxf;#此时,程序关闭当前文件,将PyAutoCAD_SaveAs.dxf切换为当前文件。#61表示另存为文件的类型是AutoCAD2013DXF,常用类型如下:#12AutoCAD2000DWG(......
  • 计算整数列表中的中位数
    在计算机科学和数据分析领域,计算整数列表中的中位数是一项非常重要的任务。中位数是一组数据中排在中间位置的数值,对于理解数据分布和预测数据趋势具有重要意义。本文将介绍如何使用Python语言来计算整数列表中的中位数,并详细阐述相关实现过程和优缺点。一、解决问题的方法要计算整......