Page generation method and system, computer-readable storage medium, and electronic device

By encapsulating business rules into business components and flexibly combining them, the problem of repeated development in the front-end component library development is solved, more efficient development and cost reduction are achieved, the reusability of business logic and rapid configuration of pages are realized, and the implementation of data standards in the business field is promoted.

CN114238809BActive Publication Date: 2025-09-12INDUSTRIAL AND COMMERCIAL BANK OF CHINA
View PDF 4 Cites 0 Cited by

Patent Information

Application Number
CN202111467714.X
Authority / Receiving Office
CN · China
Patent Type
Patents(China)
Current Assignee / Owner
Filing Date
2021-12-02
Publication Date
2025-09-12
Estimated Expiration
2041-12-02

AI Technical Summary

Technical Problem

In the existing technology, the front-end component library has the problem of repeated development in the development of different business fields, lacks the encapsulation and reuse of common business logic, resulting in high development costs and low efficiency.

Method used

Encapsulate business rules into business components, generate target pages through the association and layout adjustment of business components, use tracking components to record operation behaviors to optimize page layout and component usage, and achieve flexible combination and reuse of business components.

Benefits of technology

It improves the efficiency of front-end page development and reduces development costs, realizes the reusability of business logic and rapid configuration of pages, and ensures unified data standards for business fields.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN114238809B_ABST
    Figure CN114238809B_ABST
Patent Text Reader

Abstract

The present invention discloses a page generation method and system, a computer-readable storage medium, and an electronic device, relating to the field of financial technology. The generation method includes: obtaining at least one business component stored in a data storage area and the association relationship between the business components, wherein the business component is obtained by pre-analyzing the business factors of each business field; displaying an initial page based on the association relationship between the business components; determining page layout information based on business requirement parameters; and adjusting the layout of the business components in the initial page based on the page layout information to generate a target page. The present invention solves the technical problem in related technologies of being unable to provide reusable business components, resulting in the need for repeated development when developing pages, increasing development costs, and reducing development efficiency.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] The present invention relates to the technical field of page generation, and in particular to a page generation method and system, a computer-readable storage medium, and an electronic device. Background Art

[0002] With the continuous advancement of computer technology, the content supported by web browsers has expanded from simple graphic pages to applications with user interaction capabilities. Furthermore, with the advent of the "Internet Plus" concept and the onlineization of various life scenarios and services, the demand for online applications based on web browsers continues to surge. The ability to quickly and efficiently develop and maintain web front-end pages has become a key challenge for most internet companies. Consequently, various front-end component libraries have emerged in the internet sector, providing a series of reusable technical components, such as buttons and selection boxes. These components can be directly referenced when developing front-end pages, avoiding the need for repetitive development of page elements.

[0003] In the related art, the front-end component library mainly encapsulates some common appearance, style and user interaction response logic of page elements to obtain various components for shared use in business systems in various fields. However, when different business fields are developed based on the front-end component library, it is still necessary to write a large amount of business logic within the field. These business logics are also common within the field, but when using traditional front-end component libraries for development, there is a problem of repeated development, which makes the same business rules need to be repeatedly implemented in different pages, lacking the encapsulation and reuse of common business logic. In addition, a business element usually corresponds to multiple page elements and requires multiple components. The program code developed directly based on the traditional front-end component library is cumbersome and difficult to maintain. Therefore, it has become a common demand to encapsulate business rules into business components, support the rapid configuration development of front-end pages, realize the sedimentation and reuse of business assets, and reduce the cost of front-end page development.

[0004] To address the above-mentioned problems, no effective solutions have been proposed so far. Summary of the Invention

[0005] Embodiments of the present invention provide a page generation method and system, a computer-readable storage medium, and an electronic device to at least solve the technical problem in related technologies that reusable business components cannot be provided, resulting in the need for repeated development when developing pages, increasing development costs and reducing development efficiency.

[0006] According to one aspect of an embodiment of the present invention, a page generation method is provided, comprising: obtaining at least one business component stored in a data storage area and an association relationship between the business components, wherein the business component is a component obtained after pre-analysis of business factors of each business field; displaying an initial page based on the association relationship between the business components; determining page layout information based on business requirement parameters; and adjusting the layout of the business components in the initial page based on the page layout information to generate a target page.

[0007] Optionally, before obtaining at least one business component stored in the data storage area and the association relationship between the business components, the page generation method also includes: based on the business needs in the historical process and the historical components generated based on the business needs, analyzing the business factors of each business field, extracting reusable business components and corresponding component information; and sending the reusable business components and corresponding component information to the data storage area.

[0008] Optionally, the component information includes at least one of the following: attribute information of the business component, validity check logic of the business component, and association control information between business components, wherein the validity check logic is used to generate a page element containing data check logic.

[0009] Optionally, based on the page layout information, the layout of each business component in the initial page is adjusted to generate a target page, including: determining the attribute information of each business component in the initial page and the association control information between the business components; based on the page layout information, attribute information and the association control information between the business components, the layout of each business component in the initial page is adjusted to generate a target page.

[0010] Optionally, the page generation method further includes: setting a burying point component at a preset page position of each generated page; using the burying point component to record the operation behavior of the external terminal on each page to generate burying point data.

[0011] Optionally, after using the tracking component to record the operation behavior of the external terminal on each page and generate tracking data, the page generation method also includes: based on the tracking data, counting the number of times each of the business components is used on each page to obtain the number of times the business components are used; obtaining the page reference parameters of each of the business components to calculate the reuse of the business components, wherein the reuse is used to evaluate the usage satisfaction of the business components.

[0012] Optionally, after using the tracking component to record the operation behavior of the external terminal on each page and generate tracking data, the page generation method also includes: determining the operation sequence and page stay time of each operation behavior based on the tracking data; counting the operation sequence and page stay time of all operation behaviors to obtain page operation information.

[0013] Optionally, after counting the operation sequence of all operation behaviors and the page dwell time to obtain page operation information, the page generation method further includes: analyzing the layout satisfaction of the page layout of the target page based on the page operation information; analyzing the usage satisfaction of each business component in the target page based on the page operation information; and adjusting the component information of the business component based on the layout satisfaction of the page layout and the usage satisfaction of each business component in the target page.

[0014] According to another aspect of an embodiment of the present invention, a page generation system is also provided, including: a component storage device for storing component information of business components, wherein the component information includes: attribute information of the business components, the legitimacy check logic of the business components, and association control information between business components, and the business components are components obtained after pre-analysis of business factors of each business field; a page generation device, connected to the component storage device, for reading the component information in the component storage device, and generating a target page based on the attribute information of the business components, the legitimacy check logic of the business components, and the association control information between the business components.

[0015] Optionally, the component storage device includes: an attribute storage unit for storing attribute information of the business component, wherein the attribute information includes element information required by the page generation device for each page element when generating the target page; a verification rule storage unit for storing the legitimacy check logic of the business component, wherein the legitimacy check logic of the business component is used by the page generation device to generate page elements containing data check logic information; an association relationship storage unit for storing association control information between business components, wherein the association control information of the business components is used by the page generation device to generate a page that selectively displays or hides page element functions based on the operation behavior input by the external terminal.

[0016] Optionally, the component storage device further includes: a usage count storage unit, configured to store the number of times the business component appears in each page generated by the page generation device, to obtain the usage count of the business component.

[0017] Optionally, the page generating device includes: a business component reading unit, used to read the component information in the component storage device, and update the business component usage count in the usage count storage unit of the component storage device based on the usage status of each business component; a business component assembling unit, used to assemble the attribute information of the business components in the component storage device, the legitimacy check logic of the business components, and the association control information between the business components to obtain a business component combination; and a page rendering unit, used to render the business component combination in the business component assembly unit into a target page carrying page elements.

[0018] Optionally, the page generation system also includes a statistical analysis device, which includes: a usage count statistics unit, used to count the usage data of the business component in each page to obtain the number of times the business component is used; a multiplexing statistics unit, used to obtain the page reference parameters of each of the business components to calculate the multiplexing of the business components; an operation log analysis unit, used to use a tracking component to record the operation behavior of the external terminal on each page to obtain operation information.

[0019] According to another aspect of an embodiment of the present invention, a computer-readable storage medium is further provided, wherein the computer-readable storage medium includes a stored computer program, wherein when the computer program is executed, the device where the computer-readable storage medium is located is controlled to execute any one of the page generation methods described above.

[0020] According to another aspect of an embodiment of the present invention, an electronic device is further provided, characterized in that it includes one or more processors and a memory, wherein the memory is used to store one or more programs, wherein when the one or more programs are executed by the one or more processors, the one or more processors implement any one of the page generation methods described above.

[0021] In the present disclosure, at least one business component stored in a data storage area and the association relationship between each business component are obtained, wherein the business component is a component obtained after pre-analysis of business factors of each business field, and based on the association relationship between the business components, the initial page is displayed, and based on the business requirement parameters, the page layout information is determined, and based on the page layout information, the layout of each business component in the initial page is adjusted to generate a target page. In the present application, the business functions can be encapsulated into independent business components (reusable) in advance, and when the page is developed, the corresponding business components can be selected according to the business requirements. Through the flexible combination of business components, a page with complete business functions can be quickly developed, and the development efficiency can be improved and the development cost can be reduced, thereby solving the technical problem that the related technology cannot provide reusable business components, resulting in the need for repeated development when developing the page, increasing the development cost and reducing the development efficiency. BRIEF DESCRIPTION OF THE DRAWINGS

[0022] The drawings described herein are used to provide a further understanding of the present invention and constitute a part of this application. The exemplary embodiments of the present invention and their descriptions are used to explain the present invention and do not constitute an improper limitation of the present invention. In the drawings:

[0023] Figure 1 is a flow chart of an optional page generation method according to an embodiment of the present invention;

[0024] Figure 2 This is a schematic diagram of an optional method for developing a Web front-end page based on business components according to an embodiment of the present invention;

[0025] Figure 3 This is a schematic diagram of an optional business component-based Web front-end page development device according to an embodiment of the present invention;

[0026] Figure 4 is a schematic diagram of specific units in an optional component storage device 1 according to an embodiment of the present invention;

[0027] Figure 5 is a schematic diagram of specific units in an optional page generating device 2 according to an embodiment of the present invention;

[0028] Figure 6 is a schematic diagram of specific units in an optional statistical analysis device 3 according to an embodiment of the present invention. DETAILED DESCRIPTION

[0029] In order to enable those skilled in the art to better understand the solutions of the present invention, the technical solutions in the embodiments of the present invention will be clearly and completely described below in conjunction with the drawings in the embodiments of the present invention. Obviously, the embodiments described are only part of the embodiments of the present invention, not all of the embodiments. Based on the embodiments of the present invention, all other embodiments obtained by ordinary technicians in this field without making creative efforts should fall within the scope of protection of the present invention.

[0030] It should be noted that the terms "first", "second", etc. in the description and claims of the present invention and the above-mentioned drawings are used to distinguish similar objects and are not necessarily used to describe a specific order or sequence. It should be understood that the numbers used in this way can be interchanged where appropriate, so that the embodiments of the present invention described herein can be implemented in an order other than those illustrated or described herein. In addition, the terms "including" and "having" and any variations thereof are intended to cover non-exclusive inclusions. For example, a process, method, system, product or device that includes a series of steps or units is not necessarily limited to those steps or units clearly listed, but may include other steps or units that are not clearly listed or inherent to these processes, methods, products or devices.

[0031] It should be noted that the page generation method and system in the present disclosure can be used in the field of financial technology to generate pages, and can also be used in any field other than the field of financial technology to generate pages. The present disclosure does not limit the application field of the page generation method and system.

[0032] It should be noted that the user information (including but not limited to user device information, user personal information, etc.) and data (including but not limited to data used for display, data for analysis, etc.) involved in this disclosure are all information and data authorized by the user or fully authorized by all parties.

[0033] The following embodiments of the present invention can be applied to various scenarios that require the development of front-end pages. The present invention changes the idea of ​​directly using the traditional front-end component library to write pages on each page, encapsulates the business functions involved in the page into independent business components, and forms a reusable business component library. The business components are then flexibly combined to quickly develop Web front-end pages with complete business functions. At the same time, the constructed program code has a good structure and reusability, which can reduce development costs and improve development efficiency.

[0034] In the present invention, the devices used in the page generation method include: a component storage device, a page generation device, and a statistical analysis device, wherein the component storage device includes an attribute storage unit, a verification rule storage unit, an association relationship storage unit, and a usage count storage unit; the page generation device includes a business component reading unit, a business component assembly unit, and a page rendering unit; and the statistical analysis device includes a usage count statistics unit, a reuse statistics unit, and an operation log analysis unit.

[0035] Example 1

[0036] According to an embodiment of the present invention, an embodiment of a page generation method is provided. It should be noted that the steps shown in the flowchart of the accompanying drawings can be executed in a computer system such as a set of computer-executable instructions, and although a logical order is shown in the flowchart, in some cases, the steps shown or described can be executed in an order different from that shown here.

[0037] Figure 1 is a flow chart of an optional page generation method according to an embodiment of the present invention, such as Figure 1 As shown, the method includes the following steps:

[0038] Step S101: obtaining at least one business component stored in a data storage area and the association relationship between the business components, wherein the business component is obtained by analyzing the business factors of each business field in advance.

[0039] Step S102: displaying an initial page based on the association relationship between the business components.

[0040] Step S103: Determine page layout information based on business requirement parameters.

[0041] Step S104: Based on the page layout information, adjust the layout of each business component in the initial page to generate a target page.

[0042] Through the above steps, at least one business component stored in the data storage area and the association relationship between each business component can be obtained, wherein the business component is a component obtained after pre-analysis of the business factors of each business field, based on the association relationship between the business components, the initial page is displayed, based on the business requirement parameters, the page layout information is determined, based on the page layout information, the layout of each business component in the initial page is adjusted to generate the target page. In an embodiment of the present invention, by pre-encapsulating business functions into independent business components, when developing a page, the corresponding business components can be selected according to business requirements, and through the flexible combination of business components, a page with complete business functions can be quickly developed, and development efficiency can be improved and development costs can be reduced, thereby solving the technical problem that the related technology cannot provide reusable business components, resulting in the need for repeated development when developing the page, increasing development costs and reducing development efficiency.

[0043] The embodiment of the present invention is described in detail below in conjunction with the above steps.

[0044] In an embodiment of the present invention, before obtaining at least one business component stored in the data storage area and the association relationship between the business components, the page generation method also includes: based on the business needs in the historical process and the historical components generated based on the business needs, analyzing the business factors of each business field, extracting reusable business components and corresponding component information; and sending the reusable business components and corresponding component information to the data storage area.

[0045] In an embodiment of the present invention, during the demand analysis and business modeling stages, the business factors of each business field can be refined and abstracted based on the business needs in the historical process and the historical components generated based on the business needs, and reusable basic business units (i.e., business components) can be obtained to form business component description information (i.e., component information corresponding to the business components), and the reusable business components and the corresponding component information can be registered in the business component storage in the data storage area. For example, a certain business factor is analyzed to extract the "corporate account" business component, and the business component has a certain length and composition rules, then this business component is registered in the business component storage for reference during page development.

[0046] Optionally, the component information includes at least one of the following: attribute information of the business component, validity check logic of the business component, and association control information between business components, wherein the validity check logic is used to generate a page element containing data check logic.

[0047] In an embodiment of the present invention, the attribute information of the business component includes basic component information such as type and length required by the page generation device when generating page elements. The legitimacy check logic of the business component can be used by the page generation device to generate page elements containing data check logic. The association control information between business components can be used by the page generation device to generate a page that can selectively display or hide page element functions according to user operations.

[0048] Step S101: obtaining at least one business component stored in a data storage area and the association relationship between the business components, wherein the business component is obtained by analyzing the business factors of each business field in advance.

[0049] In an embodiment of the present invention, relevant personnel can select appropriate business components from the business component storage (i.e., obtain at least one business component stored in the data storage area) according to the page function to be implemented, and use it to assemble the page, and configure the association relationship between the business components according to the business rules to achieve selective display of business components. For example, to implement an account input page, business components such as "account type", "corporate current account", "currency", and "account name" are selected from the business component storage, and it is configured that when "account type" selects "current account", the "corporate current account" business component is displayed, and when "account type" selects "fixed-term account", the "corporate fixed-term account" business component is displayed.

[0050] Step S102: displaying an initial page based on the association relationship between the business components.

[0051] In an embodiment of the present invention, an initial page can be composed and displayed based on the association relationship between business components. For example, the "corporate fixed-term account" business component and the "corporate current account" business component are in a parallel selection relationship. When the user selects the account type, he can choose a current account or a fixed-term account. According to the relationship between the business components, an initial page can be composed.

[0052] Step S103: Determine page layout information based on business requirement parameters.

[0053] In an embodiment of the present invention, relevant personnel can complete the layout configuration of business components according to business needs and determine the layout information of the page. For example, the layout information includes: the page adopts a top-bottom structure, the upper part is the query condition form, and the lower part is the query result list.

[0054] Step S104: Based on the page layout information, adjust the layout of each business component in the initial page to generate a target page.

[0055] Optionally, based on the page layout information, the layout of each business component in the initial page is adjusted to generate the target page, including: determining the attribute information of each business component in the initial page and the association control information between the business components; based on the page layout information, attribute information and the association control information between the business components, the layout of each business component in the initial page is adjusted to generate the target page.

[0056] In an embodiment of the present invention, a business component reading unit reads attribute information (length and type of business components) of business components from a business component storage (referring to a storage space, storage medium, or storage area) and association control information between business components for page display. For example, the length of the "corporate account" business component read from the data storage area is 19 digits and the type is digital. It is displayed when the "account type" is "corporate account" and is hidden when the "account type" is not "corporate account". Afterwards, the business component assembling unit reads page layout information of business components from the business component storage for page assembly. For example, the "corporate account" is read from the data storage area and displayed in the upper half of the page. Then, the page rendering unit integrates the attribute information, association control information, and page layout information of the business components to generate a Web page (i.e., based on the page layout information, attribute information, and association control information between the business components, the layout of the business components in the initial page is adjusted to generate a target page) for display by the browser.

[0057] Optionally, the page generation method further includes: setting a tracking component at a preset page position of each generated page; using the tracking component to record the operation behavior of the external terminal on each page to generate tracking data.

[0058] In an embodiment of the present invention, the page generation device can install a tracking component in the generated Web page (that is, set the tracking component at the preset page position of each generated page, and the tracking component refers to the tracking point of the web page analysis / data collection architecture, which can collect specified information / data) to record user operation behavior (that is, use the tracking component to record the operation behavior of the external terminal on each page) and generate tracking data.

[0059] Optionally, after using the tracking component to record the operation behavior of the external terminal on each page and generate tracking data, the page generation method also includes: based on the tracking data, counting the number of times each business component is used on each page to obtain the number of times the business component is used; obtaining the page reference parameters of each business component to calculate the reuse of the business component, wherein the reuse is used to evaluate the usage satisfaction of the business component.

[0060] In an embodiment of the present invention, in order to understand the usage of business components, relevant personnel can obtain the number of times each business component is used on each page based on the embedded data, summarize the number of times each page is used to form the usage information of the business component, and obtain the situation where the same business component is referenced by different pages (that is, obtain the page reference parameters of each business component), and calculate the reuse of the business component to evaluate whether the extraction of the business component is reasonable and whether the reuse can be improved to reduce duplicate development (that is, use the reuse to evaluate the usage satisfaction of the business component).

[0061] Optionally, after using the tracking component to record the operation behavior of the external terminal on each page and generate tracking data, the page generation method also includes: determining the operation sequence and page stay time of each operation behavior based on the tracking data; counting the operation sequence and page stay time of all operation behaviors to obtain page operation information.

[0062] In an embodiment of the present invention, relevant personnel obtain the record of the user's operation behavior on the business component on the page from the business component operation log (the business component operation log is generated based on the embedded data), and obtain page operation information by analyzing the user's click sequence, the time spent on the business component and other data to guide the optimization and improvement of the business component.

[0063] Optionally, after counting the operation sequence of all operation behaviors and the page dwell time to obtain page operation information, the page generation method also includes: analyzing the layout satisfaction of the page layout of the target page based on the page operation information; analyzing the usage satisfaction of each business component in the target page based on the page operation information; adjusting the component information of the business component based on the layout satisfaction of the page layout and the usage satisfaction of each business component in the target page.

[0064] In an embodiment of the present invention, the component information of the business component is adjusted by analyzing data such as the user's click order, the time spent on the business component (i.e., analyzing the page operation information), analyzing whether the page layout is reasonable (i.e., analyzing the layout satisfaction of the target page layout), and whether the business component is easy to use (i.e., analyzing the usage satisfaction of each business component in the target page).

[0065] The embodiments of the present invention pre-encapsulate business functions into independent business components. When developing a page, the corresponding business components are selected according to business needs. Through the flexible combination of business components, pages with complete business functions can be quickly developed. In addition, the reuse rate of business assets is effectively improved, the development efficiency of Web front-end pages is improved, and the implementation of business field data standards is promoted.

[0066] Example 2

[0067] Figure 2 Schematic diagram of an optional method for developing a Web front-end page based on business components according to an embodiment of the present invention. Figure 2 As shown, it includes a business component registration workflow S0, a Web page development workflow S1, a Web page operation workflow S2, a business component statistics workflow S3, and a business component operation log analysis workflow S4. These five workflows share the same data storage area, which includes: business component storage, business component usage count storage, and business component operation log storage. Business component registration workflow S0 is the working basis of other workflows. By identifying business objects and business elements, this workflow extracts reusable business components with business significance from business requirements and registers them in the business component storage area. Web page development workflow S1 is based on the business component information registered by business component registration workflow S0. This workflow is initiated by the web page developer. Web page operation workflow S2 is based on the page description information completed with the business component configuration developed by web page development workflow S1. This workflow is initiated when the user accesses the web page. Business component statistics workflow S3 can count and calculate the usage count and reuse of business components. This workflow can be manually initiated by operation and maintenance personnel. Business component operation log analysis workflow S4 can obtain the user's operation behavior log on the business component on the page. This workflow can be manually initiated by operation and maintenance personnel.

[0068] The specific steps are as follows:

[0069] The processing steps of business component registration workflow S0 are as follows:

[0070] Step S00: Register the service component.

[0071] The steps of the web page development workflow S1 are as follows:

[0072] Step S10: Select business components. Based on the page functionality to be implemented, the developer selects appropriate business components from the business component store to assemble the page. For example, to implement an account input page, business components such as "Account Type," "Corporate Account," "Currency," and "Account Name" are selected from the business component store.

[0073] Step S11: Configure business component associations. Developers configure the associations between business components based on business rules to enable selective display of business components. For example, when "Current Account" is selected as the "Account Type," the "Corporate Current Account" business component is displayed; when "Fixed-Term Account" is selected as the "Account Type," the "Corporate Fixed-Term Account" business component is displayed.

[0074] Step S12: Configure the business component layout. Developers complete the layout configuration of the business component according to business requirements. For example, the page adopts a top-bottom structure, with the top part being the query condition form and the bottom part being the query result list.

[0075] The processing steps of the web page running workflow S2 are as follows:

[0076] Step S20: Reading business component information. The business component reading unit reads basic business component information and associated control information from the business component storage for page display. For example, the "Corporate Account" business component read from the data storage area is 19 digits long and numeric. It is displayed if the "Account Type" is "Corporate Account" and hidden if the "Account Type" is not "Corporate Account."

[0077] Step S21: Read the business component layout. The business component assembly unit reads the business component layout information from the business component storage and uses it to assemble the page. For example, "Corporate Accounts" is read from the data storage area and displayed in the upper half of the page.

[0078] Step S22: Displaying a Web page. The page rendering unit integrates the basic information, associated control information, and layout information of the component to generate a Web page for display in the browser.

[0079] Step S23: respond to user operations and record operation logs. When a user clicks a page element on a page, the corresponding business component is responsible for recording the click event and saving it in the business component operation log storage.

[0080] The processing steps of the business component statistics workflow S3 are as follows:

[0081] Step S30: Read and count the number of uses and reuse. In order to understand the usage of business components, operation and maintenance personnel can read the usage information from the business component usage storage, summarize the usage of each page to form the reuse information of the business component, and use it to evaluate whether the extraction of business components is reasonable and whether the reuse can be improved to reduce repeated development.

[0082] The processing steps of the business component operation log analysis workflow S4 are as follows:

[0083] Step S40: Read the business component operation log for analysis. The operation and maintenance personnel obtain the record of the user's operation behavior on the business component on the page from the business component operation log storage. By analyzing the user's click sequence, the time spent on the business component and other data, the operation and maintenance personnel analyze whether the page layout is reasonable, whether the business component is easy to use and other information, and guide the optimization and improvement of the business component.

[0084] In the embodiments of the present invention, the business component-based Web front-end page development method can effectively improve the reuse rate of business assets, improve the development efficiency of Web front-end pages, and promote the implementation of business field data standards. The specific beneficial effects are as follows:

[0085] (1) By encapsulating common business logic, the repeated implementation of the same business logic between different pages is reduced, thereby improving the reusability of business logic.

[0086] (2) By flexibly combining business components, the Web front-end page can be quickly configured to achieve a front-end page with complete business functions.

[0087] (3) Business components encapsulate data standards and legality checking logic. Web front-end page development is based on business components, ensuring that the business fields in the page follow unified data standards.

[0088] Example 3

[0089] Figure 3 Schematic diagram of an optional business component-based Web front-end page development device according to an embodiment of the present invention, such as Figure 3 As shown, the device may include: a component storage device 1, a page generating device 2, and a statistical analyzing device 3, wherein the component storage device 1 is connected to the page generating device 2 and the statistical analyzing device 3, the page generating device 2 is connected to the component storage device 1 and the statistical analyzing device 3, and the statistical analyzing device 3 is connected to the component storage device 1 and the page generating device 2.

[0090] The component storage device 1 is responsible for storing business component information and providing a business component reading function for the page generation device 2 to load. At the same time, the component storage device 1 is responsible for storing the number of times the business component is used, which is read and updated by the statistical analysis device 3.

[0091] The page generation device 2 is responsible for reading the business component list from the component storage device 1 and initializing it. At the same time, the page generation device 2 is responsible for receiving information such as business component attributes, verification rules, association relationships, etc. from the component storage device 1, and using this information to generate a Web page. At the same time, the page generation device 2 installs embedded points in the generated Web page to record user operation behavior for reading and analysis by the statistical analysis device 3.

[0092] The statistical analysis device 3 is responsible for reading and updating the usage count of each business component from the component storage device 1 , and performing statistical analysis on the embedded data in the Web page generated by the page generation device 2 .

[0093] Figure 4 is a schematic diagram of a specific unit in an optional component storage device 1 according to an embodiment of the present invention, such as Figure 4 As shown, the component storage device 1 includes an attribute storage unit 11, a verification rule storage unit 12, an association relationship storage unit 13, and a usage count storage unit 14, wherein:

[0094] The attribute storage unit 11 is responsible for storing basic attributes of the business components, including basic component information such as type and length required by the page generating device 2 when generating page elements.

[0095] The verification rule storage unit 12 is responsible for storing the validity check logic of the business component, which is used by the page generation device 2 to generate page elements containing the data check logic.

[0096] The association relationship storage unit 13 is responsible for storing the association control logic between the business components, which is used by the page generation device 2 to generate a page that can selectively display or hide page element functions according to user operations.

[0097] The usage count storage unit 14 is responsible for storing the number of times each business component appears in the page generated by the page generating device 2 .

[0098] Figure 5 is a schematic diagram of specific units in an optional page generating device 2 according to an embodiment of the present invention, such as Figure 5 As shown, the page generation device 2 includes a business component reading unit 21, a business component assembling unit 22, and a page rendering unit 23, wherein:

[0099] The business component reading unit 21 is responsible for reading the business component list from the component storage device 1, including reading the basic attributes of the business component from the attribute storage unit 11, reading the legitimacy check logic of the business component from the verification rule storage unit 12, reading the association control logic between business components from the association relationship storage unit 13, and notifying the statistical analysis device 3 to update the business component usage count in the usage count storage unit 14 according to the usage of the business component.

[0100] The business component assembly unit 22 is responsible for assembling the basic attributes, legality check logic, and associated control logic of the business components from the component storage device 1 to form a business component combination with a complete structure.

[0101] The page rendering unit 23 renders the business components from the business component assembling unit 22 into a user-visible Web page containing various corresponding page elements.

[0102] Figure 6 is a schematic diagram of specific units in an optional statistical analysis device 3 according to an embodiment of the present invention, such as Figure 6 As shown, the statistical analysis device 3 includes a usage count statistics unit 31, a multiplexing statistics unit 32, and an operation log analysis unit 33, wherein:

[0103] The usage count statistics unit 31 is responsible for updating the usage count data in the usage count storage unit 14 according to the usage of the business components read by the page generating device 2 in the generated page.

[0104] The multiplexing counting unit 32 is responsible for reading the usage count of the service component on each page from the usage count storage unit 14 , calculating the number of times the same service component is referenced by different pages, and calculating the multiplexing count.

[0105] The operation log analysis unit 33 is responsible for receiving the user's operation information in the page generated by the page generation device 2 and performing statistical analysis on the sequence of user operations, the duration of stay, etc.

[0106] The above-mentioned development device may also include a processor and a memory. The above-mentioned component storage device 1, page generation device 2, statistical analysis device 3, etc. are all stored in the memory as program units, and the processor executes the above-mentioned program units stored in the memory to realize corresponding functions.

[0107] The processor includes a kernel that retrieves the corresponding program unit from memory. One or more kernels can be configured, and kernel parameters are adjusted to generate a target page based on the attribute information of the business components, the validity check logic of the business components, and the associated control information between the business components.

[0108] The above-mentioned memory may include non-permanent memory in a computer-readable medium, random access memory (RAM) and / or non-volatile memory, such as read-only memory (ROM) or flash RAM, and the memory includes at least one memory chip.

[0109] The present application also provides a computer program product, which, when executed on a data processing device, is suitable for executing an initialization program having the following method steps: obtaining at least one business component stored in a data storage area and the association relationship between the business components, wherein the business component is a component obtained after pre-analysis of business factors of each business field; based on the association relationship between the business components, an initial page is displayed; based on business demand parameters, page layout information is determined; based on the page layout information, the layout of the business components in the initial page is adjusted to generate a target page.

[0110] According to another aspect of an embodiment of the present invention, a page generation system is also provided, including: a component storage device for storing component information of business components, wherein the component information includes: attribute information of the business components, the legitimacy check logic of the business components, and association control information between business components, and the business components are components obtained after pre-analysis of business factors of each business field; a page generation device, connected to the component storage device, for reading the component information in the component storage device, and generating a target page based on the attribute information of the business components, the legitimacy check logic of the business components, and the association control information between the business components.

[0111] Optionally, the component storage device includes: an attribute storage unit for storing attribute information of the business component, wherein the attribute information includes element information required by the page generation device for each page element when generating the target page; a verification rule storage unit for storing the legitimacy check logic of the business component, wherein the legitimacy check logic of the business component is used by the page generation device to generate page elements containing data check logic information; an association relationship storage unit for storing association control information between business components, wherein the association control information of the business components is used by the page generation device to generate a page that selectively displays or hides page element functions based on the operation behavior input by the external terminal.

[0112] Optionally, the component storage device further includes: a usage count storage unit, configured to store the number of times the business component appears in each page generated by the page generation device, to obtain the usage count of the business component.

[0113] Optionally, the page generation device includes: a business component reading unit, used to read component information in the component storage device, and update the business component usage count in the usage count storage unit of the component storage device based on the usage status of each business component; a business component assembly unit, used to assemble the attribute information of the business components in the component storage device, the legitimacy check logic of the business components, and the association control information between the business components to obtain a business component combination; a page rendering unit, used to render the business component combination in the business component assembly unit into a target page carrying page elements.

[0114] Optionally, the page generation system also includes a statistical analysis device, which includes: a usage count statistics unit, which is used to count the usage data of business components in each page to obtain the number of times the business components are used; a reuse statistics unit, which is used to obtain the page reference parameters of each business component to calculate the reuse of the business component; and an operation log analysis unit, which is used to use a embedding component to record the operation behavior of the external terminal on each page to obtain operation information.

[0115] According to another aspect of an embodiment of the present invention, a computer-readable storage medium is provided. The computer-readable storage medium includes a stored computer program, wherein when the computer program is executed, the device where the computer-readable storage medium is located is controlled to execute any one of the above-mentioned page generation methods.

[0116] According to another aspect of an embodiment of the present invention, an electronic device is further provided, characterized in that it includes one or more processors and a memory, the memory being used to store one or more programs, wherein when the one or more programs are executed by one or more processors, the one or more processors implement any of the above-mentioned page generation methods.

[0117] The serial numbers of the above embodiments of the present invention are for description only and do not represent the advantages or disadvantages of the embodiments.

[0118] In the above embodiments of the present invention, the description of each embodiment has its own focus. For parts that are not described in detail in a certain embodiment, reference can be made to the relevant descriptions of other embodiments.

[0119] In the several embodiments provided in this application, it should be understood that the disclosed technical content can be implemented in other ways. Among them, the device embodiments described above are only exemplary. For example, the division of the units can be a logical function division. In actual implementation, there may be other division methods, such as multiple units or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be through some interfaces, indirect coupling or communication connection of units or modules, which can be electrical or other forms.

[0120] The units described as separate components may or may not be physically separate, and the components shown as units may or may not be physical units, that is, they may be located in one place or distributed across multiple units. Some or all of the units may be selected according to actual needs to achieve the purpose of the present embodiment.

[0121] In addition, the functional units in the various embodiments of the present invention may be integrated into a single processing unit, each unit may exist physically separately, or two or more units may be integrated into a single unit. The aforementioned integrated units may be implemented in the form of hardware or software functional units.

[0122] If the integrated unit is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the present invention, or the part that contributes to the prior art, or all or part of the technical solution can be embodied in the form of a software product. The computer software product is stored in a storage medium and includes several instructions for enabling a computer device (which can be a personal computer, server or network device, etc.) to perform all or part of the steps of the method described in each embodiment of the present invention. The aforementioned storage medium includes: U disk, read-only memory (ROM, Read-Only Memory), random access memory (RAM, Random Access Memory), mobile hard disk, magnetic disk or optical disk, etc. Various media that can store program codes.

[0123] The above is only a preferred embodiment of the present invention. It should be pointed out that for ordinary technicians in this technical field, several improvements and modifications can be made without departing from the principles of the present invention. These improvements and modifications should also be regarded as within the scope of protection of the present invention.

Claims

1. A page generation method, characterized in that: The data storage area stores reusable business components and corresponding component information, wherein the component information includes: attribute information of the business component, the validity check logic of the business component, and the association control information between the business components. The validity check logic is used to generate page elements containing data check logic, including: Acquire at least one business component and the association relationship between the business components stored in the data storage area, wherein the business component is obtained by analyzing the business factors of each business field in advance; Based on the association relationship between the business components, display the initial page; Determine page layout information based on business requirement parameters; Based on the page layout information, adjusting the layout of each business component in the initial page to generate a target page; A tracking component is set in the target page to record the operation behavior of the external terminal on the target page and generate target tracking data; based on the target tracking data, the operation sequence and page residence time of each operation behavior are determined; the operation sequence and page residence time of all operation behaviors are counted to obtain page operation information; based on the page operation information, the layout satisfaction of the page layout of the target page is analyzed; based on the page operation information, the usage satisfaction of each business component in the target page is analyzed; based on the layout satisfaction of the page layout and the usage satisfaction of each business component in the target page, the component information of the business component is adjusted.

2. The method according to claim 1, characterized in that Before obtaining at least one business component and the association relationship between the business components stored in the data storage area, the page generation method further includes: Based on the business needs in the historical process and the historical components generated based on the business needs, the business factors of each business field are analyzed to extract reusable business components and corresponding component information; The reusable business components and corresponding component information are sent to a data storage area.

3. The method according to claim 1, characterized in that The step of adjusting the layout of each business component in the initial page based on the page layout information to generate a target page includes: Determining attribute information of each of the business components in the initial page and association control information between the business components; Based on the page layout information, attribute information, and association control information between the business components, the layout of the business components in the initial page is adjusted to generate a target page.

4. The method according to claim 1, wherein The page generation method further includes: Set the embedding component at the preset page location of each generated page; The embedding component is used to record the operation behavior of the external terminal on each page and generate embedding data.

5. The method according to claim 4, characterized in that After using the tracking component to record the operation behavior of the external terminal on each page and generate tracking data, the page generation method further includes: Based on the embedded data, count the number of times each business component is used on each page to obtain the number of times the business component is used; A page reference parameter of each of the business components is obtained to calculate the reuse degree of the business component, wherein the reuse degree is used to evaluate the use satisfaction of the business component.

6. A page generation system, characterized in that: The data storage area stores reusable business components and corresponding component information, wherein the component information includes: attribute information of the business component, the validity check logic of the business component, and the association control information between the business components. The validity check logic is used to generate page elements containing data check logic, including: A component storage device for storing component information of business components, wherein the component information includes: attribute information of the business components, validity check logic of the business components, and association control information between business components. The business components are components obtained by pre-analyzing business factors of various business fields; A page generating device connected to the component storage device, configured to read component information from the component storage device and generate a target page based on attribute information of the business components, validity check logic of the business components, and association control information between the business components; The page generation system is also used to set a tracking component in the target page, record the operation behavior of the external terminal on the target page, and generate target tracking data; based on the target tracking data, determine the operation sequence and page residence time of each operation behavior; count the operation sequence and page residence time of all operation behaviors to obtain page operation information; based on the page operation information, analyze the layout satisfaction of the page layout of the target page; based on the page operation information, analyze the usage satisfaction of each business component in the target page; based on the layout satisfaction of the page layout and the usage satisfaction of each business component in the target page, adjust the component information of the business component.

7. The system according to claim 6, characterized in that The component storage device comprises: An attribute storage unit, configured to store attribute information of a business component, wherein the attribute information includes element information required by the page generating device for each page element when generating a target page; A verification rule storage unit, configured to store the validity check logic of the business component, wherein the validity check logic of the business component is used by the page generating device to generate a page element containing data check logic information; The association relationship storage unit is used to store association control information between business components, wherein the association control information of the business components is used by the page generation device to generate a page that selectively displays or hides page element functions based on the operation behavior input by the external terminal.

8. The system according to claim 7, characterized in that The component storage device further includes: The usage count storage unit is used to store the occurrence count of the business component in each page generated by the page generation device to obtain the usage count of the business component.

9. The system according to claim 6, wherein: The page generating device includes: a service component reading unit, configured to read component information from the component storage device and update the service component usage count in the usage count storage unit of the component storage device based on the usage status of each service component; A service component assembly unit, configured to assemble the attribute information of the service components, the validity check logic of the service components, and the association control information between the service components in the component storage device to obtain a service component combination; The page rendering unit is used to render the business component combination in the business component assembly unit into a target page carrying page elements.

10. The system according to claim 6, wherein: The page generation system further includes a statistical analysis device, which includes: A usage count statistics unit, configured to count usage data of the business component on each page to obtain the usage count of the business component; a multiplexing statistics unit, configured to obtain a page reference parameter of each of the service components to calculate the multiplexing of the service components; The operation log analysis unit is used to use the embedding component to record the operation behavior of the external terminal on each page and obtain operation information.

11. A computer-readable storage medium, characterized in that The computer-readable storage medium includes a stored computer program, wherein when the computer program is executed, the device where the computer-readable storage medium is located is controlled to execute the page generation method according to any one of claims 1 to 5.

12. An electronic device, characterized in that: The method comprises one or more processors and a memory, wherein the memory is used to store one or more programs, wherein when the one or more programs are executed by the one or more processors, the one or more processors implement the page generation method according to any one of claims 1 to 5.

Citation Information

Patent Citations

  • Page display method and device, server, front end and storage medium

    CN109614100A

  • Page development method and device, electronic equipment and computer storage medium

    CN111443911A

  • Page adjusting method and device

    CN111488539A

  • Buried point data reporting method and device, equipment and storage medium

    CN112306487A