自定义布局的在线表单页面数据存储方法和装置制造方法及图纸

本发明专利技术提供了一种自定义布局的在线表单页面数据存储方法，包括：在Web端运行自定义布局表单设计器，Web端与服务器端连接；判断是否有表单ID；当存在表单ID时，获取表单定义，根据获得的表单定义渲染页面；接收在表单设计器中进行的表单页面配置，配置的所述表单页面包括第一级表单区域，第二级表单区域和第三级表单区域；将配置的表单页面数据传输至服务器端存储；从服务器端获取所配置的自定义布局表单页面；判断所述自定义布局表单页面是否存在数据值ID；当存在数据值ID时，根据获得的数据值渲染表单页面；接收Web端输入的数据；将表单页面数据转换为JSON格式，将所述表单页面数据传输至服务器端存储。

【技术实现步骤摘要】
自定义布局的在线表单页面数据存储方法和装置
本专利技术主要涉及信息
，尤其涉及一种自定义布局的在线表单页面数据存储方法和装置。
技术介绍
通常在Web端的表单页面展示一个用于数据采集和统计的表格，采用的是<form>标签形式，并在内部嵌入<tr><td>标签的方式去实现。但是当表单需要随着数据采集的需求进行变化时，则需要修改源代码来变更表单展示效果。同时现有表单页面的实现方式，有的是由系统的前端固定的写入html代码中，有的则是通过一些简易的表单生成器生成，这种简易的表单生成器无法完成高度的个性化显示效果。
技术实现思路
本专利技术要解决的技术问题是提供实现高度自定义布局的在线表单页面的存储，便于表单页面的灵活修改和存储。为解决上述技术问题，本专利技术提供了一种自定义布局的在线表单页面数据存储方法，包括：在Web端运行自定义布局表单设计器，所述Web端与服务器端连接；判断是否有表单ID；当存在表单ID时，获取表单定义，根据获得的表单定义渲染页面；当不存在表单ID时，渲染空表单页面；接收在表单设计器中进行的表单页面配置，配置的所述表单页面包括第一级表单区域，第二级表单区域和第三级表单区域；所述第一级表单区域包括一个或多个第二级表单区域，且所述第二级表单区域在所述第一级表单区域中的布局信息由第一级表单区域值定义；所述第二级表单区域包括一个或多个第三级表单区域，且所述第三级表单区域在所述第二级表单区域中的布局信息由第二级表单区域值定义；所述第三级表单区域包括数据输入区域和数据类型标识区域，且所述数据输入区域和数据类型标识区域的布局信息由第三级表单区域值定义。将配置的表单页面数据传输至服务器端存储；其中，第一级表单区域值、第二级表单区域值和第三级表单区域值分别存储于第一级存储块、第二级存储块和第三级存储块；从服务器端获取所配置的自定义布局表单页面；判断所述自定义布局表单页面是否存在数据值ID；当存在数据值ID时，根据获得的数据值渲染表单页面；当不存在数据值ID时，渲染表单空数据值区域；接收Web端输入的数据；将表单页面数据转换为JSON格式，将所述表单页面数据传输至服务器端存储；其中，第三级存储块还包括输入数据存储区。在本专利技术的一实施例中，所述第二级表单区域还包括第二级次表单区域，且所述第二级次表单区域在所述第二级表单区域的布局信息由所述第二级表单区域值定义。在本专利技术的一实施例中，所述第二级次表单区域包括第三级表单区域，且所述第三级表单区域在所述第二级次表单区域中的布局信息由第二级次表单区域值定义。在本专利技术的一实施例中，所述第二级次表单区域值存储于第二级次存储块。在本专利技术的一实施例中，所述第一级表单区域值定义第一级表单区域包括的单记录、单记录组和多记录组信息。在本专利技术的一实施例中，所述第二级表单区域值定义第二级表单区域包括的单记录、多记录和单记录组信息。在本专利技术的一实施例中，所述第二级次表单区域值定义第二级次表单区域包括的单记录信息。在本专利技术的一实施例中，第三级表单区域值定义第三级表单区域的数据输入类型，所述数据输入类型包括以下任一种：多行文本，单行文本，数值，单选框，下拉框，复选框，日期，时间，文件上传，签名，富文本。本专利技术还提供一种自定义布局的在线表单页面数据存储装置，包括：存储器，用于存储可由处理器执行的指令；以及处理器，用于执行所述指令以实现如前述任一项所述的方法。本专利技术还提供一种存储有计算机程序代码的计算机可读介质，所述计算机程序代码在由处理器执行时实现如前述任一项所述的方法。与现有技术相比，本专利技术具有以下优点：实现高度自定义布局的在线表单页面的存储，便于表单页面在根据数据采集和统计的需求进行修改时的灵活变更和存储。例如表单页面中不同类型数据采集组件的嵌套和自定义配置。附图说明附图是为提供对本申请进一步的理解，它们被收录并构成本申请的一部分，附图示出了本申请的实施例，并与本说明书一起起到解释本专利技术原理的作用。附图中：图1是本专利技术一实施例的自定义布局的在线表单页面数据存储方法的流程图。图2是本专利技术一实施例的自定义布局的在线表单页面的示意图。图3是本专利技术一实施例的自定义布局的在线表单页面数据存储装置的系统实施环境示意图。具体实施方式为让本专利技术的上述目的、特征和优点能更明显易懂，以下结合附图对本专利技术的具体实施方式作详细说明。在下面的描述中阐述了很多具体细节以便于充分理解本专利技术，但是本专利技术还可以采用其它不同于在此描述的其它方式来实施，因此本专利技术不受下面公开的具体实施例的限制。本申请中使用了流程图用来说明根据本申请的实施例的系统所执行的操作。应当理解的是，前面或下面操作不一定按照顺序来精确地执行。相反，可以按照倒序或同时处理各种步骤。同时，或将其他操作添加到这些过程中，或从这些过程移除某一步或数步操作。本专利技术的实施例描述一种自定义布局的在线表单页面数据存储方法和装置。图1是本专利技术一实施例的自定义布局的在线表单页面数据存储方法的流程图。如图1所示，自定义布局的在线表单页面数据存储方法包括以下步骤。步骤101，在Web端运行自定义布局表单设计器。步骤102，判断是否有表单ID；当存在表单ID时，获取表单定义，根据获得的表单定义渲染页面；当不存在表单ID时，渲染空表单。步骤103，接收在表单设计器中进行的表单页面配置，配置的表单页面包括第一级表单区域，第二级表单区域和第三级表单区域。步骤104，将配置的表单页面数据传输至服务器端存储；其中，第一级表单区域值、第二级表单区域值和第三级表单区域值分别存储于第一级存储块、第二级存储块和第三级存储块。步骤105，从服务器端获取所配置的自定义布局表单页面。步骤106，判断自定义布局表单页面是否存在数据值ID；当存在数据值ID时，根据获得的数据值渲染表单页面；当不存在数据值ID时，渲染表单空数据值区域。步骤107，接收Web端输入的数据。步骤108，将表单页面数据转换为JSON格式，将表单页面数据传输至服务器端存储。在步骤101，在Web端运行自定义布局表单设计器。Web端与服务器端连接。自定义布局表单设计器可创建、打开、修改和保存一表单页面。表单设计器可配置组成表单页面的组件和元素，实现高度自定义的表单页面，并可根据需求的变化对表单页面进行修改和调整。Web端与服务器端可通过网络连接。在步骤102，判断是否有表单ID；当存在表单ID时，获取表单定义，根据获得的表单定义渲染页面；当不存在表单ID时，渲染空表单。在Web端运行自定义布局表单设计器，并与服务器端连接时，判断从服务器端接收的数据中，是否存在表单ID。数据格式例如为JSON格式。JSON（JavaScriptObjectNotation，JavaScript对象表示法）是一种数据存储和传输格式。当存在表单ID时，获取表单定义，根据获得的表单定义渲染页面。当不存在表单ID时，渲染空表单。具体的，例如接收到的本文档来自技高网...

【技术保护点】
1.一种自定义布局的在线表单页面数据存储方法，包括：/n在Web端运行自定义布局表单设计器，所述Web端与服务器端连接；/n判断是否有表单ID；当存在表单ID时，获取表单定义，根据获得的表单定义渲染页面；当不存在表单ID时，渲染空表单页面；/n接收在表单设计器中进行的表单页面配置，配置的所述表单页面包括第一级表单区域，第二级表单区域和第三级表单区域；所述第一级表单区域包括一个或多个第二级表单区域，且所述第二级表单区域在所述第一级表单区域中的布局信息由第一级表单区域值定义；所述第二级表单区域包括一个或多个第三级表单区域，且所述第三级表单区域在所述第二级表单区域中的布局信息由第二级表单区域值定义；所述第三级表单区域包括数据输入区域和数据类型标识区域，且所述数据输入区域和数据类型标识区域的布局信息由第三级表单区域值定义；/n将配置的表单页面数据传输至服务器端存储；其中，第一级表单区域值、第二级表单区域值和第三级表单区域值分别存储于第一级存储块、第二级存储块和第三级存储块；/n从服务器端获取所配置的自定义布局表单页面；/n判断所述自定义布局表单页面是否存在数据值ID；当存在数据值ID时，根据获得的数据值渲染表单页面；当不存在数据值ID时，渲染表单空数据值区域；/n接收Web端输入的数据；/n将表单页面数据转换为JSON格式，将所述表单页面数据传输至服务器端存储；其中，第三级存储块还包括输入数据存储区。/n...

【技术特征摘要】
1.一种自定义布局的在线表单页面数据存储方法，包括：
在Web端运行自定义布局表单设计器，所述Web端与服务器端连接；
判断是否有表单ID；当存在表单ID时，获取表单定义，根据获得的表单定义渲染页面；当不存在表单ID时，渲染空表单页面；
接收在表单设计器中进行的表单页面配置，配置的所述表单页面包括第一级表单区域，第二级表单区域和第三级表单区域；所述第一级表单区域包括一个或多个第二级表单区域，且所述第二级表单区域在所述第一级表单区域中的布局信息由第一级表单区域值定义；所述第二级表单区域包括一个或多个第三级表单区域，且所述第三级表单区域在所述第二级表单区域中的布局信息由第二级表单区域值定义；所述第三级表单区域包括数据输入区域和数据类型标识区域，且所述数据输入区域和数据类型标识区域的布局信息由第三级表单区域值定义；
将配置的表单页面数据传输至服务器端存储；其中，第一级表单区域值、第二级表单区域值和第三级表单区域值分别存储于第一级存储块、第二级存储块和第三级存储块；
从服务器端获取所配置的自定义布局表单页面；
判断所述自定义布局表单页面是否存在数据值ID；当存在数据值ID时，根据获得的数据值渲染表单页面；当不存在数据值ID时，渲染表单空数据值区域；
接收Web端输入的数据；
将表单页面数据转换为JSON格式，将所述表单页面数据传输至服务器端存储；其中，第三级存储块还包括输入数据存储区。


2.根据权利要求1所述的自定义布局的在线表单页面数据存储方法，其特征在于，所述第二级表单区域还包括第二级次表单区域，且所述第二级次表单区域在所述第二级表单区域的布局信息由所述第二级表单区域值定义。

【专利技术属性】
技术研发人员：杨涛，姜锡良，宋杰，鲍勇翔，
申请(专利权)人：嘉兴太美医疗科技有限公司，
类型：发明
国别省市：浙江;33