CN113095053A - Webpage table customizing method and device - Google Patents

Webpage table customizing method and device Download PDF

Info

Publication number
CN113095053A
CN113095053A CN202110387948.7A CN202110387948A CN113095053A CN 113095053 A CN113095053 A CN 113095053A CN 202110387948 A CN202110387948 A CN 202110387948A CN 113095053 A CN113095053 A CN 113095053A
Authority
CN
China
Prior art keywords
editing
webpage
current
user
instruction
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
Application number
CN202110387948.7A
Other languages
Chinese (zh)
Inventor
张天
周赛华
陈俊颖
康玉玲
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Industrial and Commercial Bank of China Ltd ICBC
Original Assignee
Industrial and Commercial Bank of China Ltd ICBC
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Industrial and Commercial Bank of China Ltd ICBC filed Critical Industrial and Commercial Bank of China Ltd ICBC
Priority to CN202110387948.7A priority Critical patent/CN113095053A/en
Publication of CN113095053A publication Critical patent/CN113095053A/en
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/166Editing, e.g. inserting or deleting
    • G06F40/177Editing, e.g. inserting or deleting of tables; using ruled lines
    • G06F40/18Editing, e.g. inserting or deleting of tables; using ruled lines of spreadsheets
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/20Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
    • G06F16/22Indexing; Data structures therefor; Storage structures
    • G06F16/2282Tablespace storage structures; Management thereof
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/20Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
    • G06F16/23Updating
    • G06F16/2365Ensuring data consistency and integrity
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/20Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
    • G06F16/27Replication, distribution or synchronisation of data between databases or within a distributed database system; Distributed database system architectures therefor
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking

Abstract

The embodiment of the application provides a method and a device for customizing a webpage form, which can also be used in the financial field, and comprises the following steps: receiving a table creating instruction of a user, determining table configuration information according to the table creating instruction, storing the table configuration information into a set database configuration table, and rendering a webpage according to the table configuration information in the database configuration table to obtain a webpage table; receiving a form editing request sent by the user, and returning a webpage form corresponding to the form editing instruction and a current first editing sequence number of the webpage form to the user; receiving a form editing instruction sent by the user, performing editing and checking operation according to a current first editing serial number in the form editing instruction and a current second editing serial number in the database configuration table, and updating the database configuration table of the webpage form according to the form editing instruction after the editing and checking operation is passed; the method and the device can quickly customize the personalized advanced forms and guarantee the fluency in use.

Description

Webpage table customizing method and device
Technical Field
The application relates to the technical field of webpage front ends, can also be used in the financial field, and particularly relates to a webpage form customizing method and device.
Background
The technical scheme of the prior art is that a most original method is adopted, for example, a form collector puts a form into a shared directory in advance, and then the form is registered by an employee, for example, wiki (multi-person collaborative writing system), open source, and can be edited by multiple persons online, or Excel online.
The inventor finds that the prior art has at least the following disadvantages:
(1) the problem that the system is jammed and multiple persons edit simultaneously and conflict easily exists;
(2) the problem that the system is stuck when the data volume is too large exists, and expansion functions cannot be added, such as input limitation on some items of tables, data filtering and the like;
(3) although there are many mature products in the industry, the shortage of high purchasing cost exists when the products are used in the company intranet.
Disclosure of Invention
Aiming at the problems in the prior art, the application provides a method and a device for customizing a webpage form, which can quickly customize an individualized advanced form and ensure the fluency in use.
In order to solve at least one of the above problems, the present application provides the following technical solutions:
in a first aspect, the present application provides a method for customizing a web page form, including:
receiving a table creating instruction of a user, determining table configuration information according to the table creating instruction, storing the table configuration information into a set database configuration table, and rendering a webpage according to the table configuration information in the database configuration table to obtain a webpage table;
receiving a form editing request sent by the user, and returning a webpage form corresponding to the form editing instruction and a current first editing sequence number of the webpage form to the user;
receiving a form editing instruction sent by the user, performing editing and checking operation according to a current first editing sequence number in the form editing instruction and a current second editing sequence number in the database configuration table, and updating the database configuration table of the webpage form according to the form editing instruction after the editing and checking operation is passed, wherein the second editing sequence number is determined when form configuration information in the database configuration table is updated last time.
Further, the rendering a web page according to the table configuration information in the database configuration table to obtain a web page table includes:
determining a web page table name and a table column name according to table name information and column name information of table configuration information in the database configuration table, and determining a table column type according to a target component in the table configuration information;
and constructing a frame according to the webpage table name, the table column type and a preset progressive interface to obtain the webpage table.
Further, before determining the table column type according to the target component in the table configuration information, the method includes:
and inserting the column type component selected by the user into a preset content distribution component by setting a placeholder, and determining a target component corresponding to each column.
Further, the performing an editing and checking operation according to a current first editing sequence number in the form editing instruction and a current second editing sequence number in the database configuration table, and updating the database configuration table of the web page form according to the form editing instruction after the editing and checking operation is passed includes:
and judging whether a current first editing serial number in the form editing instruction is consistent with a current second editing serial number of the webpage form, if so, updating form configuration information in a database configuration table corresponding to the webpage form according to the form editing instruction, otherwise, returning the current second editing serial number and the webpage form corresponding to the current second editing serial number to the user, so that the user generates a new form editing instruction according to the current second editing serial number and the webpage form corresponding to the second editing serial number.
In a second aspect, the present application provides a web page form customizing apparatus, including:
the table customizing module is used for receiving a table creating instruction of a user, determining table configuration information according to the table creating instruction, storing the table configuration information into a set database configuration table, and rendering a webpage according to the table configuration information in the database configuration table to obtain a webpage table;
the dynamic table building module is used for receiving a table editing request sent by the user and returning a webpage table corresponding to the table editing instruction and a current first editing sequence number of the webpage table to the user;
and the submitting and checking module is used for receiving a form editing instruction sent by the user, performing editing and checking operation according to a current first editing sequence number in the form editing instruction and a current second editing sequence number in the database configuration table, and updating the database configuration table of the webpage form according to the form editing instruction after the editing and checking operation is passed, wherein the second editing sequence number is determined when the form configuration information in the database configuration table is updated last time.
Further, the form customization module includes:
the menu component customizing unit is used for determining a webpage table name and a table column name according to the table name information and the column name information of the table configuration information in the database configuration table and determining a table column type according to a target component in the table configuration information;
and the webpage rendering unit is used for constructing a frame according to the webpage table name, the table column type and a preset progressive interface to obtain a webpage table.
Further, still include:
and the component packaging unit is used for inserting the column type component selected by the user into a preset content distribution component by setting a placeholder and determining a target component corresponding to each column.
Further, the commit check module includes:
and the table synchronization unit is used for judging whether a current first editing serial number in the table editing instruction is consistent with a current second editing serial number of the webpage table, if so, updating table configuration information in a database configuration table corresponding to the webpage table according to the table editing instruction, otherwise, returning the current second editing serial number and the webpage table corresponding to the current second editing serial number to the user so that the user generates a new table editing instruction according to the current second editing serial number and the webpage table corresponding to the second editing serial number.
In a third aspect, the present application provides an electronic device, which includes a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor implements the steps of the method for customizing a web page form when executing the program.
In a fourth aspect, the present application provides a computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, implements the steps of the method for customizing a form of a web page.
According to the technical scheme, the method and the device for customizing the webpage form are simple to implement, low in implementation cost and capable of quickly customizing the personalized high-level form in a mode of constructing and editing the generated webpage form so as to be used for displaying and collecting information on the webpage, and therefore the personalized high-level form can be quickly customized and smoothness in use is guaranteed.
Drawings
In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings needed to be used in the description of the embodiments or the prior art will be briefly introduced below, and it is obvious that the drawings in the following description are some embodiments of the present application, and it is obvious for those skilled in the art to obtain other drawings based on these drawings without creative efforts.
FIG. 1 is a flowchart illustrating a method for customizing a web form according to an embodiment of the present disclosure;
FIG. 2 is a second flowchart illustrating a web form customization method according to an embodiment of the present application;
FIG. 3 is a block diagram of a web form customizing apparatus according to an embodiment of the present application;
FIG. 4 is a second block diagram of the apparatus for customizing a form of a web page in the embodiment of the present application;
FIG. 5 is a third block diagram of a device for customizing a form of a web page in an embodiment of the present application;
FIG. 6 is a flowchart illustrating a method for customizing a web page form according to an embodiment of the present disclosure;
FIG. 7 is a second flowchart illustrating a web form customization method according to an embodiment of the present application;
fig. 8 is a schematic structural diagram of an electronic device in an embodiment of the present application.
Detailed Description
In order to make the objects, technical solutions and advantages of the embodiments of the present application clearer, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are some embodiments of the present application, but not all embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.
In consideration of the problems that system jamming exists, multiple persons edit easily conflicting simultaneously and expansion functions cannot be added newly in the prior art, the method and the device for customizing the webpage form provide a high-level form which is simple to implement, low in implementation cost and capable of being customized rapidly through a mode of constructing and editing the generated webpage form so as to be used for displaying and collecting information on a webpage, and therefore the personalized high-level form can be customized rapidly, and smoothness in use is guaranteed.
In order to quickly customize a personalized high-level form and guarantee the fluency during use, the application provides an embodiment of a web form customization method, and referring to fig. 1, the web form customization method specifically includes the following contents:
step S101: receiving a table creating instruction of a user, determining table configuration information according to the table creating instruction, storing the table configuration information into a set database configuration table, and rendering a webpage according to the table configuration information in the database configuration table to obtain a webpage table.
Optionally, the table configuration information includes various information used for generating the web page table, such as a name of the web page table, a column name, and a component type of each column (including a drop-down box and a radio box, for example), and a user may send one or more items of information in the table configuration information to the application through one table creation instruction, or may send the table configuration information to the application by sending multiple table creation instructions until necessary table configuration information for constructing the web page table is achieved.
Optionally, the application may adopt Vue front end framework to perform webpage rendering operation of the webpage table, and may also provide data support for each column component type in the table configuration information through an element-ui front end component library.
Step S102: and receiving a form editing request sent by the user, and returning the webpage form corresponding to the form editing instruction and the current first editing sequence number of the webpage form to the user.
Optionally, after the web page form is created and can meet the requirement of web page display at a user side (not limited to the creator side), the application may further receive a form editing request sent by the user (also not limited to the creator side).
Optionally, the present application returns, to the user, a web page table (for the user to edit) corresponding to the table editing instruction and a current first editing sequence number of the web page table, where the current first editing sequence number is used to represent the number of times the web page table is edited, and may be system time when the web page table is edited or system time after the web page table is updated by editing.
Step S103: receiving a form editing instruction sent by the user, performing editing and checking operation according to a current first editing sequence number in the form editing instruction and a current second editing sequence number in the database configuration table, and updating the database configuration table of the webpage form according to the form editing instruction after the editing and checking operation is passed, wherein the second editing sequence number is determined when form configuration information in the database configuration table is updated last time.
Optionally, after receiving a form editing instruction sent by the user, that is, after the user edits content information of the web form returned by the application, before the actual updating of the web page table, in order to ensure the synchronization and consistency of the data of the web page table (there may be a situation that other users edit the web page table at a close time, but the current user does not obtain the data synchronously), the present application may perform an edit-check operation according to the current first edit sequence number in the table edit instruction and the current second edit sequence number in the database configuration table, and updating the database configuration table of the web page table according to the table editing instruction after the editing and checking operation is passed, wherein the second edit sequence number is determined when the table configuration information in the database configuration table is updated last time.
From the above description, the method for customizing the web form provided by the embodiment of the application can provide a high-level form which is simple to implement, low in implementation cost and capable of quickly customizing the personalization through a mode of constructing and editing the generated web form, so that the information can be displayed and collected on the web page, the personalized high-level form can be quickly customized, and the fluency during use is guaranteed.
In order to construct the web form conveniently, flexibly and efficiently, in an embodiment of the web form customization method of the present application, referring to fig. 2, the step S101 may further include the following steps:
step S201: and determining the web page table name and the table column name according to the table name information and the column name information of the table configuration information in the database configuration table, and determining the table column type according to the target component in the table configuration information.
Step S202: and constructing a frame according to the webpage table name, the table column type and a preset progressive interface to obtain the webpage table.
Optionally, the user side can be provided with a menu editing module and a subcomponent editing module, where the menu editing module is used for a user to create a new form, define a form name and a column name, and thus completes the operation required for customizing a primary form.
It can be understood that if a user wants to customize a certain front-end component in a specific column, such as a drop-down box, a radio box, etc., the user still needs to operate further, at this time, the sub-component editing module of the present application encapsulates all components of the component library in theory based on the component secondary package provided by element-ui, and optionally, the implementation of this block function is based on the slot principle of Vue (Vue implements a set of API for content distribution, and uses a < slot > tag as an exit for carrying the distributed content).
In order to improve the extensibility of the web page table, in an embodiment of the web page table customization method of the present application, before determining the table column type according to the target component in the table configuration information, the following may be further included:
and inserting the column type component selected by the user into a preset content distribution component by setting a placeholder, and determining a target component corresponding to each column.
Optionally, if a front-end component is customized in a specific column, for example, a drop-down box, a radio box, etc., the user still needs to perform further operations, at this time, the sub-component editing module of the present application encapsulates all components of the component library in theory based on the component secondary package provided by the element-ui, and optionally, the implementation of this block function is based on the slot principle of Vue (Vue implements a set of API for content distribution, and uses a < slot > tag as an exit for carrying distribution content.
In order to ensure data synchronization and consistency when the web form is edited by multiple users, in an embodiment of the web form customization method of the present application, the step S103 may further include the following steps:
and judging whether a current first editing serial number in the form editing instruction is consistent with a current second editing serial number of the webpage form, if so, updating form configuration information in a database configuration table corresponding to the webpage form according to the form editing instruction, otherwise, returning the current second editing serial number and the webpage form corresponding to the current second editing serial number to the user, so that the user generates a new form editing instruction according to the current second editing serial number and the webpage form corresponding to the second editing serial number.
Optionally, in order to solve the problem of simultaneous editing by multiple users, in the present application, after a user modifies a form on a web page each time, the user clicks and submits form data of a customized form of an update database, and an actionID is also stored in a configuration table to indicate the number of times of submitting the customized form. Each time the user enters a webpage to acquire the form, the actionID (namely the current second editing serial number) of the form is pulled and stored locally. Each time the user submits, the actionID of the configuration table is checked to see if it is consistent with the local actionID (i.e., the current first edit sequence number), so as to determine if there are other users who have performed operations during the form filling. If yes, the latest data is pulled, and the data filled by the user automatically moves backwards and is highlighted. And the local actionID is replaced with the latest actionID. And the user modifies the data again and submits the data.
In order to quickly customize a personalized advanced form and ensure fluency during use, the present application provides an embodiment of a web form customizing apparatus for implementing all or part of the contents of the web form customizing method, and referring to fig. 3, the web form customizing apparatus specifically includes the following contents:
the form customizing module 10 is configured to receive a form creating instruction of a user, determine form configuration information according to the form creating instruction, store the form configuration information in a set database configuration table, and render a web page according to the form configuration information in the database configuration table to obtain a web page form.
And the dynamic table building module 20 is configured to receive the table editing request sent by the user, and return the web page table corresponding to the table editing instruction and the current first editing sequence number of the web page table to the user.
The submission checking module 30 is configured to receive a form editing instruction sent by the user, perform an editing checking operation according to a current first editing sequence number in the form editing instruction and a current second editing sequence number in the database configuration table, and update the database configuration table of the web page form according to the form editing instruction after the editing checking operation is passed, where the second editing sequence number is determined when form configuration information in the database configuration table is updated last time.
From the above description, the device for customizing a web form provided in the embodiment of the present application can provide a high-level form which is simple to implement, low in implementation cost, and capable of quickly customizing a personalized form in a manner of constructing and editing a generated web form, so as to display and collect information on a web page, thereby quickly customizing the personalized high-level form and ensuring fluency during use.
In order to enable convenient, flexible and efficient construction of the web form, in an embodiment of the web form customization apparatus of the present application, referring to fig. 4, the form customization module 10 includes:
and the menu component customizing unit 11 is configured to determine a web page table name and a table column name according to the table name information and the column name information of the table configuration information in the database configuration table, and determine a table column type according to the target component in the table configuration information.
And the webpage rendering unit 12 is configured to obtain a webpage table according to the webpage table name, the table column type, and a preset progressive interface construction frame.
In order to improve the extensibility of the web form, in an embodiment of the web form customizing apparatus of the present application, the following contents are further included:
and the component packaging unit is used for inserting the column type component selected by the user into a preset content distribution component by setting a placeholder and determining a target component corresponding to each column.
In order to ensure data synchronization and consistency when the web form is edited by multiple persons, in an embodiment of the web form customizing apparatus of the present application, referring to fig. 5, the submission checking module 30 includes:
the table synchronizing unit 31 is configured to determine whether a current first editing sequence number in the table editing instruction is consistent with a current second editing sequence number of the web page table, update table configuration information in a database configuration table corresponding to the web page table according to the table editing instruction if the current first editing sequence number is consistent with the current second editing sequence number of the web page table, and return the current second editing sequence number and the web page table corresponding to the current second editing sequence number to the user if the current first editing sequence number is not consistent with the current second editing sequence number of the web page table, so that the user generates a new table editing instruction according to the current second editing sequence number and the web page table corresponding to the second editing sequence number.
To further explain the present solution, the present application further provides a specific application example for implementing the web form customization method by using the web form customization apparatus, which specifically includes the following contents:
specifically, it mainly consists of three functional modules: form customization, background dynamic form building and form submission check.
Specifically, the adopted front-end frame is Vue, and the front-end component library is element-ui, and can be replaced by other component libraries.
The form customizing module is divided into a menu module and a sub-component module. The menu module is responsible for a user to create a new form, and the user self-defines two contents of a form name and a column name, namely, the operation required by the customization of a primary form is completed. However, if a user wants to customize a front-end component in a specific column, the user needs to select sub-component modules, such as a drop-down box, a radio box, and the like, and the sub-component modules are packaged for the second time based on the components provided by the element-ui, and the extensibility of the solution is also embodied herein, and in theory, a developer can package all the components of the component library. The implementation of this block function is based on the slot principle of Vue (Vue implements a set of content distribution API that has < slot > tags as the outlets for carrying the distributed content, < slot > placeholders can be pre-used inside the components, and other component content can be inserted).
Dynamic table building is divided into two parts: firstly, a configuration table is established in a database in advance, and secondly, a table is established dynamically by a user. After the user foreground customizes the form, the relevant configuration of the form is stored in the configuration table, and meanwhile, the background dynamically builds the form in the database based on the configuration statement. After the table is built, the foreground automatically acquires the configuration according to the table name, simultaneously inquires the data in the table and renders the table. The overall process of rendering table to table foreground is shown in fig. 6.
The form submission and verification module mainly aims to solve the problem of simultaneous editing of multiple persons. In a specific implementation, after a user modifies a form on a webpage every time, the user clicks and submits form data of a customized form of an update database, and an actionID is also stored in a configuration table and used for indicating the submitting times of the customized form. Each time a user enters a webpage to acquire a form, the actionID of the form is pulled and stored locally. Each time the user submits, whether the actionIDs of the configuration table are consistent with the local actionIDs of the configuration table is checked, and whether other users perform operations during the form filling is judged. If yes, the latest data is pulled, and the data filled by the user automatically moves backwards and is highlighted. And the local actionID is replaced with the latest actionID. And the user modifies the data again and submits the data. The specific process is shown in FIG. 7.
As can be seen from the above, the present application can achieve at least the following technical effects:
1. the scheme is simple, the development period is short, and the online display can be completed quickly and displayed on the webpage.
2. The table name, the column number and the column name are defined by the user without the support of developers.
3. The expansibility is high, and the characteristics of Vue slots are fully utilized to customize the contained components in each column of the table.
In terms of hardware, in order to quickly customize a personalized high-level form and guarantee fluency during use, the present application provides an embodiment of an electronic device for implementing all or part of contents in the method for customizing a web form, where the electronic device specifically includes the following contents:
a processor (processor), a memory (memory), a communication Interface (Communications Interface), and a bus; the processor, the memory and the communication interface complete mutual communication through the bus; the communication interface is used for realizing information transmission between the webpage form customizing device and relevant equipment such as a core service system, a user terminal, a relevant database and the like; the logic controller may be a desktop computer, a tablet computer, a mobile terminal, and the like, but the embodiment is not limited thereto. In this embodiment, the logic controller may be implemented with reference to the embodiments of the method for customizing a web form and the embodiments of the apparatus for customizing a web form in the embodiments, and the contents thereof are incorporated herein, and repeated descriptions thereof are omitted.
It is understood that the user terminal may include a smart phone, a tablet electronic device, a network set-top box, a portable computer, a desktop computer, a Personal Digital Assistant (PDA), an in-vehicle device, a smart wearable device, and the like. Wherein, intelligence wearing equipment can include intelligent glasses, intelligent wrist-watch, intelligent bracelet etc..
In practical applications, part of the web form customization method may be executed on the electronic device side as described in the above, or all operations may be completed in the client device. The selection may be specifically performed according to the processing capability of the client device, the limitation of the user usage scenario, and the like. This is not a limitation of the present application. The client device may further include a processor if all operations are performed in the client device.
The client device may have a communication module (i.e., a communication unit), and may be communicatively connected to a remote server to implement data transmission with the server. The server may include a server on the task scheduling center side, and in other implementation scenarios, the server may also include a server on an intermediate platform, for example, a server on a third-party server platform that is communicatively linked to the task scheduling center server. The server may include a single computer device, or may include a server cluster formed by a plurality of servers, or a server structure of a distributed apparatus.
Fig. 8 is a schematic block diagram of a system configuration of an electronic device 9600 according to an embodiment of the present application. As shown in fig. 8, the electronic device 9600 can include a central processor 9100 and a memory 9140; the memory 9140 is coupled to the central processor 9100. Notably, this FIG. 8 is exemplary; other types of structures may also be used in addition to or in place of the structure to implement telecommunications or other functions.
In one embodiment, the web page form customization method functionality may be integrated into the central processor 9100. The central processor 9100 may be configured to control as follows:
step S101: receiving a table creating instruction of a user, determining table configuration information according to the table creating instruction, storing the table configuration information into a set database configuration table, and rendering a webpage according to the table configuration information in the database configuration table to obtain a webpage table.
Step S102: and receiving a form editing request sent by the user, and returning the webpage form corresponding to the form editing instruction and the current first editing sequence number of the webpage form to the user.
Step S103: receiving a form editing instruction sent by the user, performing editing and checking operation according to a current first editing sequence number in the form editing instruction and a current second editing sequence number in the database configuration table, and updating the database configuration table of the webpage form according to the form editing instruction after the editing and checking operation is passed, wherein the second editing sequence number is determined when form configuration information in the database configuration table is updated last time.
As can be seen from the above description, the electronic device provided in the embodiment of the present application provides a high-level table that is simple to implement, low in implementation cost, and capable of quickly customizing a personalized form in a manner of building and editing a generated web page table, so as to display and collect information on a web page, thereby quickly customizing the personalized high-level table and ensuring fluency during use.
In another embodiment, the web page form customizing apparatus may be configured separately from the central processor 9100, for example, the web page form customizing apparatus may be configured as a chip connected to the central processor 9100, and the functions of the web page form customizing method may be implemented by the control of the central processor.
As shown in fig. 8, the electronic device 9600 may further include: a communication module 9110, an input unit 9120, an audio processor 9130, a display 9160, and a power supply 9170. It is noted that the electronic device 9600 also does not necessarily include all of the components shown in fig. 8; further, the electronic device 9600 may further include components not shown in fig. 8, which may be referred to in the art.
As shown in fig. 8, a central processor 9100, sometimes referred to as a controller or operational control, can include a microprocessor or other processor device and/or logic device, which central processor 9100 receives input and controls the operation of the various components of the electronic device 9600.
The memory 9140 can be, for example, one or more of a buffer, a flash memory, a hard drive, a removable media, a volatile memory, a non-volatile memory, or other suitable device. The information relating to the failure may be stored, and a program for executing the information may be stored. And the central processing unit 9100 can execute the program stored in the memory 9140 to realize information storage or processing, or the like.
The input unit 9120 provides input to the central processor 9100. The input unit 9120 is, for example, a key or a touch input device. Power supply 9170 is used to provide power to electronic device 9600. The display 9160 is used for displaying display objects such as images and characters. The display may be, for example, an LCD display, but is not limited thereto.
The memory 9140 can be a solid state memory, e.g., Read Only Memory (ROM), Random Access Memory (RAM), a SIM card, or the like. There may also be a memory that holds information even when power is off, can be selectively erased, and is provided with more data, an example of which is sometimes called an EPROM or the like. The memory 9140 could also be some other type of device. Memory 9140 includes a buffer memory 9141 (sometimes referred to as a buffer). The memory 9140 may include an application/function storage portion 9142, the application/function storage portion 9142 being used for storing application programs and function programs or for executing a flow of operations of the electronic device 9600 by the central processor 9100.
The memory 9140 can also include a data store 9143, the data store 9143 being used to store data, such as contacts, digital data, pictures, sounds, and/or any other data used by an electronic device. The driver storage portion 9144 of the memory 9140 may include various drivers for the electronic device for communication functions and/or for performing other functions of the electronic device (e.g., messaging applications, contact book applications, etc.).
The communication module 9110 is a transmitter/receiver 9110 that transmits and receives signals via an antenna 9111. The communication module (transmitter/receiver) 9110 is coupled to the central processor 9100 to provide input signals and receive output signals, which may be the same as in the case of a conventional mobile communication terminal.
Based on different communication technologies, a plurality of communication modules 9110, such as a cellular network module, a bluetooth module, and/or a wireless local area network module, may be provided in the same electronic device. The communication module (transmitter/receiver) 9110 is also coupled to a speaker 9131 and a microphone 9132 via an audio processor 9130 to provide audio output via the speaker 9131 and receive audio input from the microphone 9132, thereby implementing ordinary telecommunications functions. The audio processor 9130 may include any suitable buffers, decoders, amplifiers and so forth. In addition, the audio processor 9130 is also coupled to the central processor 9100, thereby enabling recording locally through the microphone 9132 and enabling locally stored sounds to be played through the speaker 9131.
An embodiment of the present application further provides a computer-readable storage medium capable of implementing all the steps in the method for customizing a web page form, the main execution body of which is a server or a client in the above embodiments, where the computer-readable storage medium stores a computer program, and the computer program, when executed by a processor, implements all the steps in the method for customizing a web page form, the main execution body of which is a server or a client in the above embodiments, for example, the processor implements the following steps when executing the computer program:
step S101: receiving a table creating instruction of a user, determining table configuration information according to the table creating instruction, storing the table configuration information into a set database configuration table, and rendering a webpage according to the table configuration information in the database configuration table to obtain a webpage table.
Step S102: and receiving a form editing request sent by the user, and returning the webpage form corresponding to the form editing instruction and the current first editing sequence number of the webpage form to the user.
Step S103: receiving a form editing instruction sent by the user, performing editing and checking operation according to a current first editing sequence number in the form editing instruction and a current second editing sequence number in the database configuration table, and updating the database configuration table of the webpage form according to the form editing instruction after the editing and checking operation is passed, wherein the second editing sequence number is determined when form configuration information in the database configuration table is updated last time.
As can be seen from the above description, the computer-readable storage medium provided in the embodiments of the present application provides a high-level table that is simple to implement, low in implementation cost, and capable of quickly customizing a personalized form by building and editing a generated form of a web page, so as to display and collect information on the web page, thereby quickly customizing the personalized high-level table and ensuring fluency during use.
As will be appreciated by one skilled in the art, embodiments of the present invention may be provided as a method, apparatus, or computer program product. Accordingly, the present invention may take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, the present invention may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, and the like) having computer-usable program code embodied therein.
The present invention is described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (devices), and computer program products according to embodiments of the invention. It will be understood that each flow and/or block of the flow diagrams and/or block diagrams, and combinations of flows and/or blocks in the flow diagrams and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be stored in a computer-readable memory that can direct a computer or other programmable data processing apparatus to function in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including instruction means which implement the function specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer implemented process such that the instructions which execute on the computer or other programmable apparatus provide steps for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
The principle and the implementation mode of the invention are explained by applying specific embodiments in the invention, and the description of the embodiments is only used for helping to understand the method and the core idea of the invention; meanwhile, for a person skilled in the art, according to the idea of the present invention, there may be variations in the specific embodiments and the application scope, and in summary, the content of the present specification should not be construed as a limitation to the present invention.

Claims (10)

1. A method for customizing a form of a web page, the method comprising:
receiving a table creating instruction of a user, determining table configuration information according to the table creating instruction, storing the table configuration information into a set database configuration table, and rendering a webpage according to the table configuration information in the database configuration table to obtain a webpage table;
receiving a form editing request sent by the user, and returning a webpage form corresponding to the form editing instruction and a current first editing sequence number of the webpage form to the user;
receiving a form editing instruction sent by the user, performing editing and checking operation according to a current first editing sequence number in the form editing instruction and a current second editing sequence number in the database configuration table, and updating the database configuration table of the webpage form according to the form editing instruction after the editing and checking operation is passed, wherein the second editing sequence number is determined when form configuration information in the database configuration table is updated last time.
2. The method of claim 1, wherein the step of rendering the web page according to the table configuration information in the database configuration table to obtain the web page table comprises:
determining a web page table name and a table column name according to table name information and column name information of table configuration information in the database configuration table, and determining a table column type according to a target component in the table configuration information;
and constructing a frame according to the webpage table name, the table column type and a preset progressive interface to obtain the webpage table.
3. The method of claim 2, wherein prior to determining the form column type according to the target component in the form configuration information, the method comprises:
and inserting the column type component selected by the user into a preset content distribution component by setting a placeholder, and determining a target component corresponding to each column.
4. The method according to claim 1, wherein the performing an edit-check operation according to a current first edit sequence number in the form edit instruction and a current second edit sequence number in the database configuration table, and updating the database configuration table of the web form according to the form edit instruction after the edit-check operation is passed includes:
and judging whether a current first editing serial number in the form editing instruction is consistent with a current second editing serial number of the webpage form, if so, updating form configuration information in a database configuration table corresponding to the webpage form according to the form editing instruction, otherwise, returning the current second editing serial number and the webpage form corresponding to the current second editing serial number to the user, so that the user generates a new form editing instruction according to the current second editing serial number and the webpage form corresponding to the second editing serial number.
5. An apparatus for customizing a form of a web page, comprising:
the table customizing module is used for receiving a table creating instruction of a user, determining table configuration information according to the table creating instruction, storing the table configuration information into a set database configuration table, and rendering a webpage according to the table configuration information in the database configuration table to obtain a webpage table;
the dynamic table building module is used for receiving a table editing request sent by the user and returning a webpage table corresponding to the table editing instruction and a current first editing sequence number of the webpage table to the user;
and the submitting and checking module is used for receiving a form editing instruction sent by the user, performing editing and checking operation according to a current first editing sequence number in the form editing instruction and a current second editing sequence number in the database configuration table, and updating the database configuration table of the webpage form according to the form editing instruction after the editing and checking operation is passed, wherein the second editing sequence number is determined when the form configuration information in the database configuration table is updated last time.
6. The apparatus of claim 5, wherein the form customization module comprises:
the menu component customizing unit is used for determining a webpage table name and a table column name according to the table name information and the column name information of the table configuration information in the database configuration table and determining a table column type according to a target component in the table configuration information;
and the webpage rendering unit is used for constructing a frame according to the webpage table name, the table column type and a preset progressive interface to obtain a webpage table.
7. The apparatus for customizing a form of a web page according to claim 6, further comprising:
and the component packaging unit is used for inserting the column type component selected by the user into a preset content distribution component by setting a placeholder and determining a target component corresponding to each column.
8. The apparatus of claim 5, wherein the submission checking module comprises:
and the table synchronization unit is used for judging whether a current first editing serial number in the table editing instruction is consistent with a current second editing serial number of the webpage table, if so, updating table configuration information in a database configuration table corresponding to the webpage table according to the table editing instruction, otherwise, returning the current second editing serial number and the webpage table corresponding to the current second editing serial number to the user so that the user generates a new table editing instruction according to the current second editing serial number and the webpage table corresponding to the second editing serial number.
9. An electronic device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, wherein the steps of the method for customizing a form of a web page according to any one of claims 1 to 4 are implemented when the processor executes the program.
10. A computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, carries out the steps of the method for customizing a form of a web page according to any one of claims 1 to 4.
CN202110387948.7A 2021-04-12 2021-04-12 Webpage table customizing method and device Pending CN113095053A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110387948.7A CN113095053A (en) 2021-04-12 2021-04-12 Webpage table customizing method and device

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110387948.7A CN113095053A (en) 2021-04-12 2021-04-12 Webpage table customizing method and device

Publications (1)

Publication Number Publication Date
CN113095053A true CN113095053A (en) 2021-07-09

Family

ID=76676331

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110387948.7A Pending CN113095053A (en) 2021-04-12 2021-04-12 Webpage table customizing method and device

Country Status (1)

Country Link
CN (1) CN113095053A (en)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113885802A (en) * 2021-09-30 2022-01-04 杭州贝嘟科技有限公司 Data transmission method, device, electronic device and storage medium
WO2023098629A1 (en) * 2021-12-02 2023-06-08 北京字跳网络技术有限公司 Method and apparatus for processing table of document, and device and medium

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113885802A (en) * 2021-09-30 2022-01-04 杭州贝嘟科技有限公司 Data transmission method, device, electronic device and storage medium
WO2023098629A1 (en) * 2021-12-02 2023-06-08 北京字跳网络技术有限公司 Method and apparatus for processing table of document, and device and medium

Similar Documents

Publication Publication Date Title
CN108228188B (en) View component processing method, electronic device and readable storage medium
CN102207872A (en) Method and system for customizing Web UI (User Interface) control according to user requirements
CN105335132B (en) Method, device and system for customizing application program function
CN105930467A (en) Information processing method and electronic device
CN103988200A (en) Lightweight framework for web applications
CN113095053A (en) Webpage table customizing method and device
CN112463634B (en) Software testing method and device under micro-service architecture
CN105068813A (en) Method and device for providing android package (APK) modification service
CN112394932A (en) Automatic browser webpage skin changing method and device
CN113157345A (en) Automatic starting method and device for front-end engineering
US11062497B2 (en) Structuralized creation and transmission of personalized audiovisual data
CN113342330A (en) Front-end engineering generation method and device
CN112965701B (en) Front-end code generation method and device
CN114138372A (en) Front-end component loading method and device
CN111367561B (en) Remote development method and device for software program
CN114244896A (en) Message pushing method and device, electronic equipment and storage medium
CN113741860A (en) Data processing method and device based on RPA robot
CN113110829B (en) Multi-UI component library data processing method and device
CN112579048A (en) Applet integration method, device, electronic equipment and storage medium
CN113076262B (en) Webpage automatic testing method and device
CN114637531A (en) Method and device for dynamically generating application program interface
CN112100553B (en) Webpage configuration method and device, electronic equipment and storage medium
CN115291759A (en) Information processing method and device and electronic equipment
CN112102058A (en) Management system parameter configuration method and device
CN113791984A (en) Automatic interface testing method and device

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