基于JavaScript实现浏览器中点击组件生成表单的方法与流程

基于javascript实现浏览器中点击组件生成表单的方法
技术领域
1.本发明涉及浏览器中生成表单领域，尤其涉及一种基于javascript实现浏览器中点击组件生成表单的方法。


背景技术：

2.目前市场上在浏览器上点击组件生成表单的方法，一般需要下载软件，在软件上操作后，软件生成网页版表单；或者有浏览器可生成表单，但前提需要下载扩展程序，过程繁琐，给用户的使用带来不便。
3.因此，结合上述存在的技术问题，有必要提供一种新的技术方案。


技术实现要素：

4.为解决现有技术中存在的技术问题，本发明提供了一种基于javascript实现浏览器中点击组件生成表单的方法，具体技术方案如下所述：
5.基于javascript实现浏览器中点击组件生成表单的方法，包括如下步骤：
6.s1：用户点击浏览器中的表单组件；
7.s2：服务器判断点击的表单组件类型，同时服务器生成相应的表单数据；
8.s3：浏览器对所述表单数据进行验证，验证通过后发送并存储于服务器；
9.s4：用户在浏览器页面点击填写；
10.s5：浏览器将填写请求发送给服务器，服务器接口拉取所述表单数据；
11.s6：浏览器将所述表单数据渲染成可填写的form表单。
12.进一步的，对于步骤s3，若浏览器对所述表单数据验证不通过，返回重新执行步骤s2。
13.优选的，所述表单数据包含问题标识、问题类型、问题说明、问题描述，答案标识、答案类型、答案说明和答案序号。
14.优选的，步骤s1中，服务器将若干表单组件配置成表单模板发送并显示于浏览器中，用户点击浏览器中的表单模板。
15.优选的，用户点击浏览器中的表单模板后，依次执行步骤s4、s5和s6。
16.进一步的，所述表单模板为疫情填报、体温上报、日报周报或审批流程。
17.本发明的基于javascript实现浏览器中点击组件生成表单的方法，具有如下有益效果：
18.(1)本发明的基于javascript实现浏览器中点击组件生成表单的方法，通过点击浏览器中对应的组件，生成不同类型的表单数据自动保存到服务器，最后渲染成可填写的form表单，可提高表单生成和填报的效率；
19.(2)本发明的基于javascript实现浏览器中点击组件生成表单的方法，其用户使用方便快捷。
20.本发明的附加方面和优点将在下面的描述中部分给出，部分将从下面的描述中变
得明显，或通过本发明的实践了解到。
附图说明
21.为了更清楚地说明本发明的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它附图。
22.图1是本发明所述的基于javascript实现浏览器中点击组件生成表单方法的流程图；
具体实施方式
23.下面将详细描述本发明实施例，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
24.实施例
25.本发明涉及一种基于javascript实现浏览器中点击组件生成表单的方法，所述方法具体为：
26.s1：用户点击浏览器中的表单组件；
27.s2：服务器判断点击的表单组件类型，同时服务器生成相应的表单数据；
28.s3：浏览器对所述表单数据进行验证，验证通过后发送并存储于服务器；
29.s4：用户在浏览器页面点击填写；
30.s5：浏览器将填写请求发送给服务器，服务器接口拉取所述表单数据；
31.s6：浏览器将所述表单数据渲染成可填写的form表单。
32.优选的，所述表单数据包含问题标识、问题类型、问题说明、问题描述，答案标识、答案类型、答案说明和答案序号。
33.在另一个实施例中，对于步骤s3，若浏览器对所述表单数据验证不通过，返回重新执行步骤s2。
34.在又一个实施例中，服务器将若干表单组件配置成表单模板发送并显示于浏览器中，用户点击浏览器中的表单模板。具体步骤如下：
35.s21：用户点击浏览器中的表单模板；
36.s22：用户在浏览器页面点击填写；
37.s23：浏览器将填写请求发送给服务器，服务器接口拉取所述表单数据；
38.s24：浏览器将所述表单数据渲染成可填写的form表单。
39.优选的，所述表单模板为疫情填报、体温上报、日报周报或审批流程。
40.针对上述实施例的部分实现代码，示例如下：
[0041][0042]
本发明的有益效果是：
[0043]
(1)本发明的基于javascript实现浏览器中点击组件生成表单的方法，通过点击浏览器中对应的组件，生成不同类型的表单数据自动保存到服务器，最后渲染成可填写的form表单，可提高表单生成和填报的效率；
[0044]
(2)本发明的基于javascript实现浏览器中点击组件生成表单的方法，其用户使用方便快捷。
[0045]
尽管上面已经示出和描述了本发明的实施例，可以理解的是，上述实施例是示例性的，不能理解为对本发明的限制，本领域的普通技术人员在本发明的范围内可以对上述实施例进行变化、修改和变型。


技术特征：
1.一种基于javascript实现浏览器中点击组件生成表单的方法，其特征在于，包括如下步骤：s1：用户点击浏览器中的表单组件；s2：服务器判断点击的表单组件类型，同时服务器生成相应的表单数据；s3：浏览器对所述表单数据进行验证，验证通过后发送并存储于服务器；s4：用户在浏览器页面点击填写；s5：浏览器将填写请求发送给服务器，服务器接口拉取所述表单数据；s6：浏览器将所述表单数据渲染成可填写的form表单。2.根据权利要求1所述的基于javascript实现浏览器中点击组件生成表单的方法，其特征在于，对于步骤s3，若浏览器对所述表单数据验证不通过，返回重新执行步骤s2。3.根据权利要求1所述的基于javascript实现浏览器中点击组件生成表单的方法，其特征在于，所述表单数据包含问题标识、问题类型、问题说明、问题描述，答案标识、答案类型、答案说明和答案序号。4.根据权利要求1所述的基于javascript实现浏览器中点击组件生成表单的方法，其特征在于，步骤s1中，服务器将若干表单组件配置成表单模板发送并显示于浏览器中，用户点击浏览器中的表单模板。5.根据权利要求4所述的基于javascript实现浏览器中点击组件生成表单的方法，其特征在于，用户点击浏览器中的表单模板后，依次执行步骤s4、s5和s6。6.根据权利要求4所述的基于javascript实现浏览器中点击组件生成表单的方法，其特征在于，所述表单模板为疫情填报、体温上报、日报周报或审批流程。

技术总结
本发明公开了一种基于JavaScript实现浏览器中点击组件生成表单的方法，包括如下步骤：用户点击浏览器中的表单组件，服务器判断点击的表单组件类型，同时服务器生成相应的表单数据；浏览器对所述表单数据进行验证，验证通过后发送并存储于服务器；用户在浏览器页面点击填写，浏览器将填写请求发送给服务器，服务器接口拉取所述表单数据，浏览器将所述表单数据渲染成可填写的form表单。本发明提供的基于JavaScript实现浏览器中点击组件生成表单的方法，可提高表单生成和填报的效率。可提高表单生成和填报的效率。可提高表单生成和填报的效率。


技术研发人员：张亚楠 宁若冰 吴清雁
受保护的技术使用者：永中软件股份有限公司
技术研发日：2020.11.12
技术公布日：2022/5/16