一种HTML表单生成带标引的OFD文档的方法技术

本发明专利技术公开了一种HTML表单生成带标引的OFD文档的方法，属于OFD文档处理领域，首先通过html+css+js技术对HTML表单版面的动态拖拽、填充数据，快速编辑表单；其次并使用JS对象记录版面所有组件位置和设置的标引key值数据，然后将页面元素转换为JSON格式对象，并建立数据、标引的key值发送后台服务器；最终服务器生成OFD文件时候，前端的JSON数据格式就会对应解释成符合OFD标准的XML文件,然后写入到OFD文档的对应位置里面，根据JSON数据格式,为版面上内容与标引建立联系。对比现有技术的优点在于：可以将HTML表单快速转换为版式文档，且不需要安装客户端软件，提供任意终端中带有标引的OFD文档简便生成，也可上传预设模板及XML数据文件，批量快速生成统一格式带有标引的OFD文档。的OFD文档。的OFD文档。

【技术实现步骤摘要】
一种HTML表单生成带标引的OFD文档的方法


[0001]本专利技术属于OFD文档处理领域，具体涉及一种HTML表单生成带标引的OFD文档的方法。

技术介绍

[0002]OFD 文件格式，是我国自主研发、自主制定的版式文件格式标准。与常见版式文件格式PDF相比，OFD标准允许自定义多个标引，与文档中数据交互。
[0003]现在政府和企业单位业务系统中存在大量表单数据急需归档为版式文档存档，但现有技术生成OFD文档主要有两个途径：一是使用专用OFD阅读器或编辑器生成；二是使用流式编辑器中的转换功能。
[0004]以上两种途径都需要安装编辑器，更换设备后需要重新安装，编辑器不能覆盖所有硬件环境；且流式编辑器在编辑流式文档时，容易发生破环原有表单排版的情况，使得转换后的OFD文档版面出现偏差,且无法生成标引数据。
[0005]现有途径无法支持HTML表单数据生成OFD归档文件的需求。

技术实现思路

[0006]本专利技术的目的在于提供一种HTML表单生成带标引的OFD文档的方法，以解决上述
技术介绍
中提出的问题。
[0007]为实现上述目的，本专利技术提供如下技术方案：一种HTML表单生成带标引的OFD文档的方法，其特征在于，包括以下步骤：步骤1：使用HTML页面拖拽生成文档版面及表单数据；使用html+css+js技术,实现网页区域组件的增加、删除、位置移动和修改标引key值，并使用JS对象记录版面所有组件位置和设置的标引key值数据；步骤2：根据步骤1设置的key值数据，将页面元素转换为JSON格式对象；步骤3：通过JSON格式把表单数据及定位信息发送给后台服务；使用http请求访问服务端接口，把前端JS记录的对象数据发送给服务端；步骤4：后台服务根据《GB/T_33190
‑
2016_电子文件存储与交换格式版式文档》组装出OFD文档，并给页面内容建立标引信息；步骤5：返回OFD结果文档。
[0008]优选的，所述步骤1中所述的制作网页文档版面能够使用图片、OFD文档、设定尺寸的空白页面作为底图，在底图中绘制线段、矩形、圆形等图元数据丰富底图，组件类型包含:文本域、数字域、日期域、图像域、印章域、二维码、选项域，新增的组件可使用鼠标拖拽改变位置，也可以输入坐标参数改变位置。
[0009]优选的，所述步骤2中所述的JSON格式数据包含的信息有：页面大小信息、组件ID、组件在页面的位置、组件对应的标引KEY值、组件的类型。
[0010]优选的，所述步骤4中所述的组装OFD文档，文本、数字、日期、对应生成
Content.xml中的TextObject对象，图像、二维码对应生成Content.xml中的ImageObject对象，绘制的图元数据对应Content.xml中的Path对象。
[0011]本专利技术的技术效果和优点：通过对HTML表单版面的动态推拽、填充数据，再根据HTML版面生成JSON格式，使用http请求访问服务端接口，把前端JS记录的对象数据发送给服务端，通过后台服务组装OFD文档，并建立标引信息，无需安装客户端软件也可以提供HTML表单数据快速转换为带有标引的版式文档。
附图说明
[0012]图1为本专利技术的流程示意图；图2为本专利技术HTML页面编辑、记录位置和设置标记示意图；图3为本专利技术页面元素转换为JSON格式程序示意图；图4为本专利技术OFD文档结构示意图；图5为本专利技术自定义标引列表结构示意图；图6为本专利技术自定义标引列表属性。
具体实施方式
[0013]下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。
[0014]本专利技术提供了如图1
‑
5所示的一种HTML表单生成带标引的OFD文档的方法，包括以下步骤：步骤1：使用HTML页面拖拽生成文档版面及表单数据；使用html+css+js技术,实现网页区域组件的增加、删除、位置移动和修改标引key值，并使用JS对象记录版面所有组件位置和设置的标引key值数据；步骤2：根据步骤1设置的key值数据，将页面元素转换为JSON格式对象；步骤3：通过JSON格式把表单数据及定位信息发送给后台服务；使用http请求访问服务端接口，把前端JS记录的对象数据发送给服务端；步骤4：后台服务根据《GB/T_33190
‑
2016_电子文件存储与交换格式版式文档》组装出OFD文档，并给页面内容建立标引信息；步骤5：返回OFD结果文档。
[0015]具体的，所述步骤1中所述的制作网页文档版面能够使用图片、OFD文档、设定尺寸的空白页面作为底图，在底图中绘制线段、矩形、圆形等图元数据丰富底图，组件类型包含:文本域、数字域、日期域、图像域、印章域、二维码、选项域，新增的组件可使用鼠标拖拽改变位置，也可以输入坐标参数改变位置。
[0016]具体的，所述步骤2中所述的JSON格式数据包含的信息有：页面大小信息、组件ID、组件在页面的位置、组件对应的标引KEY值、组件的类型。
[0017]具体的，所述步骤4中所述的组装OFD文档，文本、数字、日期、对应生成
Content.xml中的TextObject对象，图像、二维码对应生成Content.xml中的ImageObject对象，绘制的图元数据对应Content.xml中的Path对象。
[0018]应当理解的是，本说明书未详细阐述的部分均属于现有技术。
[0019]最后应说明的是：以上所述仅为本专利技术的优选实施例而已，并不用于限制本专利技术，尽管参照前述实施例对本专利技术进行了详细的说明，对于本领域的技术人员来说，其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换，凡在本专利技术的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本专利技术的保护范围之内。
本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种HTML表单生成带标引的OFD文档的方法，其特征在于：包括以下步骤：步骤1：使用HTML页面拖拽生成文档版面及表单数据；使用html+css+js技术,实现网页区域组件的增加、删除、位置移动和修改标引key值，并使用JS对象记录版面所有组件位置和设置的标引key值数据；步骤2：根据步骤1设置的key值数据，将页面元素转换为JSON格式对象；步骤3：通过JSON格式把表单数据及定位信息发送给后台服务；使用http请求访问服务端接口，把前端JS记录的对象数据发送给服务端；步骤4：后台服务根据《GB/T_33190
‑
2016_电子文件存储与交换格式版式文档》组装出OFD文档，并给页面内容建立标引信息；步骤5：返回OFD结果文档。2.根据权利要求1所述的一种HTML表单生成带标引的OFD文档的方法，其特征在于：步骤1中所述的制作网页文档版...

【专利技术属性】
技术研发人员：邓文强，金宏洲，程亮，
申请(专利权)人：江西金格科技有限公司，
类型：发明
国别省市：