CN106570054A - Web form data persistence method - Google Patents
Web form data persistence method Download PDFInfo
- Publication number
- CN106570054A CN106570054A CN201610843794.7A CN201610843794A CN106570054A CN 106570054 A CN106570054 A CN 106570054A CN 201610843794 A CN201610843794 A CN 201610843794A CN 106570054 A CN106570054 A CN 106570054A
- Authority
- CN
- China
- Prior art keywords
- data
- list
- web form
- persistence
- web
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The invention particularly relates to a Web form data persistence method. The Web form data persistence method is as follows: by utilizing the characteristic that the hypertext markup language HTML of a browser supports access operation of a browser client side text about local storage, a form codes data information through a front-end scripting language JavaScript, and then converts the data information into a JSON text in a lightweight data exchange format; the JSON text is stored in a client side; users can extract a form corresponding to client side data according to requirements at any time, and backfill the corresponding form, so that data can be correctly reduced and displayed; and thus, the Web form data persistence function is realized. By means of the Web form data persistence method, the data maintainable and sustainable operations of the users in the whole form data submission process cycle can be ensured; the information traceable complexity is greatly simplified; the hidden trouble of repetitive operation due to accidental loss of data form information universally and currently can be avoided; and thus, the user operation experience and the use efficiency are effectively increased.
Description
Technical field
The present invention relates to web front end application（Web App）Design field, more particularly to a kind of Web form datas are held
The method of longization.
Background technology
With the development and the popularization of contemporary browser of web front end technology, routine work has been dissolved in more Web applications
In life.Using while day by day close tradition is applied, more and more closer with user mutual, user needs to fill in list Web
Data are also more and more frequent.But, a class difficult problem is often run into when user operation list：Fill in list and do not submit it to
Before, if after period is disturbed by other links（It is often referred to process not in the current field in same application, and priority level is higher faces
The affairs of when property）, form data needs to rewrite, so as to meaningless increased manpower and time cost.
Therefore, how the data message for having completed to be preserved before list is submitted to, then can be at any time
Return to current form and reduce passing data to continue unfinished operation, become the problem for needing most solution at present.
Based on this, the present invention proposes a kind of method of Web form datas persistence.
The content of the invention
Defect in order to make up prior art of the invention, there is provided a kind of simple efficient Web form data persistences
Method.
The present invention is achieved through the following technical solutions：
A kind of method of Web form datas persistence, it is characterised in that：Including the serializing of form data, data localization is deposited
Put, data extract four parts of receipt and method encapsulation multiplexing；Using browser HTML HTML with regard to locally depositing
Storage LocalStorage supports that the characteristic of the accessing operation of browser client text, the serializing of the form data refer to table
Single pass-through front end script JavaScript is converted to lightweight data interchange format JSON texts after data message is encoded,
The data localization storage refers to and JSON texts is preserved to client that the data extract receipt and refer to user's basis at any time
Demand extracts client data correspondence list, backfill correspondence list, data is correctly reduced and is presented, and realizes web tables
Forms data persistence function, methods described encapsulation multiplexing refers to that the method after encapsulation takes out and deposits and take two independent interfaces,
User only needs to perform interface method and can complete to operate, and deposit and take two stand-alone interfaces can be multiple for many lists of many scenes
Use.
The method of Web form datas persistence of the present invention, comprises the following steps that：
（1）Obtain user's current form；
（2）Travel through the Form Element and obtain data acquisition system；
（3）Data are converted to the JSON texts of lightweight data interchange format after serializing and encoding；
（4）By JSON texts be stored in advance name it is locally stored in；
（5）The corresponding text of list of matching is extracted by user operation；
（6）Return coding traversal after extraction success to be backfilling in former Form Element；
（7）This storage content of the list is cleared up, memory space is discharged.
The step（4）In, because the list for depositing JSON texts wants independence and there is matching relationship, locally stored life
Name rule for current browser page address and list id combination, it is locally stored realized by name it is corresponding with list.
The method of Web form datas persistence of the present invention, supports that third party's list renders the extension in storehouse, not only primary table
Single label can be adapted to, and rendered the element of rear simulated implementation and can also be obtained unified adaptation.
The invention has the beneficial effects as follows：The method of the Web form data persistences, has ensured that user submits in form data
The data in whole flow process cycle can safeguard and continuously operating, enormously simplify the traceable complexity of information, it is to avoid current
The dataform information of generally existing surprisingly lose caused by the hidden danger that repeats, so as to effectively improve user operation experience
And service efficiency.
Specific embodiment
In order that the technical problem to be solved, technical scheme and beneficial effect become more apparent, below tie
Embodiment is closed, the present invention will be described in detail.It should be noted that specific embodiment described herein is only to explain
The present invention, is not intended to limit the present invention.
The method of the Web form data persistences, including the serializing of form data, data localization storage, data are carried
Fetch and hold and four parts of method encapsulation multiplexing；Using browser HTML HTML with regard to locally stored
LocalStorage supports that the characteristic of the accessing operation of browser client text, the serializing of the form data refer to list
Lightweight data interchange format JSON texts, institute are converted to after by front end script JavaScript data message is encoded
State data localization storage and refer to and JSON texts are preserved to client that the data extract receipt and refer to user at any time according to need
Ask and extract client data correspondence list, backfill correspondence list enables data correctly to reduce and present, and realizes web form
Data persistence function, methods described encapsulation multiplexing refers to that the method after encapsulation takes out and deposits and take two independent interfaces, uses
Family only needs to complete operation by performing interface method, and deposits and take two stand-alone interfaces and can repeatedly make for many lists of many scenes
With.
The method of the Web form data persistences, comprises the following steps that：
（1）Obtain user's current form；
（2）Travel through the Form Element and obtain data acquisition system；
（3）Data are converted to the JSON texts of lightweight data interchange format after serializing and encoding；
（4）By JSON texts be stored in advance name it is locally stored in；
（5）The corresponding text of list of matching is extracted by user operation；
（6）Return coding traversal after extraction success to be backfilling in former Form Element；
（7）This storage content of the list is cleared up, memory space is discharged.
The step（4）In, because the list for depositing JSON texts wants independence and there is matching relationship, locally stored life
Name rule for current browser page address and list id combination, it is locally stored realized by name it is corresponding with list.
The method of the Web form data persistences, supports that third party's list renders the extension in storehouse, not only primary list mark
Label can be adapted to, and rendering the element of rear simulated implementation can also obtain unified adaptation.
The method of the Web form data persistences, by front end script edit, compatible current each major browsers, method stream
Journey is reversible, it can be ensured that each link can be presented the data message of complete and accurate to match different scenes, method encapsulation multiplexing pole
The big learning curve and use cost that reduce user, enormously simplify the traceable complexity of information, it is to avoid current universal
The dataform information of presence surprisingly lose caused by the hidden danger that repeats, so as to effectively improving user operation experience and making
Use efficiency.
Claims (4)
1. a kind of method of Web form datas persistence, it is characterised in that：Including the serializing of form data, data localization
Storage, data extract four parts of receipt and method encapsulation multiplexing；Using browser HTML HTML with regard to local
Storage LocalStorage supports that the characteristic of the accessing operation of browser client text, the serializing of the form data are referred to
List is converted to lightweight data interchange format JSON after by front end script JavaScript data message is encoded literary
This, the data localization storage refers to and JSON texts is preserved to client that the data extract receipt and refer to user at any time
Client data correspondence list is extracted according to demand, backfill correspondence list enables data correctly to reduce and present, and realizes
Web form data persistence function, methods described encapsulation multiplexing refer to the method after encapsulation take out deposit and take two it is independent
Interface, user only needs to perform interface method and can complete to operate, and deposit and take two stand-alone interfaces can be for many scene multilists
Singly it is used for multiple times.
2. the method for Web form datas persistence according to claim 1, it is characterised in that comprise the following steps：
（1）Obtain user's current form；
（2）Travel through the Form Element and obtain data acquisition system；
（3）Data are converted to the JSON texts of lightweight data interchange format after serializing and encoding；
（4）By JSON texts be stored in advance name it is locally stored in；
（5）The corresponding text of list of matching is extracted by user operation；
（6）Return coding traversal after extraction success to be backfilling in former Form Element；
（7）This storage content of the list is cleared up, memory space is discharged.
3. the method for Web form datas persistence according to claim 2, it is characterised in that：The step（4）In, by
Want independence and there is matching relationship in the list of storage JSON texts, locally stored naming rule is current browser page ground
Location and the combination of list id, it is locally stored corresponding with list by name realization.
4. the method for Web form datas persistence according to claim 1 and 2, it is characterised in that：Support third party's list
The extension in storehouse is rendered, not only primary form tags can be adapted to, rendering the element of rear simulated implementation can also be united
One adaptation.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610843794.7A CN106570054A (en) | 2016-09-23 | 2016-09-23 | Web form data persistence method |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610843794.7A CN106570054A (en) | 2016-09-23 | 2016-09-23 | Web form data persistence method |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN106570054A true CN106570054A (en) | 2017-04-19 |
Family
ID=58531906
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201610843794.7A Pending CN106570054A (en) | 2016-09-23 | 2016-09-23 | Web form data persistence method |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN106570054A (en) |
Cited By (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107423061A (en) * | 2017-07-12 | 2017-12-01 | 江苏速度信息科技股份有限公司 | A kind of list generation method based on ISON data |
| CN107844465A (en) * | 2017-11-11 | 2018-03-27 | 江西金格科技股份有限公司 | A kind of method that OFD format files support script |
| CN108153716A (en) * | 2017-12-26 | 2018-06-12 | 东软集团股份有限公司 | Sheet disposal method, apparatus, storage medium and electronic equipment |
| CN109491896A (en) * | 2018-10-26 | 2019-03-19 | 深圳点猫科技有限公司 | A kind of the wechat small routine form validation method and electronic equipment of educational system |
| CN110020353A (en) * | 2017-09-30 | 2019-07-16 | 北京国双科技有限公司 | The construction method and device of web form |
| US10397304B2 (en) | 2018-01-30 | 2019-08-27 | Excentus Corporation | System and method to standardize and improve implementation efficiency of user interface content |
| CN111414360A (en) * | 2020-02-26 | 2020-07-14 | 广州市玄武无线科技股份有限公司 | Method and device for caching form data in mobile application and method and device for loading form data |
| CN111723553A (en) * | 2020-05-26 | 2020-09-29 | 瑞庭网络技术（上海）有限公司 | Data processing method and device |
| WO2022001726A1 (en) * | 2020-06-28 | 2022-01-06 | 维沃移动通信有限公司 | Data processing method and apparatus, electronic device, and medium |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101782919A (en) * | 2009-12-29 | 2010-07-21 | 北京搜狗科技发展有限公司 | Web form data output method, device and form processing system |
| CN102819532A (en) * | 2011-06-07 | 2012-12-12 | 解玉麟 | Obtaining and transferring method of web form data |
| CN105786644A (en) * | 2014-12-26 | 2016-07-20 | 远光软件股份有限公司 | Method and system for regularly saving business forms and recovering data |
-
2016
- 2016-09-23 CN CN201610843794.7A patent/CN106570054A/en active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101782919A (en) * | 2009-12-29 | 2010-07-21 | 北京搜狗科技发展有限公司 | Web form data output method, device and form processing system |
| CN102819532A (en) * | 2011-06-07 | 2012-12-12 | 解玉麟 | Obtaining and transferring method of web form data |
| CN105786644A (en) * | 2014-12-26 | 2016-07-20 | 远光软件股份有限公司 | Method and system for regularly saving business forms and recovering data |
Non-Patent Citations (1)
| Title |
|---|
| RICKY_HUANG: "html5 localStorage实现表单本地存储", 《博客园》 * |
Cited By (15)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107423061A (en) * | 2017-07-12 | 2017-12-01 | 江苏速度信息科技股份有限公司 | A kind of list generation method based on ISON data |
| CN110020353B (en) * | 2017-09-30 | 2021-06-25 | 北京国双科技有限公司 | Method and device for constructing webpage form |
| CN110020353A (en) * | 2017-09-30 | 2019-07-16 | 北京国双科技有限公司 | The construction method and device of web form |
| CN107844465A (en) * | 2017-11-11 | 2018-03-27 | 江西金格科技股份有限公司 | A kind of method that OFD format files support script |
| CN108153716A (en) * | 2017-12-26 | 2018-06-12 | 东软集团股份有限公司 | Sheet disposal method, apparatus, storage medium and electronic equipment |
| CN108153716B (en) * | 2017-12-26 | 2021-05-04 | 东软集团股份有限公司 | Form processing method and device, storage medium and electronic equipment |
| US10397304B2 (en) | 2018-01-30 | 2019-08-27 | Excentus Corporation | System and method to standardize and improve implementation efficiency of user interface content |
| US11677807B2 (en) | 2018-01-30 | 2023-06-13 | Excentus Corporation | System and method to standardize and improve implementation efficiency of user interface content |
| US10938880B2 (en) | 2018-01-30 | 2021-03-02 | Excentus Corporation | System and method to standardize and improve implementation efficiency of user interface content |
| US11349902B2 (en) | 2018-01-30 | 2022-05-31 | Excentus Corporation | System and method to standardize and improve implementation efficiency of user interface content |
| CN109491896A (en) * | 2018-10-26 | 2019-03-19 | 深圳点猫科技有限公司 | A kind of the wechat small routine form validation method and electronic equipment of educational system |
| CN111414360A (en) * | 2020-02-26 | 2020-07-14 | 广州市玄武无线科技股份有限公司 | Method and device for caching form data in mobile application and method and device for loading form data |
| CN111414360B (en) * | 2020-02-26 | 2021-04-13 | 广州市玄武无线科技股份有限公司 | Method and device for caching form data in mobile application and method and device for loading form data |
| CN111723553A (en) * | 2020-05-26 | 2020-09-29 | 瑞庭网络技术（上海）有限公司 | Data processing method and device |
| WO2022001726A1 (en) * | 2020-06-28 | 2022-01-06 | 维沃移动通信有限公司 | Data processing method and apparatus, electronic device, and medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN106570054A (en) | Web form data persistence method | |
| CN104461484B (en) | The implementation method and device of front-end template | |
| CN104158836B (en) | A kind of method by data render mobile application interface | |
| CN103886046B (en) | Automatic semanteme extraction method for Web data exchange | |
| US10581989B2 (en) | Application logging framework | |
| CN101763423B (en) | Method for realizing presentation of tree-structure data in World Wide Web page as well as system and device therefor | |
| CN105630992B (en) | Scene display methods and device in static page | |
| CN102637193B (en) | Webpage instant collaborative browsing method based on DOM (document object model) and XMPP (extensible messaging and presence protocol) | |
| JP2011501851A5 (en) | ||
| CN102929852B (en) | A kind ofly in RichText Edition device, realize the method and system that the simple complex form of Chinese characters turns mutually | |
| CN101593174A (en) | A kind of machine translation method and system | |
| CN103885764A (en) | Network media information display system, method, device and server | |
| CN104917786A (en) | Method and module for saving transmission flow during interaction of client and server | |
| CN103605675A (en) | XML (extensive markup language) path expression extracting method and device | |
| CN106777352A (en) | Data access method and system | |
| CN203054926U (en) | Classroom schedule quick-query system based on two-dimension codes | |
| CN105024923B (en) | The method and device that message category based on XMPP extension message is realized | |
| CN109739504B (en) | Method for automatically generating H5 service handling page according to background configuration | |
| CN110134394A (en) | A kind of web interface generation method for supporting multiple terminals | |
| CN206479986U (en) | Data access system | |
| CN105335523A (en) | Data interaction method and Web server | |
| CN106055342B (en) | The method of third party Form extension element is used under a kind of dojango | |
| CN107632831A (en) | The method and device of Express specification front-end code | |
| CN102184219A (en) | Method for implementing custom date selection control based on Strusts2 in WEB system | |
| CN105808263A (en) | Method for visually constructing front-end system by code snippets when a system is operated |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20170419 |