表单可视化配置方法及装置制造方法及图纸

本发明专利技术公开了一种表单可视化配置方法及装置，其中，该方法包括：在组件显示区域显示多个表单组件；接收组件拖拽指令，根据组件拖拽指令将组件显示区域内的一个或多个表单组件拖拽到组件编辑区；接收组件编辑指令，根据组件编辑指令对组件编辑区域内各个表单组件的显示位置和/或显示属性进行编辑；根据编辑后的各个表单组件，生成业务表单的一个或多个表单视图，其中，各个表单组件在不同表单视图中呈现不同的数据读写状态。本发明专利技术提供了一种操作简单、复用性高、集成度高的表单设计方案，摆脱了传统表单设计需要重复编写和修改代码的问题，无需编写代码即可配置出符合实际业务需求的表单。求的表单。求的表单。

【技术实现步骤摘要】
表单可视化配置方法及装置


[0001]本专利技术涉及计算机软件领域，尤其涉及一种表单可视化配置方法及装置。

技术介绍

[0002]本部分旨在为权利要求书中陈述的本专利技术实施例提供背景或上下文。此处的描述不因为包括在本部分中就承认是现有技术。
[0003]随着互联网技术的普及和现代企业的发展，很多企业的办公系统中通常会涉及到多种不同的申请业务，每种业务都会产生多种表单。在系统开发中，大量表单的设计开发工作占用了很多时间。可见，可配置化的表单，对快速、高效开发办公系统具有十分重要的意义。
[0004]传统的表单设计方法需要编写大量的HTML代码，表单复用性差，维护成本高，稳定性差。而现有的表单配置系统，通过定义一组接口来实现控件与表单设计器各组成部分之间的集成，接口包括控件的整体描述接口、控件在设计视图和属性视图内的描述接口和控件在存储层的描述接口，这种表单配置系统，实际可用性较差，且数据库交互较为繁琐，集成度低，无法做到轻量级应用和跨平台使用。
[0005]针对上述问题，目前尚未提出有效的解决方案。

技术实现思路

[0006]本专利技术实施例中提供了一种表单可视化配置方法，用以解决现有的表单设计方案，需要编写大量代码，存在操作繁琐、复用性差、集成度低的技术问题，该方法包括：在组件显示区域显示多个表单组件；接收组件拖拽指令，根据组件拖拽指令将组件显示区域内的一个或多个表单组件拖拽到组件编辑区；接收组件编辑指令，根据组件编辑指令对组件编辑区域内各个表单组件的显示位置和/或显示属性进行编辑；根据编辑后的各个表单组件，生成业务表单的一个或多个表单视图，其中，各个表单组件在不同表单视图中呈现不同的数据读写状态。
[0007]本专利技术实施例中还提供了一种表单可视化配置装置，用以解决现有的表单设计方案，需要编写大量代码，存在操作繁琐、复用性差、集成度低的技术问题，该装置包括：组件显示模块，用于在组件显示区域显示多个表单组件；组件拖拽模块，用于接收组件拖拽指令，根据组件拖拽指令将组件显示区域内的一个或多个表单组件拖拽到组件编辑区；组件编辑模块，用于接收组件编辑指令，根据组件编辑指令对组件编辑区域内各个表单组件的显示位置和/或显示属性进行编辑；表单生成模块，用于根据编辑后的各个表单组件，生成业务表单的一个或多个表单视图，其中，各个表单组件在不同表单视图中呈现不同的数据读写状态。
[0008]本专利技术实施例中还提供了一种计算机设备，用以解决现有的表单设计方案，需要编写大量代码，存在操作繁琐、复用性差、集成度低的技术问题，该计算机设备包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，处理器执行计算机程序时实
现上述表单可视化配置方法。
[0009]本专利技术实施例中还提供了一种计算机可读存储介质，用以解决现有的表单设计方案，需要编写大量代码，存在操作繁琐、复用性差、集成度低的技术问题，该计算机可读存储介质存储有执行上述表单可视化配置方法的计算机程序。
[0010]本专利技术实施例中，提供了一种操作简单、复用性高、集成度高的表单设计方案，与现有技术中通过编写大量代码实现表单设计的技术方案相比，通过将表单涉及的各个表单组件进行封装，向用户提供可视化的表单配置界面，使得用户能够通过可视化的拖拽、编辑等操作，实现各种业务表单的快速设计，摆脱了传统表单设计需要重复编写和修改代码的问题，无需编写代码即可配置出符合实际业务需求的表单。
附图说明
[0011]为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。在附图中：
[0012]图1为本专利技术实施例中提供的一种表单可视化配置方法流程图；
[0013]图2为本专利技术实施例中提供的一种表单可视化配置方法的具体实现流程图；
[0014]图3为本专利技术实施例中提供的一种表单可视化配置界面示意图；
[0015]图4为本专利技术实施例中提供的一种业务数据模型的代码示意图；
[0016]图5为本专利技术实施例中提供的一种实现表单定义和表单设计的代码结构示意图；
[0017]图6为本专利技术实施例中提供的一种表单定义代码示意图；
[0018]图7为本专利技术实施例中提供的一种表单设计代码示意图；
[0019]图8为本专利技术实施例中提供的一种表单自动化渲染的实现过程示意图；
[0020]图9为本专利技术实施例中提供的一种表单自动化渲染的结果示意图；
[0021]图10为本专利技术实施例中提供的一种表单可视化配置装置示意图。
具体实施方式
[0022]为使本专利技术实施例的目的、技术方案和优点更加清楚明白，下面结合附图对本专利技术实施例做进一步详细说明。在此，本专利技术的示意性实施例及其说明用于解释本专利技术，但并不作为对本专利技术的限定。
[0023]为了实现表单的可视化配置，本专利技术实施例中提供了一种表单可视化配置方法，该方法将表单配置划分组件层、布局层和表单层三个层次来实现。其中，组件层的作用是完成组件的样式和属性的封装；布局层的作用是使得组件可在布局中任意拖拽、改变大小和交换位置等；表单层的作用是完成表单整体定义和表单视图配置，以及表单定义的存储和渲染。
[0024]图1为本专利技术实施例中提供的一种表单可视化配置方法流程图，如图1所示，该方法可以包括如下步骤：
[0025]S101，在组件显示区域显示多个表单组件。
[0026]需要说明的是，本专利技术实施例中的表单组件是指构成表单的最小元素，可以包括：
基础组件和拓展组件。其中，基础组件可以是单行文本框、多行文本框、下拉选择框、日期选择框和附件上传等构成表单所需的基础元素的组件；拓展组件可以是针对具体业务开发的具体组件。由于组件可以扩展超文本标记语言HTML元素，并封装可重用的代码，本专利技术实施例通过将表单元素组件化，将一段UI设计样式和其对应的功能作为独立的整体去应用，无论这个整体在哪里应用，都具有一样的功能和样式，通过组件的复用，从而大大提高了表单的复用性。
[0027]在具体实施时，可以向用户提供表单的可视化配置界面，该可视化配置界面上至少具有用于显示各个表单组件的组件显示区域，以及对各个表单组件进行可视化编辑的组件编辑区域。可选地，在组件显示区域显示的各个表单组件可以是预先封装配置好的组件，例如，系统默认提供的基础组件，或者用户根据实际业务需求自定义配置的扩展组件。
[0028]S102，接收组件拖拽指令，根据组件拖拽指令将组件显示区域内的一个或多个表单组件拖拽到组件编辑区。
[0029]本专利技术实施例中用于拖拽各个组件的拖拽指令是指选中某个组件后，将该组件从组件显示区域移动到组件编辑区域的指令，使用不同的终端设备，拖拽指令的实现方式也可能不同。例如，当通过计算机实现的时候，该拖拽指令可以是鼠标点击组件本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种表单可视化配置方法，其特征在于，包括：在组件显示区域显示多个表单组件；接收组件拖拽指令，根据组件拖拽指令将所述组件显示区域内的一个或多个表单组件拖拽到组件编辑区；接收组件编辑指令，根据组件编辑指令对所述组件编辑区域内各个表单组件的显示位置和/或显示属性进行编辑；根据编辑后的各个表单组件，生成业务表单的一个或多个表单视图，其中，各个表单组件在不同表单视图中呈现不同的数据读写状态。2.如权利要求1所述的方法，其特征在于，所述方法还包括：接收表单预览指令，其中，所述表单预览指令用于预览所述业务表单的一个或多个表单视图；根据所述表单预览指令，呈现所述业务表单一个或多个表单视图的预览状态。3.如权利要求1所述的方法，其特征在于，所述方法还包括：接收表单发布指令，其中，所述表单发布指令用于保存所述业务表单的各个表单视图；根据所述表单发布指令，将所述业务表单对应的各个表单视图存储为JS对象简谱JSON格式的表单信息，并与所述业务表单的表单视图信息、表单视图设计信息和业务数据模型进行关联。4.如权利要求3所述的方法，其特征在于，所述方法还包括：生成以JSON格式编写的业务数据模型，其中，所述数据模型中包含：所述业务表单包含的各个业务字段及各个业务字段对应的数据类型。5.如权利要求3所述的方法，其特征在于，所述方法还包括：接收对所述业务表单的表单填写请求；根据所述表单填写请求，加载所述业务表单的表单信息、表单视图信息和业务数据模型；根据所述业务表单的表单信息、表单视图信息和业务数据模型，呈现所述业务表单的业务渲染结果。6.如权利要求3所述的方法，其特征在于，所述方法还包括：接收对所述业务表单的表单查看请求或表单修改请求；根据所述表单查看请求或所述表单修改请求，加载所述业务表单的表单信息、表单视图设计信息和业务数据模型；根据所述业务表单的表单信息、表单视图设计信息和业务数据模型，呈现所述业务表单的设计渲染结果。7.一种表单可视化配置装置，其特征在于，包括：组件显示模块，用于在组件显示区域显示多个表单组件；组件拖拽模块，用于接收组件拖拽指令，其中，所述组件拖拽指令用于将所述组件显示区域内的一个或多个表单组件拖拽到组件编辑区域；组件编辑模块，用于接收组件编辑指...

【专利技术属性】
技术研发人员：李昆颖，李效恋，乔德新，时迎，甄泽冰，蒋礼虎，丁宇，王晓博，
申请(专利权)人：中国石油天然气股份有限公司，
类型：发明
国别省市：