CN114492337A - Method for generating form by clicking component in browser based on JavaScript - Google Patents

Abstract

The invention discloses a method for generating a form by clicking a component in a browser based on JavaScript, which comprises the following steps: a user clicks a form component in a browser, a server judges the type of the clicked form component, and meanwhile the server generates corresponding form data; the browser verifies the form data, and the form data is sent and stored in the server after passing the verification; and clicking and filling in a browser page by a user, sending a filling request to a server by the browser, pulling the form data by a server interface, and rendering the form data into a form capable of being filled in by the browser. The method for generating the form by clicking the component in the browser based on the JavaScript can improve the efficiency of the form generation and filling.

Description

Translated fromChinese

基于JavaScript实现浏览器中点击组件生成表单的方法A method for generating a form based on JavaScript by clicking on a component in a browser

技术领域technical field

本发明涉及浏览器中生成表单领域，尤其涉及一种基于JavaScript实现浏览器中点击组件生成表单的方法。The invention relates to the field of form generation in browsers, in particular to a method for generating forms based on JavaScript based on click components in browsers.

背景技术Background technique

目前市场上在浏览器上点击组件生成表单的方法，一般需要下载软件，在软件上操作后，软件生成网页版表单；或者有浏览器可生成表单，但前提需要下载扩展程序，过程繁琐，给用户的使用带来不便。At present, the method of generating a form by clicking a component on the browser generally requires downloading software. After operating on the software, the software generates a web version form; It is inconvenient for users to use.

因此，结合上述存在的技术问题，有必要提供一种新的技术方案。Therefore, combined with the above-mentioned technical problems, it is necessary to provide a new technical solution.

发明内容SUMMARY OF THE INVENTION

为解决现有技术中存在的技术问题，本发明提供了一种基于JavaScript实现浏览器中点击组件生成表单的方法，具体技术方案如下所述：In order to solve the technical problems existing in the prior art, the present invention provides a method for generating a form based on JavaScript by clicking a component in a browser. The specific technical solution is as follows:

基于JavaScript实现浏览器中点击组件生成表单的方法，包括如下步骤：A method for generating a form by clicking a component in a browser based on JavaScript includes the following steps:

S1：用户点击浏览器中的表单组件；S1: The user clicks the form component in the browser;

S2：服务器判断点击的表单组件类型，同时服务器生成相应的表单数据；S2: The server determines the type of the clicked form component, and the server generates the corresponding form data;

S3：浏览器对所述表单数据进行验证，验证通过后发送并存储于服务器；S3: The browser verifies the form data, and after the verification is passed, it is sent and stored in the server;

S4：用户在浏览器页面点击填写；S4: The user clicks on the browser page to fill in;

S5：浏览器将填写请求发送给服务器，服务器接口拉取所述表单数据；S5: The browser sends the filling request to the server, and the server interface pulls the form data;

S6：浏览器将所述表单数据渲染成可填写的form表单。S6: The browser renders the form data into a fillable form.

进一步的，对于步骤S3，若浏览器对所述表单数据验证不通过，返回重新执行步骤S2。Further, for step S3, if the browser fails to verify the form data, it returns to execute step S2 again.

优选的，所述表单数据包含问题标识、问题类型、问题说明、问题描述，答案标识、答案类型、答案说明和答案序号。Preferably, the form data includes question identification, question type, question description, question description, answer identification, answer type, answer description and answer serial number.

优选的，步骤S1中，服务器将若干表单组件配置成表单模板发送并显示于浏览器中，用户点击浏览器中的表单模板。Preferably, in step S1, the server configures several form components as form templates to send and display in the browser, and the user clicks the form template in the browser.

优选的，用户点击浏览器中的表单模板后，依次执行步骤S4、S5和S6。Preferably, after the user clicks on the form template in the browser, steps S4, S5 and S6 are performed in sequence.

进一步的，所述表单模板为疫情填报、体温上报、日报周报或审批流程。Further, the form template is an epidemic situation report, a temperature report, a daily weekly report or an approval process.

本发明的基于JavaScript实现浏览器中点击组件生成表单的方法，具有如下有益效果：The method for generating a form by clicking a component in a browser based on the JavaScript implementation of the present invention has the following beneficial effects:

(1)本发明的基于JavaScript实现浏览器中点击组件生成表单的方法，通过点击浏览器中对应的组件，生成不同类型的表单数据自动保存到服务器，最后渲染成可填写的form表单，可提高表单生成和填报的效率；(1) The method for generating forms by clicking on components in a browser based on JavaScript of the present invention, by clicking on corresponding components in the browser, generates different types of form data and automatically saves them to the server, and finally renders them into fillable forms, which can improve the The efficiency of form generation and filling;

(2)本发明的基于JavaScript实现浏览器中点击组件生成表单的方法，其用户使用方便快捷。(2) The method for generating a form by clicking a component in a browser based on JavaScript of the present invention is convenient and quick for users to use.

本发明的附加方面和优点将在下面的描述中部分给出，部分将从下面的描述中变得明显，或通过本发明的实践了解到。Additional aspects and advantages of the present invention will be set forth, in part, from the following description, and in part will be apparent from the following description, or may be learned by practice of the invention.

附图说明Description of drawings

为了更清楚地说明本发明的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它附图。In order to illustrate the technical solutions of the present invention more clearly, the following briefly introduces the accompanying drawings required in the description of the embodiments or the prior art. Obviously, the accompanying drawings in the following description are only some embodiments of the present invention. , for those of ordinary skill in the art, other drawings can also be obtained based on these drawings without any creative effort.

图1是本发明所述的基于JavaScript实现浏览器中点击组件生成表单方法的流程图；Fig. 1 is the flow chart of the method for generating forms by clicking on components in the browser based on JavaScript realization of the present invention;

具体实施方式Detailed ways

下面将详细描述本发明实施例，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。The embodiments of the present invention will be described in detail below, and the technical solutions in the embodiments of the present invention will be described clearly and completely. Obviously, the described embodiments are only a part of the embodiments of the present invention, but not all of the embodiments. Based on the embodiments of the present invention, all other embodiments obtained by those of ordinary skill in the art without creative efforts shall fall within the protection scope of the present invention.

实施例Example

本发明涉及一种基于JavaScript实现浏览器中点击组件生成表单的方法，所述方法具体为：The present invention relates to a method for realizing click component generation in a browser based on JavaScript, and the method is specifically:

S1：用户点击浏览器中的表单组件；S1: The user clicks the form component in the browser;

S2：服务器判断点击的表单组件类型，同时服务器生成相应的表单数据；S2: The server determines the type of the clicked form component, and the server generates the corresponding form data;

S3：浏览器对所述表单数据进行验证，验证通过后发送并存储于服务器；S3: The browser verifies the form data, and after the verification is passed, it is sent and stored in the server;

S4：用户在浏览器页面点击填写；S4: The user clicks on the browser page to fill in;

S5：浏览器将填写请求发送给服务器，服务器接口拉取所述表单数据；S5: The browser sends the filling request to the server, and the server interface pulls the form data;

S6：浏览器将所述表单数据渲染成可填写的form表单。S6: The browser renders the form data into a fillable form.

优选的，所述表单数据包含问题标识、问题类型、问题说明、问题描述，答案标识、答案类型、答案说明和答案序号。Preferably, the form data includes question identification, question type, question description, question description, answer identification, answer type, answer description and answer serial number.

在另一个实施例中，对于步骤S3，若浏览器对所述表单数据验证不通过，返回重新执行步骤S2。In another embodiment, for step S3, if the browser fails to verify the form data, it returns to perform step S2 again.

在又一个实施例中，服务器将若干表单组件配置成表单模板发送并显示于浏览器中，用户点击浏览器中的表单模板。具体步骤如下：In yet another embodiment, the server configures several form components to be sent as a form template and displayed in the browser, and the user clicks the form template in the browser. Specific steps are as follows:

S21：用户点击浏览器中的表单模板；S21: The user clicks the form template in the browser;

S22：用户在浏览器页面点击填写；S22: The user clicks on the browser page to fill in;

S23：浏览器将填写请求发送给服务器，服务器接口拉取所述表单数据；S23: The browser sends the filling request to the server, and the server interface pulls the form data;

S24：浏览器将所述表单数据渲染成可填写的form表单。S24: The browser renders the form data into a fillable form.

优选的，所述表单模板为疫情填报、体温上报、日报周报或审批流程。Preferably, the form template is an epidemic situation report, a temperature report, a daily weekly report or an approval process.

针对上述实施例的部分实现代码，示例如下：For the partial implementation code of the above-mentioned embodiment, the example is as follows:

本发明的有益效果是：The beneficial effects of the present invention are:

(1)本发明的基于JavaScript实现浏览器中点击组件生成表单的方法，通过点击浏览器中对应的组件，生成不同类型的表单数据自动保存到服务器，最后渲染成可填写的form表单，可提高表单生成和填报的效率；(1) The method for generating forms by clicking on components in a browser based on JavaScript of the present invention, by clicking on corresponding components in the browser, generates different types of form data and automatically saves them to the server, and finally renders them into fillable forms, which can improve the The efficiency of form generation and filling;

(2)本发明的基于JavaScript实现浏览器中点击组件生成表单的方法，其用户使用方便快捷。(2) The method for generating a form by clicking a component in a browser based on JavaScript of the present invention is convenient and quick for users to use.

尽管上面已经示出和描述了本发明的实施例，可以理解的是，上述实施例是示例性的，不能理解为对本发明的限制，本领域的普通技术人员在本发明的范围内可以对上述实施例进行变化、修改和变型。Although the embodiments of the present invention have been shown and described above, it should be understood that the above-mentioned embodiments are exemplary and should not be construed as limiting the present invention. Embodiments are subject to variations, modifications and variations.

Claims (6)

Translated fromChinese

1.一种基于JavaScript实现浏览器中点击组件生成表单的方法，其特征在于，包括如下步骤：1. a method based on JavaScript to realize click component in browser to generate form, is characterized in that, comprises the steps:S1：用户点击浏览器中的表单组件；S1: The user clicks the form component in the browser;S2：服务器判断点击的表单组件类型，同时服务器生成相应的表单数据；S2: The server determines the type of the clicked form component, and the server generates the corresponding form data;S3：浏览器对所述表单数据进行验证，验证通过后发送并存储于服务器；S3: The browser verifies the form data, and after the verification is passed, it is sent and stored in the server;S4：用户在浏览器页面点击填写；S4: The user clicks on the browser page to fill in;S5：浏览器将填写请求发送给服务器，服务器接口拉取所述表单数据；S5: The browser sends the filling request to the server, and the server interface pulls the form data;S6：浏览器将所述表单数据渲染成可填写的form表单。S6: The browser renders the form data into a fillable form.2.根据权利要求1所述的基于JavaScript实现浏览器中点击组件生成表单的方法，其特征在于，对于步骤S3，若浏览器对所述表单数据验证不通过，返回重新执行步骤S2。2 . The method according to claim 1 , wherein, for step S3 , if the browser fails to verify the form data, the method returns to re-execute step S2 .3.根据权利要求1所述的基于JavaScript实现浏览器中点击组件生成表单的方法，其特征在于，所述表单数据包含问题标识、问题类型、问题说明、问题描述，答案标识、答案类型、答案说明和答案序号。3. the method according to claim 1 based on JavaScript to realize the click component in the browser to generate the method, it is characterized in that, described form data comprises question mark, question type, question description, question description, answer mark, answer type, answer Description and answer number.4.根据权利要求1所述的基于JavaScript实现浏览器中点击组件生成表单的方法，其特征在于，步骤S1中，服务器将若干表单组件配置成表单模板发送并显示于浏览器中，用户点击浏览器中的表单模板。4. The method according to claim 1, wherein in step S1, the server configures some form components as form templates to send and display in the browser, and the user clicks to browse form template in the browser.5.根据权利要求4所述的基于JavaScript实现浏览器中点击组件生成表单的方法，其特征在于，用户点击浏览器中的表单模板后，依次执行步骤S4、S5和S6。5 . The method for generating a form by clicking a component in a browser based on JavaScript according to claim 4 , wherein, after the user clicks on the form template in the browser, steps S4 , S5 and S6 are performed in sequence. 6 .6.根据权利要求4所述的基于JavaScript实现浏览器中点击组件生成表单的方法，其特征在于，所述表单模板为疫情填报、体温上报、日报周报或审批流程。6 . The method according to claim 4 , wherein the form template is an epidemic situation report, a body temperature report, a weekly daily report or an approval process.

Images