【技术实现步骤摘要】
本专利技术涉及工业互联网应用领域,尤其涉及一种低代码平台可拖拽表单与列表的前端设计方法、装置。
技术介绍
1、随着工业互联网和工业信息化的发展，由于企业经营日益复杂，企业内部各业务之间关联不断增强，数据交互日益频繁，企业面临越来越多难题。市场变化频率越来越快，意味企业需要迅速且灵活地响应这些变化，以满足环境的可变要求。
2、在传统web应用开发中，经常需要根据业务定制化开发表单，并且开发周期短，技术要求高，针对在多种业务表单开发过程中，存在大量重复开发工作，导致开发效率底，尚未有有效的解决方案。
3、经过检索，最接近的现有技术为：cn115639980a，一种低代码平台可拖拽的前端逻辑编排方法及装置，包括业务设计阶段，逻辑编排阶段和低代码应用运行阶段；所述业务设计阶段包括：逻辑拆分；所述逻辑编排阶段包括：逻辑节点配置；对所述逻辑片段的节点进行节点名称和节点类型的建立和配置，将逻辑拆分节点以对象的方式描述出来并配置作为逻辑节点基本信息的存储；逻辑节点关系设置，编排结果导出，逻辑代码编写；所述低代码应用运行阶段是编排结果的应用，低代码平台解析运行。本专利技术通过对复杂业务进行逻辑拆分，以可视化的方式对逻辑进行了编排和解析，以结构化的存储方式固化业务逻辑调用顺序，从而以一种新的代码组织方式管理了业务逻辑提升了低代码应用开发过程的效率。
4、该现有技术中对表单设计无数据配置、表单设计器组件单一不丰富、表单编排后无后续列表设计，导致配置不够灵活、应用场景局限等问题。与现有技术相比，本专利技术中通过将表单
技术实现思路
1、本专利技术旨在解决以上现有技术的问题。提出了一种低代码平台可拖拽表单与列表的前端设计方法及装置。本专利技术的技术方案如下：
2、一种低代码平台可拖拽表单与列表的前端设计方法，其包括：表单配置阶段、表单设计阶段、列表设计阶段和低代码平台应用运行阶段；其中，
3、所述表单配置阶段包括：表单配置，对表单进行配置表单名称、表单编码和表单分类；数据配置，包括数据库与数据表；
4、所述表单设计阶段包括：在可视化交互界面中进行表单组件的拖拽操作；将组件拖拽进入布局设计容器中进行表单布局配置；所述表单组件具有组件属性配置和组件样式配置；对表单组件与数据库字段一对一绑定；表单属性配置；脚本事件配置，是对表单的扩展；
5、所述列表设计阶段包括：将表单组件进行列表设计与查询设计；将设计结果导出至低代码平台中；
6、所述低代码平台运行阶段包括：通过低代码平台将设计结果解析为功能页面供用户填报数据与查询数据。
7、进一步的，所述表单配置时，表单名称配置与表单编码配置具备唯一性；
8、所述数据配置包括数据库连接与数据表选择：所述数据库连接包括数据库类型、数据库地址、用户与用户密码；所述数据表为数据库中的数据表。
9、进一步的，在表单设计阶段之前，还包括以下步骤：
10、验证数据库连接有效性，通过数据库连接能够正确连接到物理库；验证数据表是否真实存在与数据库中。
11、进一步的，所述表单组件分为基础组件、高级组件、系统组件和布局组件；其中，所述基础组件包括组件分类，单行文本框、多行文本框、数字框、单选框、多选框、下拉框开关框、日期选择框、时间选择框、滑块框、富文本框、连接按钮、提示框、文件上传框、操作按钮；
12、所述高级组件包括用户选择框、角色选择框、组织选择框、弹框选择框、下拉树型选择框；
13、所述系统组件包括创建人员框、创建日期框、修改人员框、修改日期框；
14、所述布局组件包括分组容器、折叠容器、卡片容器。
15、进一步的，所述表单组件的拖拽操作具体包括：
16、在可视化交互界面中，通过将表单组件的拖拽进入布局设计容器中进行布局配置；布局设计容器中的表单组件可自由拖拽移动调整布局位置，将表单组件拖拽至布局设计器外进行移除，具备复制当前表单组件与移除操作。
17、进一步的，所述布局设计容器的布局方式为栅格布局与组件容器布局：
18、所述栅格布局为：布局设计容器中的表单组件具备栅格布局属性；
19、所述组件容器布局，是拖拽布局组件进入布局设计容器中；所述布局组件具有用于将表单组件拖拽进入的内部容器。
20、进一步的，所述表单组件具有组件属性配置和组件样式配置：
21、所述组件属性配置分为通用配置与特有配置；所述通用配置包括表单组件唯一性标识、数据库表、数据字段与组件标题；所述数据字段为数据表字段与表单组件一一对应；所述特有配置为所有表单组件都具有不同的属性可配置；
22、所述组件样式配置有组件栅格、标题宽度、组件宽度。
23、进一步的，所述表单组件属性配置还包括校验规则与脚本事件：
24、所述校验规则包括是否必填、是否唯一与自定义正则表达式验证；
25、所述组件脚本事件，是对组件的扩展，通过编写可执行的javascript字符串用于执行脚本操作；所述组件脚本事件包括组件值发生变化触发脚本、组件失去焦点触发脚本；
26、所述表单属性配置是对表单整体属性进行配置：表单整体属性配置包括表单尺寸，标签位置，标题宽度，栅格间隔，弹窗类型，表单样式。
27、进一步的，所述执行脚本操作是通过javascript的eval()函数计算javascript字符串，并把字符串作为脚本代码来执行；执行脚本包括加载触发脚本与提交触发脚本；所述加载触发脚本，是在表单进行填报操作前执行的脚本；所述提交触发脚本，是在表单进行填报完毕后，进行保存操作前执行的脚本；
28、进一步的，所述列表设计包括列表风格配置、列表配置、按钮配置、权限配置与脚本事件配置；所述列表设计还包括列表显示配置，列表顺序配置，列表排序配置与冻结列配置；
29、所述查询设计包括查询显示配置、查询顺序配置与查询类型配置；
30、进一步的，所述设计应用阶段包括整体解析，列表解析与表单解析；
31、所述整体解析是传入表单编码获取设计结果的json文件；通过对json文件的结构定义一个对象于所述对象的属性，包括列表配置json数据与表单配置json数据；
32、所述列表解析是将列表配置json数据通过低代码平台解析为可供用户进行查询数据的前端页面；
33、所述表单解析是将表本文档来自技高网...
【技术保护点】
1.一种低代码平台可拖拽表单与列表的前端设计方法，其特征在于，包括：表单配置阶段、表单设计阶段、列表设计阶段和低代码平台应用运行阶段；其中，
2.根据权利要求1所述的一种低代码平台可拖拽表单与列表的前端设计方法，其特征在于，所述表单配置时，表单名称配置与表单编码配置具备唯一性；
3.根据权利要求1所述的一种低代码平台可拖拽表单与列表的前端设计方法，其特征在于，所述表单组件分为基础组件、高级组件、系统组件和布局组件；其中，所述基础组件包括组件分类，单行文本框、多行文本框、数字框、单选框、多选框、下拉框开关框、日期选择框、时间选择框、滑块框、富文本框、连接按钮、提示框、文件上传框、操作按钮；
4.根据权利要求1所述的一种低代码平台可拖拽表单与列表的前端设计方法，其特征在于，所述表单组件的拖拽操作具体包括：
5.根据权利要求1所述的一种低代码平台可拖拽表单与列表的前端设计方法，其特征在于，所述表单组件具有组件属性配置和组件样式配置：
6.根据权利要求1所述的一种低代码平台可拖拽表单与列表的前端设计方法，其特征在于，所述列表设计
7.根据权利要求1所述的一种低代码平台可拖拽表单与列表的前端设计方法，其特征在于，所述设计应用阶段包括整体解析，列表解析与表单解析；
8.一种低代码平台装置，其特征在于，包括：
9.一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至8中任意一项所述的低代码平台可拖拽表单与列表的前端设计方法。
10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现权利要求1至8中任意一项所述的低代码平台可拖拽表单与列表的前端设计方法。
...【技术特征摘要】
1.一种低代码平台可拖拽表单与列表的前端设计方法，其特征在于，包括：表单配置阶段、表单设计阶段、列表设计阶段和低代码平台应用运行阶段；其中，
2.根据权利要求1所述的一种低代码平台可拖拽表单与列表的前端设计方法，其特征在于，所述表单配置时，表单名称配置与表单编码配置具备唯一性；
3.根据权利要求1所述的一种低代码平台可拖拽表单与列表的前端设计方法，其特征在于，所述表单组件分为基础组件、高级组件、系统组件和布局组件；其中，所述基础组件包括组件分类，单行文本框、多行文本框、数字框、单选框、多选框、下拉框开关框、日期选择框、时间选择框、滑块框、富文本框、连接按钮、提示框、文件上传框、操作按钮；
4.根据权利要求1所述的一种低代码平台可拖拽表单与列表的前端设计方法，其特征在于，所述表单组件的拖拽操作具体包括：
5.根据权利要求1所述的一种低代码平台可拖拽表单与列表的前端设计方法，其特征在于，所述表单组...
【专利技术属性】
技术研发人员：肖川东，郑浩，白鹏，葛立清，王军，
申请(专利权)人：重庆市通信建设有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。