CN111459488B - Form page rendering method, device and system and readable medium - Google Patents
Form page rendering method, device and system and readable medium Download PDFInfo
- Publication number
- CN111459488B CN111459488B CN202010562739.7A CN202010562739A CN111459488B CN 111459488 B CN111459488 B CN 111459488B CN 202010562739 A CN202010562739 A CN 202010562739A CN 111459488 B CN111459488 B CN 111459488B
- Authority
- CN
- China
- Prior art keywords
- form page
- data
- cells
- rendering
- rendered
- 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.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G16—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR SPECIFIC APPLICATION FIELDS
- G16H—HEALTHCARE INFORMATICS, i.e. INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR THE HANDLING OR PROCESSING OF MEDICAL OR HEALTHCARE DATA
- G16H20/00—ICT specially adapted for therapies or health-improving plans, e.g. for handling prescriptions, for steering therapy or for monitoring patient compliance
- G16H20/10—ICT specially adapted for therapies or health-improving plans, e.g. for handling prescriptions, for steering therapy or for monitoring patient compliance relating to drugs or medications, e.g. for ensuring correct administration to patients
-
- G—PHYSICS
- G16—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR SPECIFIC APPLICATION FIELDS
- G16H—HEALTHCARE INFORMATICS, i.e. INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR THE HANDLING OR PROCESSING OF MEDICAL OR HEALTHCARE DATA
- G16H50/00—ICT specially adapted for medical diagnosis, medical simulation or medical data mining; ICT specially adapted for detecting, monitoring or modelling epidemics or pandemics
- G16H50/70—ICT specially adapted for medical diagnosis, medical simulation or medical data mining; ICT specially adapted for detecting, monitoring or modelling epidemics or pandemics for mining of medical data, e.g. analysing previous cases of other patients
Abstract
The invention provides a method for rendering a form page, which comprises the following steps of obtaining data of the form page to be rendered from a server; establishing a data model according to the acquired data of the form page to be rendered; determining the number of cells of a form page to be rendered; when the number of the cells of the form page to be rendered is less than or equal to a threshold value, rendering all the data to form a first form page; when the number of the cells of the form page to be rendered is larger than the threshold value, rendering part of the data to form a second form page; setting the length of a horizontal and/or vertical virtual scroll bar of a second form page according to the number of the cells in the data model and the number of the visible cells in the visible area of the user; when the horizontal or vertical virtual scroll bar of the second form page is monitored to scroll, determining data in the data model which should be displayed in a user visible area of the second form page; and updating the data to the corresponding cell of the second form page.
Description
Technical Field
The present invention relates to data processing, and in particular, to a method and an apparatus for rendering a form page.
Background
The collection of clinical trial data is central to the clinical study of drugs. The real, accurate, timely and normative data acquisition can obviously improve the quality of clinical tests and shorten the research period. In the traditional mode, clinical trials mainly rely on a paper Case Report Form (CRF) to complete the data collection and management process. The paper CRF can not ensure the reliability and the safety of data, and the data acquisition and management period is long, thereby influencing the clinical research process.
Electronic Data Capture (EDC) is a computer network-based clinical Data collection technique that collects and transmits clinical Data in an Electronic form through an organic combination of software, hardware, standard operating procedures, and personnel configuration.
In an EDC system for clinical laboratory data collection, a CRF form of a subject usually has a form data display mode, which uses form elements as carriers, and each cell is an element with an input box component and data monitoring. When the form is an adverse event or a form combining medication and the like, the situation of large data volume can occur, when the data volume is large, page elements become more, data interaction is more complex, service logic is increased, the complexity of data processing can be influenced by the data volume, the page is blocked, user experience is influenced, and the user operation experience and the time cost for inputting data are greatly influenced. Meanwhile, when the form data is saved, the length of the request data transmitted to the server can exceed 160 ten thousand bytes, and the response time of the interface can reach more than 40 s. At this time, the page may be crashed, and the program may be jammed, thereby causing a failure in data entry.
Disclosure of Invention
The technical problem to be solved by the invention is to provide a rendering method and a rendering device for a form page, which can greatly shorten the time overhead of page rendering.
In order to solve the technical problem, the invention provides a form page rendering method, which comprises the following steps of obtaining data of a form page to be rendered from a server, wherein the form page comprises a plurality of cells; establishing a data model according to the acquired data of the form page to be rendered; determining the number of cells of the form page to be rendered; when the number of the cells of the form page to be rendered is less than or equal to a threshold value, rendering all data in the data model to form a first form page; when the number of the cells of the form page to be rendered is larger than the threshold value, rendering part of data in a data model to form a second form page, wherein the number of the cells contained in the second form page is at least enough to be distributed in a user visible area of the second form page; the threshold value is a positive integer; setting the lengths of the horizontal and vertical virtual scroll bars of the second form page according to the number of the cells in the data model and the number of the cells in the user visible area;
the step of rendering part of the data in the data model to form a second form page comprises the steps of setting the width value and the height value of the cell; setting a total width value and a total height value of the second form page according to the size of the user visible area; determining the number of cells contained in the second form page; rendering part of data in the data model on corresponding cells in the second form page;
when the transverse or longitudinal scroll bar of the second form page is monitored to scroll, determining data in the data model which should be displayed in the form of the second form page; and updating the calculated data in the data model to be displayed to the corresponding cells in the user visible area of the second form page.
In an embodiment of the present invention, the step of establishing a data model according to the acquired data of the form page to be rendered includes: acquiring field groups, fields, attribute values of the field groups and attribute values of the fields in the data of the form page to be rendered; the field set is related to the number of columns of cells in the form page to be rendered; the number of the field groups determines the column number of the unit cells; the field is related to a row of a cell in the form page to be rendered; the number of the fields determines the number of lines of the cell; the attribute value of the field group determines the processing of the data related to the column; the attribute values of the fields determine the processing of the row-related data.
In an embodiment of the present invention, determining the number of cells of the form page to be rendered is obtained by multiplying the number of the field groups by the number of the fields.
In an embodiment of the present invention, the second form page further includes a reserved display area.
In an embodiment of the invention, the cells in the first form page or the second form page are rendered in response to data entry and/or switching operations in the cells.
In an embodiment of the present invention, the rendering method of the form page further includes: after the data in the cells are updated, the data are sent to a server side, and a form page is formed by re-rendering according to a return result of the server side, wherein the form page is a form page corresponding to all the data or a second form page corresponding to part of the data; when the byte number of the data sent to the server side is larger than a threshold value, compressing the data and sending the compressed data to the server side; when the byte number of the data is less than or equal to the threshold value, the data is directly sent to the server side; the threshold is a positive integer.
The invention also provides a rendering device of the form page, which comprises a data acquisition module, a rendering module and a rendering module, wherein the data acquisition module is configured to acquire data of the form page to be rendered from a server, and the form page comprises a plurality of cells; a data model building module; the data model is established according to the acquired data of the form page to be rendered; a form page rendering module configured to perform the following operations: determining the number of cells of the form page to be rendered; when the number of the cells of the form page to be rendered is less than or equal to a threshold value, rendering all data in the data model to form a first form page; when the number of the cells of the form page to be rendered is larger than the threshold value, rendering part of data in a data model to form a second form page, wherein the number of the cells contained in the second form page is at least enough to be distributed in a user visible area of the second form page; the threshold value is a positive integer; setting the length of a horizontal and/or vertical virtual scroll bar of the second form page according to the number of the cells in the data model and the number of the cells in the user visible area;
the step of rendering part of the data in the data model to form a second form page comprises the steps of setting the width value and the height value of the cell; setting a total width value and a total height value of the second form page according to the size of the user visible area; determining the number of cells contained in the second form page; rendering part of data in the data model on corresponding cells in the second form page;
when the transverse or longitudinal scroll bar of the second form page is monitored to scroll, determining data in the data model which should be displayed in the form of the second form page; and updating the calculated data in the data model to be displayed to the corresponding cells in the user visible area of the second form page.
The invention also provides a system for rendering the form page, which comprises a memory, a processor and a display, wherein the memory is used for storing the instructions which can be executed by the processor; and a processor for executing the instructions to implement the above-described method.
The invention also provides a computer readable medium having stored thereon computer program code which, when executed by a processor, implements a method as described above.
Compared with the prior art, the method and the device adopt different rendering modes according to the number of the cells by detecting the number of the cells of the form page. The method for virtually rendering the loaded partial data is adopted for the large-data-volume form page, and the time overhead of page rendering is greatly shortened. Therefore, the invention can reduce the risk of jamming or program deadlocking caused by user input and improve the interchangeability of the form page.
In addition, the invention avoids page collapse and realizes effective data entry by compressing and transmitting large data volume data at the client.
Drawings
The accompanying drawings, which are included to provide a further understanding of the invention and are incorporated in and constitute a part of this application, illustrate embodiment(s) of the invention and together with the description serve to explain the principle of the invention. In the drawings:
FIG. 1 is an exemplary flowchart of a method for rendering a form page according to an embodiment of the present invention.
FIG. 2 is a diagram illustrating the rendering of a form page according to an embodiment of the invention.
FIG. 3 is a diagram illustrating the rendering of a second form page according to an embodiment of the invention.
Fig. 4 is a flowchart of a method for rendering a form page to form a second form page according to an embodiment of the present invention.
FIG. 5 is an exemplary flowchart of a method for rendering a form page according to an embodiment of the present invention.
Detailed Description
In order to make the aforementioned objects, features and advantages of the present invention comprehensible, embodiments accompanied with figures are described in detail below.
In the following description, numerous specific details are set forth in order to provide a thorough understanding of the present invention, but the present invention may be practiced in other ways than those specifically described herein, and thus the present invention is not limited to the specific embodiments disclosed below.
Flow charts are used herein to illustrate operations performed by systems according to embodiments of the present application. It should be understood that the preceding or following operations are not necessarily performed in the exact order in which they are performed. Rather, various steps may be processed in reverse order or simultaneously. Meanwhile, other operations are added to or removed from these processes.
The embodiment of the invention describes a rendering method and a rendering device for a form page. The rendering method and the rendering device can be applied to a client of an EDC system for example and used for rendering a form page.
FIG. 1 is an exemplary flowchart of a method for rendering a form page according to an embodiment of the present invention. As shown in fig. 1, the method for rendering a form page of the present invention includes the following steps. Step 101, obtaining data of a form page to be rendered from a server. And 102, establishing a data model according to the acquired data of the form page to be rendered. And 103, determining the number of the cells of the form page to be rendered. And 104, when the number of the cells of the form page to be rendered is less than or equal to a threshold value, rendering all the data in the data model to form a first form page. And 105, when the number of the cells of the form page to be rendered is larger than a threshold value, rendering part of data in the data model to form a second form page, wherein the number of the cells contained in the second form page is at least enough to be distributed in a user visible area of the second form page. Step 106 sets the virtual scroll bar length in the landscape and/or portrait orientation of the second form page based on the number of cells in the data model and the number of cells in the user's viewable area.
In step 101, data of a form page to be rendered is obtained from a server. The data of the form page to be rendered at this time may be presented, for example, on a browser page. To facilitate the collection of subject information, user input and form rendering are combined, and server data is pulled. Meanwhile, form information is obtained in real time, a user can edit the form information conveniently, data are classified and grouped, and the data are flattened and arranged in a table form. The tabular arrangement may also be referred to as a cell arrangement. The data to be rendered may correspond to controls such as input, click, check, drop-down list, and buttons in each cell.
In step 102, a data model is established according to the acquired data of the form page to be rendered. Specifically, the field group, the field, the attribute value of the field group, and the attribute value of the field in the data of the form page to be rendered received from the server side may be acquired. The field set is related to the number of columns of cells in the form page to be rendered; the number of the field groups determines the column number of the unit cells; the fields are associated with rows of cells in the form page to be rendered; the number of the fields determines the number of lines of the cell; the attribute value of the field group determines the processing of the data related to the column; the attribute values of the fields determine the processing of the row-related data. For example, form controls are generated according to the attribute values of the fields, event monitoring can be suspended, and a bottom layer unit related to the business logic of experimental data collection is formed. The attribute values of the fields are the main operation objects for user interaction. The data of the operation can be transmitted to the server side for processing after being stored.
At step 103, the number of cells of the form page to be rendered is determined. Specifically, the number of cells may be obtained by multiplying the number of field groups by the number of fields. At step 104, as shown in fig. 2, when the number of cells of the form page to be rendered is less than or equal to a threshold value, all data in the data model is rendered to form a first form page 200. The threshold is a positive integer, for example, the threshold is 1200, that is, the threshold of the number of cells of the form page to be rendered is 1200. The first form page 200 at this point includes all of the data to be rendered. The first form page 200 includes a user viewable area 201 and a user not viewable area 202.
In step 105, as shown in fig. 3, when the number of cells of the form page to be rendered is greater than the threshold value, part of the data in the data model is rendered to form a second form page. The number of cells included in the second form page is at least substantially distributed in the form display area 301. The threshold is a positive integer, for example, the threshold is 1200, that is, the threshold of the number of cells of the form page to be rendered is 1200. For example, there are 40 cells in the transverse direction and 31 cells in the longitudinal direction. At this time, the total number of cells exceeds 1200. Or 40 cells in the transverse direction and 50 cells in the longitudinal direction. At this time, the total number of cells is 2000, which also exceeds 1200. A second form page rendering is employed.
Fig. 4 is a flowchart of a method for rendering a form page to form a second form page according to an embodiment of the present invention. Forming the second form page includes, step 401, setting the width and height values of the cells. And 402, setting a total width value and a total height value of the second form page according to the size of the visible area of the user. And step 403, obtaining the number of the cells contained in the second form page. And step 404, rendering part of data in the data model on the corresponding cell of the second form page.
In step 401, a width value and a height value of a cell (e.g., cell 311 shown in FIG. 3) are set. For example, the width of a cell is 100 pixel values and the height is 80 pixel values. The width of the cell may be set to 160 pixel values, the height to 48 pixel values, and the like. The actual height and width values may be set as desired, such as the attributes and characteristics of the elements to be displayed.
At step 402, a total width value and a total height value of the second form page are set according to the size of the user visibility area 301. For example, for a screen with a resolution of 1360 × 768, 1360 × 70% =952 pixel values, assuming that 70% of the screen width is available for the cells showing the second form page. Except for the proper interval between the cells, 9 cells may be arranged and displayed in the lateral direction when the width of the cell is 100 pixel value. In the longitudinal direction, if 80% of the screen height is available for the cell showing the second form page, then 768 × 80% =614.4, take the integer 614. Except for an appropriate interval between cells, 7 cells may be arranged to be displayed in the longitudinal direction when the height of the cell is 80 pixel value. Other areas on the page, for example, may be provided with a save or refresh button for the page, etc.
At step 403, the number of cells contained in the second form page is determined. The rendered area of the second form page referred to in fig. 3 includes a user viewable area 301 and a reserved display area 302 (dashed grid in fig. 3). The reserved display area 302 is adjacent to the user viewable area 301. In addition, the number of cells of the reserved display area 302 is smaller than the number of cells of the user visible area 301. Generally, the number of cells in the reserved display area 302 is related to the number of rows and columns corresponding to the small scroll of the scroll bar. For example, if 10 cells are arranged and displayed in the horizontal direction, the user visible area 301 is 10 columns of cells, and the reserved display area 302 may be provided with 2 columns of cells adjacent to the 10 columns of cells. When 5 cells can be arranged and displayed in the longitudinal direction, the user visible area is 5 rows of cells, and the reserved display area can be provided with 2 rows of cells adjacent to 7 rows of cells. Therefore, 10 × 5=50 cells will need to be rendered in the user viewable area. And (10+2) × (5+2) =84 cells are required to be rendered together with a reserved display area.
In one embodiment, when there are 40 columns of cells in the horizontal direction and 31 rows of cells in the vertical direction (corresponding to the meaning of the aforementioned expression that there are 40 cells in the horizontal direction and 31 cells in the vertical direction), only 12 columns of cells and 9 rows of cells on the left side and the upper side are rendered in the initial rendering of the page by using the second form page rendering mode.
At step 404, part of the data in the data model is rendered on the corresponding cell of the second form page. As described above, after determining that 84 cells need to be rendered on the second form page, where the user visible area is 50 cells and the reserved display area is 34 cells, rendering the data corresponding to the 84 cells in the data model on the cells corresponding to the second form page.
With continued reference to FIG. 1, after rendering 105 the cells of the second form page, step 106 is performed to set 106 the horizontal and vertical virtual scrollbar lengths of the second form page based on the number of cells in the data model and the number of visible cells of the second form page. For example, for 40 cells in the horizontal direction and 31 cells in the vertical direction, the total number of cells exceeds 1200, and the visible cells of the second form page, i.e., the cells in the user visible area, is 50, i.e., 10 in the horizontal direction and 5 in the vertical direction. At this time, the ratio of the number of all the cells 303 in the data model is calculated according to the visible cells in the horizontal direction and the vertical direction to obtain the lengths of the horizontal scroll bar 303 and the vertical scroll bar 304 of the second form page. For example, the transverse proportion is 9/40=22.5%, and the longitudinal proportion 7/31 ≈ 22.6%. The lengths of the horizontal virtual scroll bar 303 and the vertical virtual scroll bar 304 are then derived based on the length of the sidebar. The length of the sidebar is also related to the size of the display area of the screen. In comparison with the illustration of fig. 2, the length of the scroll bar is similar, although the number of cells per rendering is greatly reduced. In this way, the user may predict the total number of cells to be presented, depending on the length of the virtual scrollbar. In contrast, if the length of the horizontal and vertical scroll bars of the second form page is set according to the number of rendered cells (the total number of cells of the user visible area 301 and the reserved display area 302, for example, 84 cells) and the number of cells of the user visible area 301 (for example, 50 cells) in a conventional manner, the length of the scroll bars is greatly increased, resulting in that the user cannot correctly predict the total number of cells to be presented.
The setting of the reserved display area enables a user to directly display the cells of the rendered second form page without any page jamming and display abnormity when the user scrolls the scroll bar (namely the virtual scroll bar) in a small range.
FIG. 5 is an exemplary flowchart of a method for rendering a form page according to an embodiment of the present invention. Referring to fig. 5, in some embodiments, the method for rendering a form page of the present invention further includes a step 507 of calculating data in a data model that should be displayed in a user visible area when it is monitored that a virtual scroll bar of a second form page scrolls horizontally or vertically, in addition to the steps 501 to 506 corresponding to the steps 101 to 106 illustrated in fig. 1. Step 508 updates the calculated data in the data model to be displayed to the corresponding cells in the user visible area of the second form page.
Specifically, in step 507, when it is monitored that the virtual scroll bar of the second form page scrolls horizontally or vertically, data in the data model that should be displayed in the user visible area of the second form page is calculated. For example, when the scroll bar is scrolled down a certain position or to the right a certain position, the position of the scroll bar in the sidebar will be calculated. For example, after scrolling, the scroll bar is located in the middle of the sidebar or in the rear 1/3 position, and the data in the data model that should be presented in the corresponding second form page will be calculated.
In step 508, the data in the data model to be displayed, which is obtained by calculation, is updated to the corresponding cells in the user visible area of the second form page, that is, the data is re-rendered on the cells in the corresponding area.
In a non-limiting embodiment, when a user performs a data entry and/or switching operation in a cell of a first or second form page, in response to this operation, the client renders the cell in the first or second form page. At this time, the rendering mode of the second form page is that when data and input switching operation is performed on the cell, that is, when cell data is updated, the content of the page to be updated and rendered is limited on the first or second form page, and the form page corresponding to all data in the data model does not need to be updated, so that the page is prevented from being stuck and abnormal when being updated and rendered, or the response waiting time is long. The page blocking and lagging feeling brought to the user when the page is updated are avoided.
In a non-limiting embodiment, the method for rendering a form page of the present invention sends data to a server side after completing updating data in a cell. This link of confirming the completion of the update may be accomplished, for example, by clicking on a save button and a confirm submit button. The setting can trigger the updating of the form page as few as possible, the updating operation is packed and summarized, the unified processing is realized, and the user experience is improved.
And after the data are sent to the server side, re-rendering the data to form a form page according to a return result of the server side. For example, as shown in the rendering method of the form page in fig. 1, when the number of cells of the form page to be rendered is less than or equal to a threshold value, all data in the data model is rendered to form a first form page. And when the number of the cells of the form page to be rendered is larger than the threshold value, rendering part of data in the data model to form a second form page. And setting the lengths of the horizontal and vertical scroll bars of the second form page according to the number of the cells in the data model and the number of the cells in the user visible area of the second form page. Therefore, the form page formed by re-rendering is the first form page corresponding to all data or the second form page corresponding to partial data.
And for a link of sending the data to the server, compressing the data and sending the compressed data to the server side when the byte number of the data is greater than a threshold value. And when the byte number of the data is less than or equal to the threshold value, directly sending the data to the server side. For example, the threshold may be set to 40 kilobytes. Namely, when the data to be sent is less than or equal to 40 kilobytes, the data is directly sent to the server side. And when the data to be sent is more than 40 kilobytes, compressing the data and sending the compressed data to the server side. The data can be compressed by adopting a gzip method or other compression methods. After the compressed data is sent to the server, decompression can be carried out again, and a series of verification or check processes are carried out. And returns the results to the form page of the client. Through the process of compressing at the client and decompressing at the server, long-time waiting and buffering time can be avoided, page collapse is avoided, and effective data entry is realized.
The rendering method of the form page detects the number of the cells of the form page and adopts different rendering modes according to the number of the cells. The method for virtually rendering the loaded partial data is adopted for the large-data-volume form page, and the time overhead of page rendering is greatly shortened. Therefore, the embodiment of the invention avoids the jamming or program deadlocking caused by user input and improves the interactivity of the form page.
Compared with a rendering method for paging or splitting page levels to obtain nested pages, the rendering method for the form page avoids splitting of the page and splitting of cells caused by multi-level nesting. For the situation that the cells are split due to page splitting or multi-level nesting, when data in the cells are updated through the control, if the form page is split into multiple pages or split into multiple nested pages, at this time, if correlation or logical relationship exists between data updates of the cells in different areas, entry of the data becomes complicated, and additional checking and confirmation need to be performed on different pages. The rendering method of the form page avoids splitting the form page or disassembling the page level, thereby avoiding the defect.
The invention also provides a rendering device of the form page, which comprises a data acquisition module, wherein the data acquisition module is configured to acquire data of the form page to be rendered from a server, and the form page comprises a plurality of cells. A data model building module; and the data model is established according to the acquired data of the form page to be rendered. A form page rendering module configured to perform the following operations: determining the number of cells of the form page to be rendered; when the number of the cells of the form page to be rendered is smaller than or equal to a threshold value, rendering all data in the data model to form a first form page; when the number of the cells of the form page to be rendered is larger than a threshold value, rendering part of data in the data model to form a second form page, wherein the number of the cells contained in the second form page is at least enough to be distributed in a user visible area of the second form page; the threshold value is a positive integer; and setting the length of the horizontal and/or vertical virtual scroll bar of the second form page according to the number of the cells in the data model and the number of the cells in the user visible area. The process of rendering a part of the data in the data model to form the second form page is described in the corresponding steps from step 401 to step 404 and from step 501 to step 508, and is not described herein again.
The invention also provides a system for rendering the form page, which comprises a memory, a processor and a display, wherein the memory is used for storing the instructions which can be executed by the processor; and the processor is used for executing the instruction to realize the rendering method of the form page.
The invention also provides a computer-readable medium having stored thereon computer program code which, when executed by a processor, implements a method of rendering a form page as described.
Having thus described the basic concept, it will be apparent to those skilled in the art that the foregoing disclosure is by way of example only, and is not intended to limit the present application. Various modifications, improvements and adaptations to the present application may occur to those skilled in the art, although not explicitly described herein. Such modifications, improvements and adaptations are proposed in the present application and thus fall within the spirit and scope of the exemplary embodiments of the present application.
Also, this application uses specific language to describe embodiments of the application. Reference throughout this specification to "one embodiment," "an embodiment," and/or "some embodiments" means that a particular feature, structure, or characteristic described in connection with at least one embodiment of the present application is included in at least one embodiment of the present application. Therefore, it is emphasized and should be appreciated that two or more references to "an embodiment" or "one embodiment" or "an alternative embodiment" in various places throughout this specification are not necessarily all referring to the same embodiment. Furthermore, some features, structures, or characteristics of one or more embodiments of the present application may be combined as appropriate.
Aspects of the present application may be embodied entirely in hardware, entirely in software (including firmware, resident software, micro-code, etc.) or in a combination of hardware and software. The above hardware or software may be referred to as "data block," module, "" engine, "" unit, "" component, "or" system. The processor may be one or more Application Specific Integrated Circuits (ASICs), Digital Signal Processors (DSPs), digital signal processing devices (DAPDs), Programmable Logic Devices (PLDs), Field Programmable Gate Arrays (FPGAs), processors, controllers, microcontrollers, microprocessors, or a combination thereof. Furthermore, aspects of the present application may be represented as a computer product, including computer readable program code, embodied in one or more computer readable media. For example, computer-readable media may include, but are not limited to, magnetic storage devices (e.g., hard disk, floppy disk, magnetic strips … …), optical disks (e.g., Compact Disk (CD), Digital Versatile Disk (DVD) … …), smart cards, and flash memory devices (e.g., card, stick, key drive … …).
The computer readable medium may comprise a propagated data signal with the computer program code embodied therein, for example, on a baseband or as part of a carrier wave. The propagated signal may take any of a variety of forms, including electromagnetic, optical, and the like, or any suitable combination. The computer readable medium can be any computer readable medium that can communicate, propagate, or transport the program for use by or in connection with an instruction execution system, apparatus, or device. Program code on a computer readable medium may be propagated over any suitable medium, including radio, electrical cable, fiber optic cable, radio frequency signals, or the like, or any combination of the preceding.
Similarly, it should be noted that in the preceding description of embodiments of the application, various features are sometimes grouped together in a single embodiment, figure, or description thereof for the purpose of streamlining the disclosure aiding in the understanding of one or more of the embodiments. This method of disclosure, however, is not intended to require more features than are expressly recited in the claims. Indeed, the embodiments may be characterized as having less than all of the features of a single embodiment disclosed above.
Although the present application has been described with reference to the present specific embodiments, it will be recognized by those skilled in the art that the foregoing embodiments are merely illustrative of the present application and that various changes and substitutions of equivalents may be made without departing from the spirit of the application, and therefore, it is intended that all changes and modifications to the above-described embodiments that come within the spirit of the application fall within the scope of the claims of the application.
Claims (9)
1. A method for rendering a form page comprises the following steps:
the method comprises the steps of obtaining data of a form page to be rendered from a server, wherein the form page comprises a plurality of cells;
establishing a data model according to the acquired data of the form page to be rendered;
determining the number of cells of the form page to be rendered;
when the number of the cells of the form page to be rendered is less than or equal to a threshold value, rendering all data in the data model to form a first form page;
when the number of the cells of the form page to be rendered is larger than the threshold value, rendering part of data in a data model to form a second form page, wherein the number of the cells contained in the second form page is at least enough to be distributed in a user visible area of the second form page; the threshold value is a positive integer;
setting the length of a horizontal and/or vertical virtual scroll bar of the second form page according to the number of the cells in the data model and the number of the cells in the user visible area;
the step of rendering part of the data in the data model to form a second form page comprises the following steps:
setting a width value and a height value of the unit cell;
setting a total width value and a total height value of the second form page according to the size of the user visible area;
determining the number of cells contained in the second form page;
rendering part of data in the data model on corresponding cells in the second form page;
when the horizontal or vertical virtual scroll bar of the second form page is monitored to scroll, determining data in the data model which should be displayed in a user visible area of the second form page;
and updating the calculated data in the data model to be displayed to the corresponding cells in the user visible area of the second form page.
2. The method for rendering the form page according to claim 1, wherein the step of establishing a data model according to the data of the form page to be rendered comprises: acquiring field groups, fields, attribute values of the field groups and attribute values of the fields in the data of the form page to be rendered; the field set is related to the number of columns of cells in the form page to be rendered; the number of the field groups determines the column number of the unit cells; the field is related to a row of a cell in the form page to be rendered; the number of the fields determines the number of lines of the cell; the attribute value of the field group determines the processing of the data related to the column; the attribute values of the fields determine the processing of the row-related data.
3. The method for rendering the form page according to claim 2, wherein the determining of the number of the cells of the form page to be rendered is obtained by multiplying the number of the field groups by the number of the fields.
4. The method of rendering a form page of claim 1, wherein the second form page further comprises a reserved display area.
5. A method of rendering form pages as claimed in any one of claims 1 to 4, characterised by rendering cells in the first or second form page in response to data entry and/or switching operations in the cells.
6. The method of rendering a form page of claim 1, further comprising:
after the data in the cells are updated, the data are sent to a server side, and a form page is formed by re-rendering according to a return result of the server side, wherein the form page is a first form page corresponding to all the data or a second form page corresponding to part of the data;
when the byte number of the data sent to the server side is larger than a threshold value, compressing the data and sending the compressed data to the server side;
when the byte number of the data is less than or equal to the threshold value, the data is directly sent to the server side;
the threshold is a positive integer.
7. An apparatus for rendering a form page, comprising:
the data acquisition module is configured to acquire data of a form page to be rendered from a server, wherein the form page comprises a plurality of cells;
a data model building module; the data model is established according to the acquired data of the form page to be rendered;
a form page rendering module configured to perform the following operations:
determining the number of cells of the form page to be rendered;
when the number of the cells of the form page to be rendered is less than or equal to a threshold value, rendering all data in the data model to form a first form page;
when the number of the cells of the form page to be rendered is larger than the threshold value, rendering part of data in a data model to form a second form page, wherein the number of the cells contained in the second form page is at least enough to be distributed in a user visible area of the second form page; the threshold value is a positive integer;
setting the length of a horizontal and/or vertical virtual scroll bar of the second form page according to the number of the cells in the data model and the number of the cells in the user visible area;
the step of rendering part of the data in the data model to form a second form page comprises the following steps:
setting a width value and a height value of the unit cell;
setting a total width value and a total height value of the second form page according to the size of the user visible area;
determining the number of cells contained in the second form page;
rendering part of data in the data model on corresponding cells in the second form page;
when the horizontal or vertical virtual scroll bar of the second form page is monitored to scroll, determining data in the data model which should be displayed in a user visible area of the second form page;
and updating the calculated data in the data model to be displayed to the corresponding cells in the user visible area of the second form page.
8. A system for rendering a form page, comprising:
a memory for storing instructions executable by the processor; and
a processor for executing the instructions to implement the method of any one of claims 1-6.
9. A computer-readable medium having stored thereon computer program code which, when executed by a processor, implements the method of any of claims 1-6.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010562739.7A CN111459488B (en) | 2020-06-19 | 2020-06-19 | Form page rendering method, device and system and readable medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010562739.7A CN111459488B (en) | 2020-06-19 | 2020-06-19 | Form page rendering method, device and system and readable medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN111459488A CN111459488A (en) | 2020-07-28 |
| CN111459488B true CN111459488B (en) | 2020-09-18 |
Family
ID=71682071
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010562739.7A Active CN111459488B (en) | 2020-06-19 | 2020-06-19 | Form page rendering method, device and system and readable medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111459488B (en) |
Families Citing this family (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111931472B (en) * | 2020-08-11 | 2023-10-20 | 抖音视界有限公司 | Page table rendering method and device, electronic equipment and computer readable medium |
| CN112596835A (en) * | 2020-12-23 | 2021-04-02 | 深圳集智数字科技有限公司 | Method, device, equipment and medium for displaying ladder data in page |
| CN113343144A (en) * | 2021-05-31 | 2021-09-03 | 北京达佳互联信息技术有限公司 | Data display method, device and equipment |
| CN114356087A (en) * | 2021-12-30 | 2022-04-15 | 北京绵白糖智能科技有限公司 | Interaction method, device, equipment and storage medium based on augmented reality |
| CN114491364A (en) * | 2022-01-17 | 2022-05-13 | 广州市玄武无线科技股份有限公司 | Method and system for realizing high-performance form based on state management |
Family Cites Families (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US10621210B2 (en) * | 2016-11-27 | 2020-04-14 | Amazon Technologies, Inc. | Recognizing unknown data objects |
| CN110503703B (en) * | 2019-08-27 | 2023-10-13 | 北京百度网讯科技有限公司 | Method and apparatus for generating image |
| CN110908879B (en) * | 2019-10-16 | 2023-10-20 | 陕西合友网络科技有限公司 | Reporting method, reporting device, reporting terminal and recording medium of buried point data |
| CN110738185B (en) * | 2019-10-23 | 2023-07-07 | 腾讯科技（深圳）有限公司 | Form object identification method, form object identification device and storage medium |
-
2020
- 2020-06-19 CN CN202010562739.7A patent/CN111459488B/en active Active
Also Published As
| Publication number | Publication date |
|---|---|
| CN111459488A (en) | 2020-07-28 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111459488B (en) | Form page rendering method, device and system and readable medium | |
| US11949759B2 (en) | Adaptive computation and faster computer operation | |
| US9355081B2 (en) | Transforming HTML forms into mobile native forms | |
| US20140149368A1 (en) | Compressed Representation of a Transaction Token | |
| JP5668078B2 (en) | Server side rendering | |
| CN1643487A (en) | Previewing documents on a computer system | |
| US20230115491A1 (en) | Information presentation method and apparatus, electronic device, and storage medium | |
| CN109388317B (en) | Picture loading method, terminal device and storage medium | |
| US20140297317A1 (en) | Extracting key action patterns from patient event data | |
| CN109144862A (en) | Statistical method, device, computer equipment and the storage medium of test data | |
| US9351046B2 (en) | Replacing an image with a media player | |
| US9275685B2 (en) | Smooth playing of video | |
| CN111814086A (en) | Method and system for screenshot of webpage | |
| CN110781427A (en) | Method, device, equipment and storage medium for calculating first screen time | |
| US20210365406A1 (en) | Method and apparatus for processing snapshot, device, medium and product | |
| CN114327564A (en) | Method, system, device and medium for solving multi-layer nested array data response | |
| US20160275063A1 (en) | Transforming html forms into mobile native forms | |
| CN110618797B (en) | Method and device for generating character trotting horse lamp and terminal equipment | |
| CN111026945A (en) | Multi-platform crawler scheduling method and device and storage medium | |
| US11830166B2 (en) | Fluid and resolution-friendly view of large volumes of time series data | |
| JP2022188197A (en) | Programmable logic controller, terminal device, program management system, program management method and program | |
| CN115758004A (en) | Webpage table display method and device, computer readable medium and electronic equipment | |
| CN109032476B (en) | Method for displaying big data set in graphical user interface | |
| CN114021050B (en) | Data processing method, data processing device, computer equipment and storage medium | |
| CN107608638A (en) | RAID management methods, device and computer-readable recording medium |
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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| CP03 | "change of name, title or address" |
Address after: 314000 3 storeys, Building 9, Intelligent Industry Innovation Park, 36 Changshengnan Road, Jiaxing Economic and Technological Development Zone, Zhejiang Province Patentee after: Zhejiang Taimei Medical Technology Co., Ltd Address before: 314001 3rd floor, building 9, smart industry innovation park, 36 Changsheng South Road, Jiaxing City, Zhejiang Province Patentee before: MOBILEMD SYSTEM (JIAXING) Co.,Ltd. |
|
| CP03 | "change of name, title or address" |