一种在移动终端中渲染Web表单的方法和系统技术方案

一种在移动终端中渲染Web表单的方法和系统，其中系统包括服务器、PC端和移动终端，开发人员可以在PC端上设计、编辑表单，以及使用前端框架开发移动终端上使用的UI解析器和前端元素组件，编辑完成的表单被生成表单配置文件保存至服务器，当用户需要在移动终端上使用表单时，移动终端从服务器上获取表单配置文件，使用UI解析器对表单配置文件进行解析和渲染，将表单元素渲染成相应的前端元素组件，还原出在PC端上编辑的表单，在移动终端上显示该表单供用户填写，省去了逐个表单进行代码开发的步骤，实现业务表单的快速设计和开发，节省了时间和人力成本。间和人力成本。间和人力成本。

【技术实现步骤摘要】
一种在移动终端中渲染Web表单的方法和系统


[0001]本专利技术涉及信息
，具体涉及一种在移动终端中渲染Web表单的方法和系统。

技术介绍

[0002]在生态环境行政执法过程中，需要通过移动终端设备填写现场检查表单，现场检查表单有多种，有常用的现场检查记录表、按行业类型划分的现场检查表、存在违法行为需要填写的检查表等，并且每个表单通常包含大量字段，字段需要做合法性校验，且字段间存在逻辑关联等，开发人员采用常规开发方式，需要逐个创建表单，逐个绘制表单字段，编写表单字段校验、关联逻辑，存在大量重复劳动，需要耗费较大的时间、人力成本。

技术实现思路

[0003]本专利技术主要解决的技术问题是现有开发技术在创建不同表单时需要逐个创建表单，存在大量重复劳动，需要耗费较大的时间、人力成本。
[0004]根据第一方面，一种实施例中提供一种在移动终端中渲染Web表单的方法，包括：
[0005]PC端响应于用户操作编辑表单元素以形成表单，根据所形成的表单生成表单配置文件；
[0006]PC端将所述表单配置文件存储至本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种在移动终端中渲染Web表单的方法，其特征在于，包括：PC端响应于用户操作编辑表单元素以形成表单，根据所形成的表单生成表单配置文件；PC端将所述表单配置文件存储至服务器；移动终端从所述服务器中获取所述表单配置文件，使用预先通过前端框架开发的表单UI解析器对所述表单配置文件进行解析和渲染，以将表单元素渲染成相应的前端元素组件，还原出在PC端上编辑的表单；其中每种表单元素都有对应的前端元素组件。2.如权利要求1所述的方法，其特征在于，PC端编辑的每个表单元素代表一个DOM节点，所述表单配置文件为一JSON文件，所述根据所形成的表单生成表单配置文件包括：根据表单的DOM节点树生成一JSON文件作为表单配置文件，JSON文件的各个节点与表单的DOM节点树相匹配，其中JSON文件的根节点代表整个表单对象。3.如权利要求2所述的方法，其特征在于，所述JSON文件中的每个节点包括以下属性：元素类型、标题、字段名、校验类型、可选项和默认值。4.如权利要求3所述的方法，其特征在于，所述元素类型包括：元素组、动态元素组、文本元素、单选框元素、多选框元素、时间选择元素、下拉框元素、标签元素、人员选择元素、附件上传元素和签名元素，所述校验类型包括：文本、整数、浮点数、日期、手机号、邮箱和身份证号码。5.如权利要求2所述的方法，其特...

【专利技术属性】
技术研发人员：王恒俭，周国龙，张庆生，康庆，刘术军，陈健，陆思毅，姚进玺，姚浏洋，蔡建威，杨蒙威，
申请(专利权)人：深圳博沃智慧科技有限公司，
类型：发明
国别省市：