CN112580315A - Webpage table display method and device, terminal equipment and medium - Google Patents
Webpage table display method and device, terminal equipment and medium Download PDFInfo
- Publication number
- CN112580315A CN112580315A CN202011465231.1A CN202011465231A CN112580315A CN 112580315 A CN112580315 A CN 112580315A CN 202011465231 A CN202011465231 A CN 202011465231A CN 112580315 A CN112580315 A CN 112580315A
- Authority
- CN
- China
- Prior art keywords
- configuration item
- item information
- information
- display
- page
- 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
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
- G06F40/177—Editing, e.g. inserting or deleting of tables; using ruled lines
- G06F40/18—Editing, e.g. inserting or deleting of tables; using ruled lines of spreadsheets
-
- 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
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The application is applicable to the technical field of computers, and provides a method, a device, terminal equipment and a medium for displaying a webpage form, wherein the method comprises the following steps: when an access request aiming at a table is received, acquiring display configuration item information of the table; displaying the table to a page according to the display configuration item information; when modification information aiming at the table is detected, updating the custom configuration item information of the table according to the modification information; updating the table on the page according to the updated custom configuration item information; and storing the updated custom configuration item information. By the method, the display state of the form on the webpage can be modified in a user-defined mode, and the working efficiency is improved.
Description
Technical Field
The present application belongs to the technical field of computer technologies, and in particular, to a method and an apparatus for displaying a web form, a terminal device, and a medium.
Background
The web page end usually displays a form, and the form displayed by the current web page is in a fixed format, so that a user cannot modify the form. If the table needs to be modified, the modification requirement needs to be submitted to the developer, the waiting time cost of the user is high, and the modification cost of the developer is also high.
Disclosure of Invention
The embodiment of the application provides a display method, a display device, terminal equipment and a display medium of a web form, and a user can modify the display state of the form.
In a first aspect, an embodiment of the present application provides a method for displaying a web page form, including:
when an access request aiming at a table is received, acquiring display configuration item information of the table;
displaying the table to a page according to the display configuration item information;
when modification information aiming at the table is detected, updating the custom configuration item information of the table according to the modification information;
updating the table on the page according to the updated custom configuration item information;
and storing the updated custom configuration item information.
In a second aspect, an embodiment of the present application provides a display device for a web page form, including:
the display configuration item information acquisition module is used for acquiring the display configuration item information of the table when receiving an access request aiming at the table;
the display module is used for displaying the table to a page according to the display configuration item information;
the user-defined configuration item information updating module is used for updating the user-defined configuration item information of the table according to the modification information when the modification information aiming at the table is detected;
the updating module is used for updating the table on the page according to the updated custom configuration item information;
and the storage module is used for storing the updated custom configuration item information.
In a third aspect, an embodiment of the present application provides a terminal device, which includes a memory, a processor, and a computer program stored in the memory and executable on the processor, and the processor, when executing the computer program, implements the method according to the first aspect.
In a fourth aspect, the present application provides a computer-readable storage medium, which stores a computer program, and when the computer program is executed by a processor, the computer program implements the method according to the first aspect.
In a fifth aspect, the present application provides a computer program product, which when run on a terminal device, causes the terminal device to execute the method of any one of the above first aspects.
Compared with the prior art, the embodiment of the application has the advantages that: in the embodiment of the application, the user can change the display mode of the form on the webpage by changing the self-defined configuration item information of the webpage form, so that the use by the user is facilitated, and the working efficiency of the user is improved.
Drawings
In order to more clearly illustrate the technical solutions in the embodiments of the present application, the drawings needed to be used in the embodiments or the prior art descriptions will be briefly described below, and it is obvious that the drawings in the following description are only some embodiments of the present application, and it is obvious for those skilled in the art to obtain other drawings without creative efforts.
Fig. 1 is a schematic flowchart illustrating a method for displaying a web form according to an embodiment of the present application;
FIG. 2 is a schematic view of a floating frame according to an embodiment of the present disclosure; FIG. 3 is a schematic diagram of a middle-level gauge head of a suspension frame according to an embodiment of the present disclosure;
FIG. 4 is a diagram illustrating dragging a header field in a floating frame according to an embodiment of the present application;
fig. 5 is a flowchart illustrating a method for displaying a web page form according to a second embodiment of the present application;
fig. 6 is a schematic structural diagram of a display device of a web form according to a third embodiment of the present application;
fig. 7 is a schematic structural diagram of a terminal device according to a fourth embodiment of the present application.
Detailed Description
In the following description, for purposes of explanation and not limitation, specific details are set forth, such as particular system structures, techniques, etc. in order to provide a thorough understanding of the embodiments of the present application. It will be apparent, however, to one skilled in the art that the present application may be practiced in other embodiments that depart from these specific details. In other instances, detailed descriptions of well-known systems, devices, circuits, and methods are omitted so as not to obscure the description of the present application with unnecessary detail.
It will be understood that the terms "comprises" and/or "comprising," when used in this specification and the appended claims, specify the presence of stated features, integers, steps, operations, elements, and/or components, but do not preclude the presence or addition of one or more other features, integers, steps, operations, elements, components, and/or groups thereof.
It should also be understood that the term "and/or" as used in this specification and the appended claims refers to and includes any and all possible combinations of one or more of the associated listed items.
As used in this specification and the appended claims, the term "if" may be interpreted contextually as "when", "upon" or "in response to" determining "or" in response to detecting ". Similarly, the phrase "if it is determined" or "if a [ described condition or event ] is detected" may be interpreted contextually to mean "upon determining" or "in response to determining" or "upon detecting [ described condition or event ]" or "in response to detecting [ described condition or event ]".
Furthermore, in the description of the present application and the appended claims, the terms "first," "second," "third," and the like are used for distinguishing between descriptions and not necessarily for describing or implying relative importance.
Reference throughout this specification to "one embodiment" or "some embodiments," or the like, means that a particular feature, structure, or characteristic described in connection with the embodiment is included in one or more embodiments of the present application. Thus, appearances of the phrases "in one embodiment," "in some embodiments," "in other embodiments," or the like, in various places throughout this specification are not necessarily all referring to the same embodiment, but rather "one or more but not all embodiments" unless specifically stated otherwise. The terms "comprising," "including," "having," and variations thereof mean "including, but not limited to," unless expressly specified otherwise.
Fig. 1 is a schematic flowchart of a method for displaying a web form according to an embodiment of the present application, where as shown in fig. 1, the method includes:
s101, when an access request aiming at a form is received, obtaining display configuration item information of the form; specifically, the execution subject of the present embodiment is a terminal device.
The access request may be an access request for a web page including a form, and the display configuration item information is configuration item information of a final display result of the form to be accessed on the web page, where the configuration item information may include a header of the form, fields included in the header, an arrangement manner of the fields, and the like.
Specifically, when a user accesses a web page containing a form, the terminal device may obtain display configuration item information of the form in the web page. The display configuration item information of the table can be obtained by the user-defined configuration item information and the default configuration item information together. Therefore, the user-defined configuration item information and the default configuration item information can be acquired, and then the display configuration item information is determined through the user-defined configuration item information and the default configuration item information.
The default configuration item information may include a plurality of header fields preset by the form and an arrangement manner of the header fields, and generally, a user cannot modify the default configuration item information of the form. The custom configuration item information may include header field information that needs to be added, header field information that needs to be decreased, and/or header field information that needs to be moved, on the basis of the default configuration item information, and the user may modify the custom configuration item information.
The default configuration item information can be generally stored in the server, and the custom configuration information can be stored in the server or local terminal equipment. When the user accesses the web page with the form, the terminal device can acquire the default configuration item information and the user-defined configuration item information according to the positions of the default configuration item information and the user-defined configuration item information respectively. Then reading the self-defined configuration item information, and if the self-defined configuration item information is empty, taking the default configuration item information as the display configuration item information; and if the user-defined configuration item information is not empty, modifying the default configuration item information according to the user-defined configuration item information to obtain the display configuration item information.
In another possible implementation manner, if the custom configuration item information is empty, the default configuration item information is used as the display configuration item information; and if the self-defined configuration item information is not empty, the self-defined configuration item information is used as the display configuration item information.
And S102, displaying the table to a page according to the display configuration item information.
Specifically, according to the display configuration item information, determining a header of the table; and rendering according to the table header of the table, and displaying the rendered table on a webpage.
Specifically, the header includes a plurality of header fields, such as a scheme name, a scheme number, an update time, and the like, and the fields are arranged in a certain order, for example, the scheme number is arranged in a first column of the table, and then the field of the scheme number is arranged in a first bit in the header. And traversing the information of the display configuration item, determining the header of the table according to the arrangement mode of each header field in the information of the display configuration item, then acquiring the response data according to the header, re-rendering the table, and displaying the rendered table on the webpage.
S103, when the modification information aiming at the table is detected, updating the self-defined configuration item information of the table according to the modification information.
Specifically, the webpage may include a preset identifier, and when the identifier is detected to be triggered, a floating frame may be displayed on the webpage. Fig. 2 is a schematic diagram of a floating box according to an embodiment of the present application, and as shown in fig. 2, the floating box may include a plurality of header fields, each header field is preceded by a check box, and when the check box is checked, it indicates that the header field needs to be displayed on a page, and if the check box is canceled, it indicates that the header field does not need to be displayed on the page. There may be multiple levels of header fields in the header, as shown in fig. 2, under the first level header field of the matching result, there may also be 3 second level header fields of the payer, the item name, and the type of the money, and a tree arrangement may be adopted between the first level header field and the second level header field. For the header field in the floating frame, the user can drag the position of the header field. Fig. 4 is a schematic diagram of dragging the header field in the floating frame according to an embodiment of the present application, and as shown in fig. 4, the user is moving the location of the header field, which is the amount of the item.
In one possible implementation, the custom configuration item information may include only deletion information for the header field and movement information for the header field. In the default configuration item information, each header field is to be displayed. When the user needs not to display a certain header field, the deletion information of the header field can be added in the self-defined configuration item information, and when the user needs to redisplay a certain header field which is not displayed before, the deletion information aiming at the header field in the self-defined configuration item information can be deleted. When the check box of one table header field is checked or canceled, the table header field indicates that the modification information of the table is detected. When the header field is detected to be moved, it also indicates that modification information for the table is detected. When detecting that the check box of a certain header field is checked, the deleting information of the header field can be searched from the user-defined configuration information and deleted; when the check box of a certain header field is detected to be unchecked, the deletion information of the header field can be added into the self-defined configuration item information. When the movement information of the header field is detected, new location information of the header field may be added to the custom configuration item information.
In another possible implementation, the custom configuration item information may be directly used as the display configuration item information of the web page table. When the listener captures that the state of a check box of a certain header field in the floating box changes, the listener can traverse all configuration items of the header fields in the floating box and then modify the state of the header field in the self-defined configuration item information.
S104, updating the table on the page according to the updated custom configuration item information.
And re-determining the header of the webpage table according to the updated custom configuration information and the default configuration item information, acquiring data according to the header, performing data rendering, and displaying a new table obtained by rendering on the webpage.
In another possible implementation manner, the header of the web page table can be determined directly according to the custom configuration item information.
S105, storing the updated custom configuration item information.
Specifically, the custom configuration item information may be stored in the server, or the custom configuration item information may be stored in the local terminal device. Identification information of the custom configuration item information can be determined, and then the identification information is stored in association with the custom configuration item information. Specifically, if the custom configuration item information is stored in the server, determining identification information according to the uniform resource locator of the page and the uniform resource locator of the form data; when the user accesses the web page with the form again later, the terminal device can send the uniform resource locator of the page and the uniform resource locator of the form data to the server, so that the user-defined configuration item information of the page is obtained, and the user-defined page form is displayed.
And if the user-defined configuration item information is stored in the terminal equipment, determining the identification information according to the login information of the user on the page. When the user accesses the web page with the table again later, the terminal device can acquire the corresponding self-defined configuration item information according to the login information of the user.
In this embodiment, the user can modify the display result of the web form by modifying the custom configuration item information, so that the display of the web form can better meet the personalized requirements of the user, and the working efficiency of the user is improved.
Fig. 5 is a flowchart of a customized display method of a web page form according to a second embodiment of the present application, and as shown in fig. 5, after a user accesses the web page form, configuration items displayed by the form may be modified by dragging and checking operations. Specifically, when a user accesses a certain web page containing a form, the user clicks the form icon at the lower left corner of the web page, a suspension frame can pop up on the web page, and the content of the suspension frame is a list formed by column names of the current form. The list is vertically arranged, and if the table has a plurality of levels of table headers, the list is arranged in a directory tree in an indented mode. The list row head comprises a check box, and a user can check the check box or remove the check box by clicking the list row. When a user clicks a certain row of the list, the state of a check box of the row is changed, a program is triggered to modify the configuration items of the display state of the row, the configuration item monitor captures data changes due to the fact that the configuration items are read from the list, the monitor traverses the configuration items again according to the values of the state fields, the list head to be displayed is screened out, then the list head is notified to be re-rendered, and accordingly the user-defined list head display interaction function is completed. The header at least keeps one column for display, and does not allow all hiding. The mouse moves to a certain row of the suspension frame list, the left key is pressed for a long time, the row can be dragged, the dragging range is in the suspension frame, and if the list has multiple stages, the dragging range is the region where the same stage is located; dragging a certain line to a target area, if the line can be placed in the area, displaying a highlight transverse line in the placement area, and if the line cannot be placed, releasing a left mouse button, and keeping the position of the line unchanged. When the position of the suspension frame list is changed, a trigger program modifies the position of the line in the configuration item, a configuration item monitor captures data to be changed, the monitor regenerates the header according to the configuration item, and then informs the header to be re-rendered, and accordingly, the user-defined table header arrangement sequence interaction function is completed.
The terminal device may then save the custom configuration item information in a database or local cache. Specifically, if the custom configuration item information is not saved, the page is refreshed, and the header display is restored to the default state. The self-defined configuration item information storage positions have two choices: server and local. The self-defined configuration item information is stored at the moment when the user operates to trigger the header to be re-rendered. After the form is re-rendered, generating unique identification information by using a Uniform Resource Locator (URL) requested by the form data and the URL of the page, and if a configuration item is selected to be stored in the server, sending the identification information and the custom configuration item data to the server for storage; and if the configuration item is selected to be stored locally, establishing different operation libraries according to different users in the browser database indexedDB, storing the user-defined configuration item information serving as a value into the corresponding operation library by taking the identification information as a key, and thus, finishing storing the user-defined header configuration item data. After the self-defined configuration item exists, reading the configuration item, and requesting configuration data from a server by using a uniform resource locator requested by the form data and a uniform resource location of the page as identification information before accessing the page if the configuration item is stored in the server; and if the custom configuration item is stored locally, directly reading the local cache by using the identification information. After the user-defined configuration item is successfully obtained, reading the user-defined configuration item before the table is rendered, and if the user-defined configuration item is empty, rendering the table by using a program default configuration item; and if the custom configuration item is not empty, comparing the difference between the acquired custom configuration item and the program default configuration item, wherein the difference comprises the field name, the display state, the sequence and the level (multi-level header). And traversing and recursing by taking the acquired custom configuration item as a reference object, adding the newly added data of the default configuration item, removing the deleted data of the default configuration item to generate a new configuration item, rendering the table header by using the new configuration item, and storing the new configuration item after the header is rendered.
Fig. 6 is a schematic structural diagram of a customized display device for a netpage form provided in the third embodiment of the present application, and as shown in fig. 6, the device includes:
a display configuration item information obtaining module 61, configured to obtain display configuration item information of a table when an access request for the table is received;
a display module 62, configured to display the table to a page according to the display configuration item information;
a custom configuration item information updating module 63, configured to update the custom configuration item information of the table according to the modification information when the modification information for the table is detected;
an updating module 64, configured to update the table on the page according to the updated custom configuration item information;
a saving module 65, configured to save the updated custom configuration item information.
The display configuration item information acquisition module 61 includes:
a configuration item information obtaining submodule for obtaining default configuration item information and the custom configuration item information of the table;
the first determining submodule is used for taking the default configuration item information as the display configuration item information if the self-defined configuration item information is empty;
and the second determining submodule is used for modifying the default configuration item information according to the user-defined configuration item information to obtain the display configuration item information if the user-defined configuration item information is not empty.
The display module 62 includes:
the table head determining submodule is used for determining the table head of the table according to the display configuration item information;
and the rendering submodule is used for rendering the table according to the table header and displaying the rendered table to the page.
The custom configuration item information updating module 63 includes:
the first modification submodule is used for modifying the configuration state of the header field to be added or deleted in the self-defined configuration item information when detecting that information of a certain header field is added or deleted in the form;
and the second modification submodule is used for modifying the position information of the header field to be moved in the self-defined configuration item information when the information of moving a certain header field in the form is detected.
The above-mentioned device still includes:
the floating frame display module is used for displaying a preset floating frame on the page when a click instruction aiming at a preset identifier of the page is detected, wherein the floating frame comprises a plurality of header fields of the form, and the header fields are provided with corresponding check boxes;
and the modification information monitoring module is used for judging that modification information aiming at the form is detected when a click instruction aiming at the check box or a moving instruction aiming at the header field is received, wherein the modification information comprises at least one of information of adding a certain header field, deleting a certain header field or moving a certain header field.
The saving module 65 includes:
the identification information determining submodule is used for determining the identification information of the self-defined configuration item information;
and the storage submodule is used for storing the identification information and the custom configuration item information in an associated manner.
The identification information determination submodule includes:
a first determining unit, configured to determine, if the custom configuration item information is stored in a server, the identification information according to a uniform resource locator of the page and a uniform resource locator of the form data;
and the second determining unit is used for determining the identification information according to the login information of the user on the page if the user-defined configuration item information is stored in the terminal equipment.
Fig. 7 is a schematic structural diagram of a terminal device according to an embodiment of the present application. As shown in fig. 7, the terminal device 7 of this embodiment includes: at least one processor 70 (only one shown in fig. 7), a memory 71, and a computer program 72 stored in the memory 71 and executable on the at least one processor 70, the processor 70 implementing the steps in any of the various method embodiments described above when executing the computer program 72.
The terminal device 7 may be a desktop computer, a notebook, a palm computer, a cloud server, or other computing devices. The terminal device may include, but is not limited to, a processor 70, a memory 71. Those skilled in the art will appreciate that fig. 7 is only an example of the terminal device 7, and does not constitute a limitation to the terminal device 7, and may include more or less components than those shown, or combine some components, or different components, for example, and may further include input/output devices, network access devices, and the like.
The processor 70 may be a Central Processing Unit (CPU), and the processor 70 may be other general purpose processor, a Digital Signal Processor (DSP), an Application Specific Integrated Circuit (ASIC), an off-the-shelf programmable gate array (FPGA) or other programmable logic device, a discrete gate or transistor logic device, a discrete hardware component, or the like. A general purpose processor may be a microprocessor or the processor may be any conventional processor or the like.
The memory 71 may in some embodiments be an internal storage unit of the terminal device 7, such as a hard disk or a memory of the terminal device 7. In other embodiments, the memory 71 may also be an external storage device of the terminal device 7, such as a plug-in hard disk provided on the terminal device 7, a smart card (SMC), a Secure Digital (SD) card, a flash card (FlashCard), and so on. Further, the memory 71 may also include both an internal storage unit and an external storage device of the terminal device 7. The memory 71 is used for storing an operating system, an application program, a BootLoader (BootLoader), data, and other programs, such as program codes of the computer program. The memory 71 may also be used to temporarily store data that has been output or is to be output
It should be noted that, for the information interaction, execution process, and other contents between the above-mentioned devices/units, the specific functions and technical effects thereof are based on the same concept as those of the embodiment of the method of the present application, and specific reference may be made to the part of the embodiment of the method, which is not described herein again.
It will be apparent to those skilled in the art that, for convenience and brevity of description, only the above-mentioned division of the functional units and modules is illustrated, and in practical applications, the above-mentioned function distribution may be performed by different functional units and modules according to needs, that is, the internal structure of the apparatus is divided into different functional units or modules to perform all or part of the above-mentioned functions. Each functional unit and module in the embodiments may be integrated in one processing unit, or each unit may exist alone physically, or two or more units are integrated in one unit, and the integrated unit may be implemented in a form of hardware, or in a form of software functional unit. In addition, specific names of the functional units and modules are only for convenience of distinguishing from each other, and are not used for limiting the protection scope of the present application. The specific working processes of the units and modules in the system may refer to the corresponding processes in the foregoing method embodiments, and are not described herein again.
The embodiments of the present application further provide a computer-readable storage medium, where a computer program is stored, and when the computer program is executed by a processor, the computer program implements the steps in the above-mentioned method embodiments.
The embodiments of the present application provide a computer program product, which when running on a terminal device, enables the terminal device to implement the steps in the above method embodiments when executed.
The integrated unit, if implemented in the form of a software functional unit and sold or used as a stand-alone product, may be stored in a computer readable storage medium. Based on such understanding, all or part of the processes in the methods of the embodiments described above can be implemented by a computer program, which can be stored in a computer-readable storage medium and can implement the steps of the embodiments of the methods described above when the computer program is executed by a processor. Wherein the computer program comprises computer program code, which may be in the form of source code, object code, an executable file or some intermediate form, etc. The computer readable medium may include at least: any entity or device capable of carrying computer program code to a photographing apparatus/terminal apparatus, a recording medium, computer memory, Read-only memory (ROM), random-access memory (RAM), an electrical carrier signal, a telecommunications signal, and a software distribution medium. Such as a usb-disk, a removable hard disk, a magnetic or optical disk, etc. In certain jurisdictions, computer-readable media may not be an electrical carrier signal or a telecommunications signal in accordance with legislative and patent practice.
In the above embodiments, the descriptions of the respective embodiments have respective emphasis, and reference may be made to the related descriptions of other embodiments for parts that are not described or illustrated in a certain embodiment.
Those of ordinary skill in the art will appreciate that the various illustrative elements and algorithm steps described in connection with the embodiments disclosed herein may be implemented as electronic hardware or combinations of computer software and electronic hardware. Whether such functionality is implemented as hardware or software depends upon the particular application and design constraints imposed on the implementation. Skilled artisans may implement the described functionality in varying ways for each particular application, but such implementation decisions should not be interpreted as causing a departure from the scope of the present application.
In the embodiments provided in the present application, it should be understood that the disclosed apparatus/terminal device and method may be implemented in other ways. For example, the above-described embodiments of the apparatus/terminal device are merely illustrative, and for example, the division of the modules or units is only one logical division, and there may be other divisions when actually implemented, for example, a plurality of units or components may be combined or integrated into another system, or some features may be omitted, or not executed. In addition, the shown or discussed mutual coupling or direct coupling or communication connection may be an indirect coupling or communication connection through some interfaces, devices or units, and may be in an electrical, mechanical or other form.
The units described as separate parts may or may not be physically separate, and parts displayed as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the units can be selected according to actual needs to achieve the purpose of the solution of the embodiment.
The above-mentioned embodiments are only used for illustrating the technical solutions of the present application, and not for limiting the same; although the present application has been described in detail with reference to the foregoing embodiments, it should be understood by those of ordinary skill in the art that: the technical solutions described in the foregoing embodiments may still be modified, or some technical features may be equivalently replaced; such modifications and substitutions do not substantially depart from the spirit and scope of the embodiments of the present application and are intended to be included within the scope of the present application.
Claims (10)
1. A method for displaying a form of a web page, comprising:
when an access request aiming at a table is received, acquiring display configuration item information of the table;
displaying the table to a page according to the display configuration item information;
when modification information aiming at the table is detected, updating the custom configuration item information of the table according to the modification information;
updating the table on the page according to the updated custom configuration item information;
and storing the updated custom configuration item information.
2. The method of claim 1, wherein the obtaining of display configuration item information for the table comprises:
acquiring default configuration item information and custom configuration item information of the form;
if the user-defined configuration item information is empty, taking the default configuration item information as the display configuration item information;
and if the user-defined configuration item information is not empty, modifying the default configuration item information according to the user-defined configuration item information to obtain the display configuration item information.
3. The method of claim 1, wherein said displaying the form to a current page according to the display configuration item information comprises:
determining the header of the table according to the display configuration item information;
and rendering the table according to the table header, and displaying the rendered table to the page.
4. The method of claim 1, wherein the table includes a header, the header including a plurality of header fields, and further comprising, prior to the updating the custom configuration item information of the table according to the modification information when the modification information for the table is detected:
when a click instruction aiming at a preset identifier of the page is detected, displaying a preset suspension box on the page, wherein the suspension box comprises a plurality of header fields of the form, and the header fields are provided with corresponding check boxes;
when a click instruction for the check box or a movement instruction for the header fields is received, determining that modification information for the table is detected, wherein the modification information comprises at least one of information of adding a certain header field, deleting a certain header field or moving a certain header field.
5. The method of claim 4, wherein when modification information for the table is detected, updating custom configuration item information for the table according to the modification information comprises:
when detecting that a certain header field is added or deleted in the form, modifying the configuration state of the header field to be added or deleted in the self-defined configuration item information;
when the information of moving a certain header field in the form is detected, the position information of the header field to be moved in the self-defined configuration item information is modified.
6. The method of any of claims 1-5, wherein the saving the updated custom configuration item information comprises:
determining the identification information of the self-defined configuration item information;
and storing the identification information and the custom configuration item information in an associated manner.
7. The method of claim 6, wherein said determining an identifier for the custom configuration item information comprises:
if the self-defined configuration item information is stored in a server, determining the identification information according to the uniform resource locator of the page and the uniform resource locator of the form data;
and if the user-defined configuration item information is stored in the terminal equipment, determining the identification information according to the login information of the user on the page.
8. A display device for a web form, comprising:
the display configuration item information acquisition module is used for acquiring the display configuration item information of the table when receiving an access request aiming at the table;
the display module is used for displaying the table to a page according to the display configuration item information;
the user-defined configuration item information updating module is used for updating the user-defined configuration item information of the table according to the modification information when the modification information aiming at the table is detected;
the updating module is used for updating the table on the page according to the updated custom configuration item information;
and the storage module is used for storing the updated custom configuration item information.
9. A terminal device comprising a memory, a processor and a computer program stored in the memory and executable on the processor, characterized in that the processor implements the method according to any of claims 1 to 7 when executing the computer program.
10. A computer-readable storage medium, in which a computer program is stored which, when being executed by a processor, carries out the method according to any one of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011465231.1A CN112580315A (en) | 2020-12-14 | 2020-12-14 | Webpage table display method and device, terminal equipment and medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011465231.1A CN112580315A (en) | 2020-12-14 | 2020-12-14 | Webpage table display method and device, terminal equipment and medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112580315A true CN112580315A (en) | 2021-03-30 |
Family
ID=75131872
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011465231.1A Pending CN112580315A (en) | 2020-12-14 | 2020-12-14 | Webpage table display method and device, terminal equipment and medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112580315A (en) |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113095055A (en) * | 2021-04-20 | 2021-07-09 | 山石网科通信技术股份有限公司 | Table modification method and device, nonvolatile storage medium and processor |
| CN113486275A (en) * | 2021-07-27 | 2021-10-08 | 山石网科通信技术股份有限公司 | Information display method and device, computer readable storage medium and processor |
| CN114020193A (en) * | 2021-11-05 | 2022-02-08 | 挂号网（杭州）科技有限公司 | Cross-page checking determination method and device, electronic equipment and storage medium |
| CN114385051A (en) * | 2022-03-23 | 2022-04-22 | 广东睿江云计算股份有限公司 | Control list custom display method, device, equipment and storage medium |
| CN114862376A (en) * | 2022-07-07 | 2022-08-05 | 深圳市泽维电子科技有限公司 | Multidimensional information acquisition cooperative management method, management system and storage medium |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109284488A (en) * | 2018-09-06 | 2019-01-29 | 郑州云海信息技术有限公司 | Based on the method, apparatus and medium that modification front end table column data is locally stored |
| CN109933321A (en) * | 2019-01-17 | 2019-06-25 | 平安科技（深圳）有限公司 | Table display method and device, storage medium based on Vue frame |
| CN110334295A (en) * | 2019-05-08 | 2019-10-15 | 北京芯盾时代科技有限公司 | The method, apparatus and system of Website page modification |
| CN111124411A (en) * | 2019-12-31 | 2020-05-08 | 航天信息股份有限公司 | Method and system for personalized setting of form based on dynamic page |
| CN111581933A (en) * | 2020-04-01 | 2020-08-25 | 北京明略软件系统有限公司 | Method and device for managing forms in webpage |
-
2020
- 2020-12-14 CN CN202011465231.1A patent/CN112580315A/en active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109284488A (en) * | 2018-09-06 | 2019-01-29 | 郑州云海信息技术有限公司 | Based on the method, apparatus and medium that modification front end table column data is locally stored |
| CN109933321A (en) * | 2019-01-17 | 2019-06-25 | 平安科技（深圳）有限公司 | Table display method and device, storage medium based on Vue frame |
| CN110334295A (en) * | 2019-05-08 | 2019-10-15 | 北京芯盾时代科技有限公司 | The method, apparatus and system of Website page modification |
| CN111124411A (en) * | 2019-12-31 | 2020-05-08 | 航天信息股份有限公司 | Method and system for personalized setting of form based on dynamic page |
| CN111581933A (en) * | 2020-04-01 | 2020-08-25 | 北京明略软件系统有限公司 | Method and device for managing forms in webpage |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113095055A (en) * | 2021-04-20 | 2021-07-09 | 山石网科通信技术股份有限公司 | Table modification method and device, nonvolatile storage medium and processor |
| CN113486275A (en) * | 2021-07-27 | 2021-10-08 | 山石网科通信技术股份有限公司 | Information display method and device, computer readable storage medium and processor |
| CN114020193A (en) * | 2021-11-05 | 2022-02-08 | 挂号网（杭州）科技有限公司 | Cross-page checking determination method and device, electronic equipment and storage medium |
| CN114020193B (en) * | 2021-11-05 | 2024-06-04 | 挂号网（杭州）科技有限公司 | Page crossing hook determination method and device, electronic equipment and storage medium |
| CN114385051A (en) * | 2022-03-23 | 2022-04-22 | 广东睿江云计算股份有限公司 | Control list custom display method, device, equipment and storage medium |
| CN114862376A (en) * | 2022-07-07 | 2022-08-05 | 深圳市泽维电子科技有限公司 | Multidimensional information acquisition cooperative management method, management system and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN112580315A (en) | Webpage table display method and device, terminal equipment and medium | |
| WO2020119485A1 (en) | Page display method and device, apparatus, and storage medium | |
| US9916390B2 (en) | Managing web browser cache for offline browsing | |
| US10191856B2 (en) | Method of managing web browser cache size using logical relationships and clustering | |
| CN103858121B (en) | Web applications are made to obtain the method and system of database change | |
| CN108536617B (en) | Cache management method, medium, system and electronic device | |
| CN111782339A (en) | Container creation method and device, electronic equipment and storage medium | |
| CN112395322B (en) | List data display method and device based on hierarchical cache and terminal equipment | |
| CN112100092B (en) | Information caching method, device, equipment and medium | |
| CN115599386A (en) | Code generation method, device, equipment and storage medium | |
| CN114880289A (en) | File grouping display method and computing device | |
| CN111753141A (en) | Data management method and related equipment | |
| US8024380B2 (en) | Improving data access speed while processing transaction requests from web based applications | |
| CN111736776A (en) | Data storage and reading method and device | |
| CN111367606A (en) | Application page display method, device, terminal and medium | |
| CN112395437A (en) | 3D model loading method and device, electronic equipment and storage medium | |
| US20230083822A1 (en) | Optimized rendering of web pages | |
| CN115758004A (en) | Webpage table display method and device, computer readable medium and electronic equipment | |
| US10114864B1 (en) | List element query support and processing | |
| CN108846141B (en) | Offline cache loading method and device | |
| CN112433778A (en) | Mobile equipment page display method and device, electronic equipment and storage medium | |
| CN113704242A (en) | Data processing method and device | |
| CN111367898A (en) | Data processing method, device, system, electronic equipment and storage medium | |
| CN118041995B (en) | Method and device for realizing universal main stream media authorization homepage | |
| US20230195901A1 (en) | Model-based upgrade recommendations using software dependencies |
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 |