Page generation methods, devices, electronic devices and storage media

By receiving page configuration requests, determining user permissions, and retrieving the corresponding functional components, the problem of low efficiency in mobile front-end development in existing technologies is solved, enabling efficient configuration of mobile front-end pages and reducing costs.

CN113204345BActive Publication Date: 2026-03-13CHINA CONSTRUCTION BANK
View PDF 1 Cites 0 Cited by

Patent Information

Authority / Receiving Office
CN · China
Patent Type
Patents(China)
Current Assignee / Owner
Filing Date
2021-05-28
Publication Date
2026-03-13

AI Technical Summary

Technical Problem

In current front-end development processes, especially mobile front-end development, developers need to manually write the source code of each page element, resulting in low efficiency and high costs.

Method used

By receiving page configuration requests, determining user permissions, retrieving functional components corresponding to the page type, configuring the page to be configured based on these components, and generating the target page.

Benefits of technology

It improves page generation efficiency, reduces personnel costs, and enables efficient configuration of mobile front-end pages through functional components.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN113204345B_ABST
    Figure CN113204345B_ABST
Patent Text Reader

Abstract

This invention relates to the field of front-end development and discloses a page generation method, apparatus, electronic device, and storage medium. The method includes: receiving a page configuration request and determining user permissions corresponding to the page configuration request; determining at least one page to be configured corresponding to the page configuration request and the page type of the at least one page to be configured based on the user permissions; determining the current page type of the current page to be configured for each page type and retrieving a functional component corresponding to the current page type; configuring the corresponding page to be configured based on each functional component to obtain a target page corresponding to the at least one page to be configured; wherein, the functional component is a component in the target page that performs a corresponding function. The technical solution of this invention enables the configuration of the page to be configured through functional components, improving the efficiency of page configuration and reducing personnel costs.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] The embodiments of the present invention relate to the field of front-end development technology, and in particular to a page generation method, apparatus, electronic device and storage medium. Background Technology

[0002] For today's internet industry, front-end development has become an indispensable part. Front-end development includes mobile front-end development and web front-end development. With the development of mobile terminal devices, the demand for mobile front-end development is increasing. Currently, most front-end development is done independently by developers, requiring them to write source code for every element in the front-end page, which is time-consuming and inefficient. Therefore, there is an urgent need for a solution that can improve the efficiency of front-end development. Summary of the Invention

[0003] This invention provides a page generation method, apparatus, electronic device, and storage medium to generate mobile front-end pages through functional components, thereby improving page generation efficiency.

[0004] In a first aspect, embodiments of the present invention provide a page generation method, the method comprising:

[0005] Receive a page configuration request and determine the user permissions corresponding to the page configuration request;

[0006] Based on the user permissions, determine at least one page to be configured corresponding to the page configuration request and the page type of the at least one page to be configured;

[0007] For each page type, determine the current page type of the page to be configured, and call the functional component corresponding to the current page type;

[0008] Based on the configuration of each functional component, a target page corresponding to the at least one page to be configured is obtained.

[0009] The functional components are the components that perform corresponding functions on each target page within the target page.

[0010] Secondly, embodiments of the present invention also provide a page generation apparatus, the apparatus comprising:

[0011] The request receiving module is used to receive page configuration requests and determine the user permissions corresponding to the page configuration requests.

[0012] The page determination module is used to determine, based on the user permissions, at least one page to be configured corresponding to the page configuration request and the page type of the at least one page to be configured;

[0013] The page type determination module is used to determine the current page type of the page to be configured for each page type, and to call the functional component corresponding to the current page type.

[0014] The target page determination module is used to configure the corresponding pages to be configured based on each functional component, and obtain the target page corresponding to the at least one page to be configured.

[0015] The functional components are components that perform corresponding functions on each target subpage of the target page.

[0016] Thirdly, embodiments of the present invention also provide an electronic device, the electronic device comprising:

[0017] One or more processors;

[0018] Storage device for storing one or more programs.

[0019] When the one or more programs are executed by the one or more processors, the one or more processors implement the page generation method as described in any embodiment of the present invention.

[0020] Fourthly, embodiments of the present invention also provide a storage medium containing computer-executable instructions, which, when executed by a computer processor, are used to perform a page generation method as described in any of the embodiments of the present invention.

[0021] The technical solution of this invention receives a page configuration request and determines the user permissions corresponding to the request. Based on the user permissions, it determines at least one page to be configured corresponding to the request, and the page type of each page. For each page type, it determines the current page type of the page to be configured and retrieves the corresponding functional component, preparing for subsequent configuration of the page based on the functional component. Based on the configuration of the corresponding pages for each functional component, it obtains the target page corresponding to at least one page to be configured. This technical solution improves the efficiency of page configuration and reduces personnel costs by enabling configuration of pages through functional components. Attached Figure Description

[0022] To more clearly illustrate the technical solutions of exemplary embodiments of the present invention, the accompanying drawings used in describing the embodiments are briefly introduced below. Obviously, the accompanying drawings described are only a portion of the drawings of the embodiments to be described in this invention, and not all of the drawings. For those skilled in the art, other drawings can be obtained from these drawings without any creative effort.

[0023] Figure 1This is a flowchart illustrating a page generation method according to Embodiment 1 of the present invention;

[0024] Figure 2 This is a flowchart illustrating a page generation method according to Embodiment 2 of the present invention;

[0025] Figure 3 This is a flowchart illustrating a page generation method according to Embodiment 3 of the present invention;

[0026] Figure 4 This is a schematic diagram of a page generation method according to Embodiment 4 of the present invention;

[0027] Figure 5 This is a schematic diagram of the structure of a page generation device according to Embodiment 5 of the present invention;

[0028] Figure 6 This is a schematic diagram of the structure of an electronic device according to Embodiment Six of the present invention. Detailed Implementation

[0029] The present invention will now be described in further detail with reference to the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are merely illustrative of the invention and not intended to limit it. Furthermore, it should be noted that, for ease of description, the accompanying drawings show only the parts relevant to the present invention, and not all of the structures.

[0030] Example 1

[0031] Figure 1 This is a flowchart illustrating a page generation method provided in an embodiment of the present invention. This embodiment is applicable to the situation where multiple system visualization interfaces are established and pages are constructed in the form of components. This method can be executed by a page generation device, which can be implemented in software and / or hardware.

[0032] like Figure 1 The page generation method of this invention specifically includes the following steps:

[0033] S110. Receive a page configuration request and determine the user permissions corresponding to the page configuration request.

[0034] In this context, a page configuration request refers to a request to configure a page. This request can be obtained by detecting a triggering operation on the page. The page triggering request includes the user permissions for the current page. A page can be a webpage or a page within an app system on a mobile terminal. In this embodiment of the invention, the page refers to a page within an app system on a mobile terminal. Modern app systems have many visual pages (hereinafter referred to as system page groups), and these pages have parallel or hierarchical relationships. These relationships allow multiple pages to be linked together to form a visual system. User permissions refer to the permissions of the user corresponding to the current page; different user permissions correspond to different pages. Based on user permissions, the specific content of the page and the number of pages can be determined.

[0035] Specifically, the system receives page configuration requests and then determines the corresponding user permissions based on these requests. This prepares the system for determining the page to be configured and its corresponding page type based on the user permissions.

[0036] S120. Based on the user permissions, determine at least one page to be configured corresponding to the page configuration request and the page type of the at least one page to be configured.

[0037] Here, "page to be configured" refers to the page that needs to be configured. "Page type" refers to the type of page to be configured, such as a hyperlink page or a cascading page.

[0038] Specifically, based on user permissions, at least one page to be configured and the corresponding page type for each page configuration request are determined. A system page group corresponding to the page configuration request can be formed based on at least one page to be configured. It should be noted that the relationship between these at least one page to be configured can be a cascading relationship, a parallel relationship, etc.

[0039] In this embodiment of the invention, a user may have multiple permissions; therefore, different user permissions may correspond to different pages to be configured. Specifically, determining at least one page to be configured corresponding to the page configuration request and the page type of the at least one page to be configured based on the user permissions includes: determining at least one page to be configured corresponding to the permission level of the user permissions; and determining the page type of the at least one page to be configured; wherein the page type corresponds to the association relationship between each page to be configured.

[0040] The user permission levels can be set according to different system page settings. For example, in system XX, there might be administrator permissions, auditor permissions, and ordinary user permissions. It should be understood that the way user permission levels are divided varies depending on the system. Correspondingly, the pages and page types corresponding to each user permission level also differ. For example, in a bank branch system, the system page group for administrator permissions includes the homepage, the list pages for each ordinary user, and the detail pages for each ordinary user, with each page having modification and addition functions. The system page group for ordinary user permissions includes the homepage and the user's detail page, where operations such as transfers and remittances can be performed. Thus, the number of pages to be configured for each user permission level may differ, and the page types of these pages may also differ. Optionally, different user permission levels and different system page groups (pages to be configured and their corresponding page types) can be pre-set for each permission level. The relationship settings define the interrelationships between page types and pages to be configured. Based on the page to be configured and the relationship, a page type can be uniquely determined.

[0041] This process involves identifying at least one page to be configured based on the user's permission level, and then determining the page type of that page. This prepares the user for determining the functional components.

[0042] S130. For each page type, determine the current page type of the page to be configured, and call the functional component corresponding to the current page type.

[0043] Functional components refer to components with navigation or display capabilities, such as button components and image carousel components. These functional components can be pre-stored in a component repository so that they can be retrieved during page configuration. Optionally, the component repository can be an NPM component library.

[0044] Specifically, the current page type of the page to be configured is determined, and the corresponding functional component is retrieved. There is a corresponding relationship between the page type and the functional component. For example, the functional component for a cascading page type can be a component with navigation functionality, including page links to allow navigation to the next level page. Based on the current page type, the corresponding functional component is retrieved, preparing for subsequent configuration of the page based on the functional component. Of course, the retrieved functional component has basic component attribute information, such as name and link address. The link address can be a Uniform Resource Locator (URL). Each page to be configured has its own page content, so the component attribute information needs to be modified accordingly based on the page content to configure the page.

[0045] S140. Based on the configuration of each functional component, the corresponding page to be configured is obtained to obtain the target page corresponding to the at least one page to be configured.

[0046] The functional components are those components that perform corresponding functions on each target page within the target page. The target page is the page from which the page to be configured is completed.

[0047] Specifically, the configuration of the corresponding pages to be configured is based on the functional components, including functions such as navigation and display based on the functional components, thus completing the configuration of the current page to be configured. For example, when the functional component is an image carousel component, the images to be displayed are shown in a carousel format based on this functional component to complete the configuration of the page to be configured. In this way, each functional component is configured with a corresponding page to be configured, thus obtaining a target page corresponding to at least one page to be configured, i.e., generating a system page group, and completing the page configuration.

[0048] The technical solution of this invention receives a page configuration request and determines the user permissions corresponding to the request. Based on the user permissions, it determines at least one page to be configured corresponding to the request, and the page type of each page. For each page type, it determines the current page type of the page to be configured and retrieves the corresponding functional component, preparing for subsequent configuration of the page based on the functional component. Based on the configuration of the corresponding pages for each functional component, it obtains the target page corresponding to at least one page to be configured. This technical solution improves the efficiency of page configuration and reduces personnel costs by enabling configuration of pages through functional components.

[0049] Example 2

[0050] Figure 2 This is a flowchart illustrating a page generation method according to an embodiment of the present invention. Based on the optional solutions of the above embodiments, this embodiment refines step 130, and the specific refinement process is described in detail in this embodiment. Technical terms that are the same as or similar to those in the above embodiments will not be repeated.

[0051] like Figure 2 The page generation method provided in this embodiment of the invention specifically includes the following steps:

[0052] S210. Receive a page configuration request and determine the user permissions corresponding to the page configuration request.

[0053] S220. Based on the user permissions, determine at least one page to be configured corresponding to the page configuration request and the page type of the at least one page to be configured.

[0054] S230. Determine the set of functional components corresponding to each page type, and retrieve the functional components corresponding to the page type from the set of functional components.

[0055] The functional component collection includes button components, image carousel components, hyperlink components, etc. Optionally, the functional component collection is stored in a component repository. Each page type has its own corresponding functional components.

[0056] Specifically, based on the page type of the page to be configured, the corresponding functional component is retrieved from the functional component collection. Each page type has a corresponding functional component pre-defined. After determining the page type, the corresponding functional component is retrieved from the functional component collection based on the page type, improving the efficiency of component retrieval. Alternatively, it can be based on a user's command to retrieve a specific functional component, retrieving the corresponding functional component from the functional component collection.

[0057] In this embodiment of the invention, the page type includes at least one of cascading page type, fixed page type, hyperlink page type, and custom page type. Optionally, based on different page types, corresponding methods for retrieving functional components are set, specifically:

[0058] In the first case, when the page type is a cascading page type, determining the current page type of the page to be configured and calling the functional component corresponding to the current page type includes: when the current page type is a cascading page type, calling the cascading functional component corresponding to the cascading page type.

[0059] In this context, "cascading page type" refers to a cascading relationship between the current page to be configured and associated pages. The associated pages can be either parent or child pages. In this embodiment of the invention, setting the cascading page type means that the current page and the next-level page are in a cascading relationship. Therefore, when configuring the current page to be configured, it is necessary to call the cascading function component corresponding to the cascading page type.

[0060] Specifically, by identifying the page type as a cascading page type, the system retrieves the corresponding cascading functional components from each functional component set based on the cascading page type. Different functional component retrieval methods are set for different page types to improve the accuracy and efficiency of retrieval.

[0061] The method for retrieving cascading functional components corresponding to cascading page types can be as follows: configuring the corresponding pages to be configured based on each functional component includes: configuring the pages to be configured based on each level of cascading functional components and page links.

[0062] Here, "page link" refers to the page link to the next-level page associated with the current page to be configured. Optionally, the page link can be a URL address. The cascading function component invoked has component attribute information. When configuring the page to be configured, the component attribute information of the cascading function component needs to be configured to associate the current page to be configured with the next-level page through the cascading function component. The component attribute information includes page link, name, etc.

[0063] Specifically, after retrieving the cascading function component, it needs to be configured to complete the configuration of the current page to be configured. The current page to be configured is associated with the next-level page through the cascading function component and page links. It should be noted that a page link refers to the network address of the next-level page, such as a URL. In this way, the current page to be configured is configured through the cascading function component and page links. Of course, the current page to be configured can have at least one next-level page, and correspondingly, the cascading function component should also include at least one.

[0064] Optionally, configuring the page to be configured based on each cascading functional component and page link includes: adding page links in the cascading functional components to jump to the next level page based on the page links.

[0065] Specifically, adding page links to a cascading component can be done by configuring the initial page link in the component's properties during the component configuration process. This adds the page link to the cascading component. The cascading component and the page link then associate the current page to be configured with the next-level page, allowing users to navigate to the next-level page from the current page using the page link added within the cascading component.

[0066] In the second scenario, when the page type is a fixed page type, determining the current page type of the page to be configured and calling the functional component corresponding to the current page type includes: when the page type is a fixed page type, calling the jump functional component corresponding to the fixed page type to jump to the next level page based on the jump functional component.

[0067] In this context, a fixed page refers to a page that is already configured and serves as the next level down from the page to be configured. For example, the current configuration page might refer to a subsystem under the main system, where the main system has pre-defined shared pages. The next level down from the page to be configured is one of these shared pages. Pre-configured pages can be stored in a database, either by associating page name with page content. A jump function component refers to a component with jump functionality, such as a button component. Jump function components allow you to associate the current page to be configured with the next level down from the current page.

[0068] Specifically, when the current page is determined to be a fixed page, the jump function component associated with the fixed page is invoked. Triggering the jump function component redirects to the next-level page. Optionally, the method of associating the current page to be configured with the next-level page through the jump function component can be by adding a page link or page identifier to the next-level page within the jump function component. This ensures that when the jump function component is triggered on the current page to be configured, a unique page can be identified and the user can jump to that page. For example, the current page to be configured might be a page within a subsystem of a system. The next-level page of the current page to be configured might be a pre-configured page within the system. In this case, the page link of that page can be added to the jump function component to redirect to that page. It should be noted that since the next-level page refers to a pre-configured page within the system, some link content may be the same; only the different parts of the link need to be entered. For example, if the first part of the page link is the system's network address and the second part is the network address of the next-level page, only the network address of the next-level page needs to be entered when adding the page address to the jump function component.

[0069] In the third scenario, when the page type is a hyperlink page type, determining the current page type of the page to be configured and retrieving the functional component corresponding to the current page type includes: when the page type is a hyperlink page type, retrieving the hyperlink functional component corresponding to the hyperlink page type and adding a page hyperlink to the hyperlink functional component to jump to the next level page based on the page hyperlink.

[0070] In this context, "hyperlink page type" refers to a page whose next-level page is an external link, such as a Baidu page or a Google page. "Page hyperlink" refers to a hyperlink to a next-level page; for example, if the next-level page is a Baidu page, the hyperlink would be https: / / www.baidu.com / .

[0071] Specifically, when the page type is determined to be a hyperlink page type, the hyperlink function component corresponding to the hyperlink page type is retrieved, and the page link is added to the hyperlink function component. This allows the page to jump to the next level page based on the hyperlink function component when the hyperlink function component is detected as being configured.

[0072] In the fourth case, when the page type is a custom page type, determining the current page type of the page to be configured and calling the functional component corresponding to the current page type includes: when the page type is a custom page type, calling the custom functional component corresponding to the custom page type, so as to jump to the next level page based on the custom functional component.

[0073] Custom page types refer to pages whose next-level pages are configured based on the needs of the current system. Custom functional components can be buttons, icons, image carousels, video playback components, etc. The functionality of custom functional components includes navigating to the next-level page.

[0074] Specifically, when the page type to be configured is determined to be a custom page type, the custom functional component corresponding to the custom page type is retrieved, and the next-level page is associated with the current page to be configured through the custom functional component. This association can be achieved by modifying the component attribute information of the custom functional component. Pages have page attribute information, including page identifier, page link, page type, etc. By adding the page attribute information of the next-level page to the custom functional component, the custom functional component can uniquely identify and jump to the next-level page. For example, the page link and page identifier of the next-level page can be specified in the component attribute information of the custom functional component.

[0075] S240. Based on the configuration of each functional component, the corresponding page to be configured is obtained to obtain the target page corresponding to the at least one page to be configured.

[0076] Specifically, the system retrieves the corresponding functional components from the set of functional components for each page type, and configures the corresponding pages to be configured based on these components, thus obtaining the target page corresponding to the page to be configured. Functional components are stored in a set, and each functional component has a corresponding page type. Retrieving the functional components corresponding to the page type from the set improves retrieval efficiency, thereby improving the overall efficiency of target page generation.

[0077] The technical solution of this invention involves receiving a page configuration request and determining the user permissions corresponding to the request. Based on the user permissions, at least one page to be configured and its page type are determined. For each page type, a set of functional components corresponding to that page type is determined, and the corresponding functional components are retrieved from this set. The corresponding pages to be configured are then configured based on these functional components, resulting in a target page corresponding to at least one page to be configured, thus generating the final target page. This technical solution allows for targeted retrieval of functional components corresponding to page types, improving the efficiency of component retrieval. This, in turn, improves the overall efficiency of page configuration, thereby increasing page generation efficiency.

[0078] Example 3

[0079] Figure 3 This is a flowchart illustrating a page generation method provided by an embodiment of the present invention. Based on the optional solutions of the above embodiments, this embodiment adds technical features related to page-related data, including steps for storing, retrieving, and modifying data. The specific added steps are described in detail in this embodiment. Technical terms that are the same as or similar to those in the above embodiments will not be repeated.

[0080] like Figure 3 As shown, the page generation method provided in this embodiment of the invention specifically includes the following steps:

[0081] S310. Receive a page configuration request and determine the user permissions corresponding to the page configuration request.

[0082] S320. Based on the user permissions, determine at least one page to be configured corresponding to the page configuration request and the page type of the at least one page to be configured.

[0083] S30. For each page type, determine the current page type of the page to be configured, and call the functional component corresponding to the current page type.

[0084] S340. Based on the configuration of each functional component, the corresponding page to be configured is obtained to obtain the target page corresponding to the at least one page to be configured.

[0085] S350. Generate a target page group based on each target page, and determine the page association data of the target page group.

[0086] In this invention, a target page group refers to a group of target pages. In this embodiment, the target page group comprises all pages that make up a system. The page association data includes the page type of each target page, the page links corresponding to each target page, and the content data consisting of the page content of each target page. Page content refers to the content included in a page, such as icons, images, text, and videos. The page content and page links of each target page are combined to form the content data of a single target page. Target page groups can be generated through the page association data.

[0087] Specifically, target page groups are generated based on each target page, and the page association data in the target page groups is determined to prepare for the subsequent storage of the target page groups.

[0088] S360. Store the page-related data in the target database.

[0089] Specifically, the page-related data is stored in the target database, which facilitates the subsequent retrieval and copying of the target page. Furthermore, when it is necessary to modify the target page, the page-related data of the target page to be modified can be retrieved from the target database and modified accordingly, making the operation convenient.

[0090] S370. When a retrieval instruction for at least one target page in the target page group is detected, the page link of the target page to be retrieved is retrieved from the target database based on the retrieval instruction, so as to retrieve the at least one target page based on the page link.

[0091] The retrieval command refers to the instruction to retrieve the target page. The retrieval command includes the page identifier of the target page to be retrieved. The page identifier uniquely identifies a target page. When configuring a page to be configured in another system, the next-level page of that page may be a target page stored in the target database. Therefore, that page can be retrieved directly.

[0092] Specifically, when a retrieval instruction for at least one target page in the target page group is detected, the page link of the target page to be retrieved is retrieved from the target database based on the retrieval instruction. Optionally, the page link of the corresponding target page is retrieved from the target database based on the page identifier in the retrieval instruction. At least one target page can be retrieved based on the page link.

[0093] In this embodiment of the invention, retrieving the page link of the target page to be retrieved from the target database based on the retrieval instruction includes: determining the target retrieval link based on the retrieval instruction; determining the target page to be retrieved corresponding to the target retrieval link from the target database; and determining each target page after the target page to be retrieved; and using the target page to be retrieved and each target page as the page corresponding to the retrieval instruction.

[0094] The retrieval instruction includes a target retrieval link for the target page to be retrieved. Specifically, the target page corresponding to the target retrieval link is determined from the target database, and all subsequent target pages are also determined. For example, the target page to be retrieved may include at least one next-level page, or at least one N-level page. The target page to be retrieved and all subsequent target pages are then used as the pages corresponding to the retrieval instruction.

[0095] S380. When a modification instruction for the target page is detected, the target page and its associated data are modified based on the modification instruction, and the corresponding associated data in the target database is updated based on the modified associated data.

[0096] The modification command refers to an instruction that modifies a currently configured target page. When modifying a target page, both the target page and its associated data must be modified. After the modification is complete, the corresponding page association data in the target page group of the target database is updated based on the modified page association data.

[0097] In this embodiment of the invention, when a copy instruction for at least one target page in the target database is detected, page association data of at least one target page is copied from the target database based on the copy instruction; and the page association data is stored in a local database.

[0098] The copy instruction refers to the instruction to copy the target page. For example, in a newly created system page, at least one page is identical to a target page in the target page group stored in the target database. In this case, to save time configuring the current system page, the page association data corresponding to the target page in the current system page can be copied from the target database to copy the target page. The local database refers to the area where the page association data generated after the current page configuration is performed is stored.

[0099] Specifically, when a copy instruction is detected, at least one page association data of the target page is copied from the target database based on the copy instruction, and the page association data is stored in the local database to complete the configuration operation of the newly created page.

[0100] In this embodiment of the invention, when the page association data copied from the target database is stored in the local database, when the target page is modified, if a modification instruction for the target page is detected, the target page and the page association data are modified based on the modification instruction, and the page association data of the target page in the local database is updated based on the modified page association data.

[0101] It should be noted that the target page here refers to the page corresponding to the page association data stored in the local database.

[0102] Specifically, when a modification instruction for the target page is detected, the target page's page association data is modified based on the instruction. Then, the modified page association data is used to update the target page's page association data in the local database. Of course, this update to the local database does not affect the page association data for the same target page in the target database; the target database and the local database are independent and do not interfere with each other.

[0103] The technical solution of this invention receives a page configuration request and determines the user permissions corresponding to the request. Based on the user permissions, it determines at least one page to be configured corresponding to the request, and the page type of each page. For each page type, it determines the current page type of the page to be configured and retrieves the corresponding functional component, preparing for subsequent configuration of the page based on the functional component. Based on the configuration of the corresponding pages, at least one target page is obtained. After generating the target page, a target page group is obtained based on the at least one target page, and the page association data of the target page group is stored in a target database. When a retrieval command is detected, the page link of the target page to be retrieved can be retrieved from the target database based on the command, allowing at least one target page to be retrieved based on the page link. Furthermore, when a modification command for the target page is detected, the target page and its associated data are modified based on the modification command, and the corresponding page association data in the target database is updated based on the modified data. This technical solution of this invention enables configuration of pages to be configured through functional components, improving the efficiency of page configuration and reducing personnel costs. Furthermore, when the newly created page includes a target page from the target database, the corresponding target page can be retrieved from the target database based on the retrieval command to complete the configuration of the newly created page, thereby improving the efficiency of the configuration.

[0104] Example 4

[0105] This invention is an optimized embodiment of the above embodiments. Specifically, the component repository in this invention refers to the NPM component library, used to store functional components. On the computer side, page configuration, page template generation, and modification are performed, and interaction with the component repository is established to retrieve functional components, which can be done through drag-and-drop. The page is then displayed on the APP application, which is used to highlight the page template. The backend (target database) is used for the management and storage of configuration data such as components and pages. For a flowchart of page generation based on the component library, computer side, APP application, and backend, please refer to [link to flowchart]. Figure 4 .

[0106] When configuring pages to be configured, first determine the current business scenario, such as which village and user role the system refers to. After determining the business scenario, the configuration entry point for different pages to be configured should start from the homepage. Only the homepage needs to be associated with matching conditions; other second-level or N-level pages can be directly associated with the homepage.

[0107] When configuring a page to be configured, you can retrieve pre-defined functional components from the component library, such as carousels and buttons. For page templates, after selecting a functional component, you can configure its specific attributes, including title, URL address, and the page type of the next level page. Page types include fixed page types, custom page types, and external link page types. For fixed page types, the corresponding page association data needs to be entered into the target database beforehand. When configuring a page to be configured, you can select a functional component based on a fixed page. For external link pages, you can add the hyperlink of the external page to the hyperlink functional component when configuring the page to be configured. For custom pages, you can either set the page content first, or configure a new blank page first, and then configure the page. When all configurations are complete and published, you need to check that all used pages have been defined.

[0108] After the page to be configured is completed, the target page is generated. The page-related data of the target page is stored in the target database. When other system pages are configured, pages can be retrieved according to the application scenario. For example, in system A, there is page 'a', which includes two subpages, page 'b' and page 'c'. The page-related data of pages 'a', 'b', and 'c' is stored in the target database. Later, when configuring system pages in system D, page 'd' includes two subpages, page 'f' and page 'g'. Page 'f' is identical to page 'b', and page 'g' is identical to page 'c'. Therefore, when configuring system pages in system D, the page links for pages 'b' and 'c' are retrieved from the target database. Specifically, when configuring page 'd', its page type is determined to be a fixed page type. Then, a fixed functional component is retrieved, and the page links for pages 'b' and 'c' are added to the corresponding fixed functional component, allowing users to jump to either page 'b' or page 'c' based on the fixed functional component and the page links.

[0109] Of course, the retrieval here can also be a copy. The page association data of pages b and c can be copied from the target database. When configuring page d, pages b and c can be determined based on the page association data. The advantage of this copying is that when the copied pages b and c are modified in system D, the page content of pages b and c in system A will not be changed.

[0110] It should be noted that the above-mentioned retrieval and copying operations are all initiated by sending instructions from the front end (computer side), and the target database in the back end retrieves or copies the data based on the instructions. The front end provides a visual interface for users to view the retrieval or copying process.

[0111] Optionally, to copy page-related data from the target database, a copy command can be sent directly from the backend to the target database to copy the page-related data based on the copy command. Of course, the method of retrieving the page link is the same as the method of copying the page-related data.

[0112] Optionally, when configuring the pages to be configured, you can configure only the URLs of the next-level pages. Each next-level page generates a unique URL upon creation, and the parent page can then directly configure that page's URL when it needs to use it. If you need to retrieve or copy a specific page, you can directly configure that page's URL. This makes the process convenient.

[0113] It should be noted that when configuring each system page, a homepage needs to be set. This homepage can be a general homepage for user convenience. In this embodiment of the invention, the page refers to the bank's system page. Thus, there can be only one general homepage nationwide. Since pages are reused frequently, the system may have many pages. Therefore, each page needs to be assigned an administrative division. When configuring a page for a given administrative village, only pages at the administrative village level or above can be configured. Some general pages can be configured as national versions, which can be fixed pages.

[0114] The technical solution of this invention allows for the configuration of different pages through functional components, and enables the reuse and retrieval of pages between different systems, facilitating the development of system pages by R&D personnel and improving the efficiency of page generation.

[0115] Example 5

[0116] Figure 5 This is a schematic diagram of a page generation device provided in an embodiment of the present invention. The page generation device provided in this embodiment can execute the page generation method provided in any embodiment of the present invention, and has the corresponding functional modules and beneficial effects of executing the method. The device includes: a request receiving module 510, a page determining module 520, a page type determining module 530, and a target page determining module 540, wherein:

[0117] The request receiving module 510 is used to receive a page configuration request and determine the user permissions corresponding to the page configuration request.

[0118] The page determination module 520 is used to determine, based on the user permissions, at least one page to be configured corresponding to the page configuration request and the page type of the at least one page to be configured;

[0119] The page type determination module 530 is used to determine the current page type of the page to be configured for each page type, and to call the functional component corresponding to the current page type.

[0120] The target page determination module 540 is used to configure the corresponding page to be configured based on each functional component to obtain the target page corresponding to the at least one page to be configured.

[0121] The functional components are components that perform corresponding functions on each target subpage of the target page.

[0122] Furthermore, the page determination module 520 includes:

[0123] The page to be configured submodule is used to determine at least one page to be configured corresponding to the permission level of the user's permissions.

[0124] The page type determination submodule is used to determine the page type of the at least one page to be configured; wherein the page type corresponds to the association relationship between each page to be configured.

[0125] Furthermore, the page type determination module 530 includes:

[0126] The Functional Component Retrieval Submodule is used to determine the set of functional components corresponding to each page type, and retrieve the functional components corresponding to the page type from the set of functional components.

[0127] Furthermore, the page type includes at least one of the following: cascading page type, fixed page type, hyperlink page type, and custom page type;

[0128] The page type determination module 530 includes:

[0129] The cascading function component retrieval submodule is used to retrieve the cascading function component corresponding to the cascading page type when the current page type is a cascading page type.

[0130] Furthermore, the target page determination module 540 includes:

[0131] The configuration submodule for pages to be configured is used to configure pages based on the functional components and page links at each level.

[0132] Furthermore, the configuration submodule for the page to be configured includes:

[0133] A page navigation unit is used to add page links to the cascading functional components so as to navigate to the next level page based on the page links.

[0134] Furthermore, the page type determination module 530 includes:

[0135] The jump function component retrieval submodule is used to retrieve the jump function component corresponding to the fixed page type when the page type is a fixed page type, so as to jump to the next level page based on the jump function component.

[0136] Furthermore, the page type determination module 530 includes:

[0137] The hyperlink function component retrieval submodule is used to retrieve the hyperlink function component corresponding to the hyperlink page type when the page type is a hyperlink page type, and add a page hyperlink to the hyperlink function component so as to jump to the next level page based on the page hyperlink.

[0138] Furthermore, the device also includes:

[0139] The target page group generation module is used to generate target page groups based on each target page and determine the page association data of the target page group; wherein, the page association data includes the page type of each target page, the page link corresponding to each target page, and the content data composed of the page content of the target page;

[0140] The page-related data storage module is used to store the page-related data in the target database.

[0141] Furthermore, the device also includes:

[0142] The page link retrieval module is used to retrieve the page link of the target page to be retrieved from the target database based on the retrieval instruction when a retrieval instruction for at least one target page in the target page group is detected, so as to retrieve the at least one target page based on the page link.

[0143] Furthermore, the page link retrieval module includes:

[0144] The target page to be retrieved submodule is used to determine the target retrieval link based on the retrieval instruction, determine the target page to be retrieved corresponding to the target retrieval link from the target database, and determine each target page after the target page to be retrieved; and use the target page to be retrieved and each target page as the page corresponding to the retrieval instruction.

[0145] Furthermore, the device also includes:

[0146] The first page association data modification module is used to modify the target page and page association data based on the modification instruction when a modification instruction for the target page is detected, and to update the corresponding page association data in the target database based on the modified page association data.

[0147] Furthermore, the device also includes:

[0148] The page association data copying module is used to copy the page association data of at least one target page from the target database based on the copying instruction when a copy instruction for at least one target page in the target database is detected; and to store the page association data in the local database.

[0149] Furthermore, the device also includes:

[0150] The second page association data modification module is used to modify the target page and page association data based on the modification instruction when a modification instruction for the target page is detected, and to update the page association data of the target page in the local database based on the modified page association data.

[0151] The technical solution of this invention receives a page configuration request and determines the user permissions corresponding to the request. Based on the user permissions, it determines at least one page to be configured corresponding to the request, and the page type of each page. For each page type, it determines the current page type of the page to be configured and retrieves the corresponding functional component, preparing for subsequent configuration of the page based on the functional component. Based on the configuration of the corresponding pages for each functional component, it obtains the target page corresponding to at least one page to be configured. This technical solution improves the efficiency of page configuration and reduces personnel costs by enabling configuration of pages through functional components.

[0152] It is worth noting that the various modules and sub-modules included in the above-mentioned device are only divided according to functional logic, but are not limited to the above division, as long as the corresponding functions can be realized; in addition, the specific names of each functional unit are only for easy differentiation and are not used to limit the protection scope of the embodiments of the present invention.

[0153] Example 6

[0154] Figure 6 This is a schematic diagram of the structure of an electronic device provided in an embodiment of the present invention. Figure 6 A block diagram is shown of an exemplary electronic device 60 suitable for implementing embodiments of the present invention. Figure 6 The electronic device 60 shown is merely an example and should not impose any limitations on the functionality and scope of use of the embodiments of the present invention.

[0155] like Figure 6 As shown, the electronic device 60 is presented in the form of a general-purpose computing device. The components of the electronic device 60 may include, but are not limited to: one or more processors or processing units 601, system memory 602, and bus 603 connecting different system components (including system memory 602 and processing unit 601).

[0156] Bus 603 represents one or more of several bus architectures, including a memory bus or memory controller, a peripheral bus, a graphics acceleration port, a processor, or a local bus using any of the various bus architectures. For example, these architectures include, but are not limited to, the Industry Standard Architecture (ISA) bus, the Micro Channel Architecture (MAC) bus, the Enhanced ISA bus, the Video Electronics Standards Association (VESA) local bus, and the Peripheral Component Interconnect (PCI) bus.

[0157] Electronic device 60 typically includes a variety of computer system readable media. These media can be any available media that can be accessed by electronic device 60, including volatile and non-volatile media, removable and non-removable media.

[0158] System memory 602 may include computer system readable media in the form of volatile memory, such as random access memory (RAM) 604 and / or cache memory 605. Electronic device 60 may further include other removable / non-removable, volatile / non-volatile computer system storage media. By way of example only, storage system 606 may be used to read and write non-removable, non-volatile magnetic media (…). Figure 6 Not shown; usually referred to as a "hard drive"). Although Figure 6 Not shown, a disk drive for reading and writing to a removable non-volatile disk (e.g., a "floppy disk") and an optical disc drive for reading and writing to a removable non-volatile optical disc (e.g., a CD-ROM, DVD-ROM, or other optical media) may be provided. In these cases, each drive may be connected to bus 603 via one or more data media interfaces. Memory 602 may include at least one program product having a set (e.g., at least one) of program modules configured to perform the functions of the embodiments of the present invention.

[0159] A program / utility 608 having a set (at least one) of program modules 607 may be stored, for example, in memory 602. Such program modules 607 include, but are not limited to, an operating system, one or more application programs, other program modules, and program data. Each or some combination of these examples may include an implementation of a network environment. Program modules 607 typically perform the functions and / or methods described in the embodiments of the present invention.

[0160] Electronic device 60 can also communicate with one or more external devices 609 (e.g., keyboard, pointing device, display 610, etc.), and with one or more devices that enable a user to interact with electronic device 60, and / or with any device that enables electronic device 60 to communicate with one or more other computing devices (e.g., network card, modem, etc.). This communication can be performed via input / output (I / O) interface 611. Furthermore, electronic device 60 can also communicate with one or more networks (e.g., local area network (LAN), wide area network (WAN), and / or public networks, such as the Internet) via network adapter 612. As shown, network adapter 612 communicates with other modules of electronic device 60 via bus 603. It should be understood that, although... Figure 6As not shown, other hardware and / or software modules may be used in conjunction with electronic device 60, including but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, and data backup storage systems.

[0161] The processing unit 601 executes various functional applications and data processing by running programs stored in the system memory 602, such as implementing the page generation method provided in the embodiments of the present invention.

[0162] Example 7

[0163] This invention also provides a storage medium containing computer-executable instructions, which, when executed by a computer processor, are used to perform a page generation method, the method comprising:

[0164] The system receives a page configuration request and determines the user permissions corresponding to the request. Based on the user permissions, it determines at least one page to be configured corresponding to the request and the page type of the page to be configured. For each page type, it determines the current page type of the page to be configured and retrieves the functional components corresponding to the current page type. Based on each functional component, it configures the corresponding page to be configured to obtain a target page corresponding to the at least one page to be configured. The functional components are components in the target page that perform corresponding functions.

[0165] The computer storage medium of this invention can be any combination of one or more computer-readable media. A computer-readable medium can be a computer-readable signal medium or a computer-readable storage medium. A computer-readable storage medium can be, for example,—but not limited to—an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof. More specific examples (a non-exhaustive list) of computer-readable storage media include: an electrical connection having one or more wires, a portable computer disk, a hard disk, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage device, magnetic storage device, or any suitable combination thereof. In this document, a computer-readable storage medium can be any tangible medium that contains or stores a program that can be used by or in conjunction with an instruction execution system, apparatus, or device.

[0166] Computer-readable signal media may include data signals propagated in baseband or as part of a carrier wave, carrying computer-readable program code. Such propagated data signals may take various forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination thereof. Computer-readable signal media may also be any computer-readable medium other than computer-readable storage media, capable of sending, propagating, or transmitting programs for use by or in connection with an instruction execution system, apparatus, or device.

[0167] The program code contained on a computer-readable medium may be transmitted using any suitable medium, including—but not limited to—wireless, wire, optical fiber, RF, etc., or any suitable combination thereof.

[0168] Computer program code for performing the operations of embodiments of the present invention can be written in one or more programming languages ​​or a combination thereof, including object-oriented programming languages ​​such as Java, Smalltalk, and C++, and conventional procedural programming languages ​​such as the "C" language or similar programming languages. The program code can be executed entirely on the user's computer, partially on the user's computer, as a standalone software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In cases involving remote computers, the remote computer can be connected to the user's computer via any type of network—including a local area network (LAN) or a wide area network (WAN)—or can be connected to an external computer (e.g., via the Internet using an Internet service provider).

[0169] Note that the above description is merely a preferred embodiment of the present invention and the technical principles employed. Those skilled in the art will understand that the present invention is not limited to the specific embodiments described herein, and various obvious changes, readjustments, and substitutions can be made without departing from the scope of protection of the present invention. Therefore, although the present invention has been described in detail through the above embodiments, the present invention is not limited to the above embodiments, and may include many other equivalent embodiments without departing from the concept of the present invention, the scope of which is determined by the scope of the appended claims.

Claims

1. A page generation method characterized by, The method comprises the following steps: receiving a page configuration request and determining user permissions corresponding to the page configuration request; determining at least one page to be configured and a page type of the at least one page to be configured corresponding to the page configuration request according to the user permissions; determining a current page type of a current page to be configured for each page type and calling a function component corresponding to the current page type; configuring the corresponding page to be configured based on each function component to obtain a target page corresponding to the at least one page to be configured; wherein the function component is a component for performing a corresponding function of each target page in the target page, and the function component is used for performing a jump function and a display function; the page type comprises at least one of a cascading page type, a fixed page type, a hyperlink page type and a self-defined page type; the step of determining the current page type of the current page to be configured and calling the function component corresponding to the current page type comprises: when the current page type is the cascading page type, a cascading function component corresponding to the cascading page type is called; the step of determining the current page type of the current page to be configured and calling the function component corresponding to the current page type comprises: when the page type is the fixed page type, a jump function component corresponding to the fixed page type is called to jump to a next page based on the jump function component; the step of determining the current page type of the current page to be configured and calling the function component corresponding to the current page type comprises: when the page type is the hyperlink page type, a hyperlink function component corresponding to the hyperlink page type is called, and a page hyperlink is added to the hyperlink function component to jump to a next page based on the page hyperlink; the step of determining the current page type of the current page to be configured and calling the function component corresponding to the current page type comprises: when the page type is the self-defined page type, a self-defined function component corresponding to the self-defined page type is called to jump to a next page based on the self-defined function component.

2. The method of claim 1, wherein, the step of determining the at least one page to be configured and the page type of the at least one page to be configured corresponding to the page configuration request according to the user permissions comprises: determining at least one page to be configured corresponding to a permission level of the user permissions; determining the page type of the at least one page to be configured; wherein the page type corresponds to an association relationship between each page to be configured.

3. The method of claim 1, wherein, the step of determining the current page type of the current page to be configured and calling the function component corresponding to the current page type comprises: determining a function component set corresponding to each page type and calling the function component corresponding to the page type from the function component set.

4. The method of claim 1, wherein, the step of configuring the corresponding page to be configured based on each function component comprises: configuring the page to be configured based on each cascading function component and a page link.

5. The method of claim 4, wherein, the step of configuring the page to be configured based on each cascading function component and a page link comprises: Adding a page link in the cascade function component to jump to a next level page based on the page link.

6. The method of claim 1, wherein, After the target page corresponding to the at least one to-be-configured page is obtained, the following is included: Generating a target page group based on each target page and determining page association data of the target page group; wherein the page association data includes a page type of each target page, page link corresponding to each target page, and content data composed of page content of the target page; Storing the page association data into a target database.

7. The method of claim 6, wherein, After the page association data is stored into the target database, the following is further included: When a calling instruction for at least one target page in the target page group is detected, calling a page link of the to-be-called target page from the target database based on the calling instruction to call the at least one target page based on the page link.

8. The method of claim 7, wherein, The calling of the page link of the to-be-called target page from the target database based on the calling instruction includes: Determining a target calling link based on the calling instruction, determining the to-be-called target page corresponding to the target calling link from the target database, and determining each target page after the to-be-called target page; Taking the to-be-called target page and the each target page as pages corresponding to the calling instruction.

9. The method of claim 7, wherein, After the calling of the page link of the to-be-called target page from the target database based on the calling instruction, the following is further included: When a modification instruction for the target page is detected, modifying the target page and the page association data based on the modification instruction, and updating the corresponding page association data in the target database based on the modified page association data.

10. The method of claim 6, wherein, After the page association data is stored into the target database, the following is further included: When a copy instruction for at least one target page in the target database is detected, copying page association data of the at least one target page from the target database based on the copy instruction; and storing the page association data into a local database.

11. The method of claim 10, wherein, After the page association data is stored into the local database, the following is further included: When a modification instruction for the target page is detected, modifying the target page and the page association data based on the modification instruction, and updating the page association data of the target page in the local database based on the modified page association data.

12. A page generation apparatus characterized by comprising: The following is included: A request receiving module configured to receive a page configuration request and determine user rights corresponding to the page configuration request; A page determining module configured to determine at least one to-be-configured page corresponding to the page configuration request and a page type of the at least one to-be-configured page according to the user rights; A page type determining module configured to determine a current page type of a current to-be-configured page for each page type and call a function component corresponding to the current page type; A target page determining module configured to configure a corresponding to-be-configured page based on each function component to obtain a target page corresponding to the at least one to-be-configured page; The function component is a component performing a corresponding function in each target page, and is used for performing a jump function and a display function. The page type includes at least one of a cascaded page type, a fixed page type, a hyperlink page type, and a self-defined page type. The page type determining module includes: The cascaded function component calling submodule is configured to call a cascaded function component corresponding to the cascaded page type when the current page type is the cascaded page type. The page type determining module includes: The jump function component calling submodule is configured to call a jump function component corresponding to the fixed page type when the page type is the fixed page type, and jump to a next page based on the jump function component. The page type determining module includes: The hyperlink function component calling submodule is configured to call a hyperlink function component corresponding to the hyperlink page type when the page type is the hyperlink page type, and add a page hyperlink to the hyperlink function component to jump to a next page based on the page hyperlink. The page type determining module includes: The self-defined function component calling submodule is configured to call a self-defined function component corresponding to the self-defined page type when the page type is the self-defined page type, and jump to a next page based on the self-defined function component.

13. An electronic device, comprising: The electronic device includes: One or more processors; A storage device configured to store one or more programs, When the one or more programs are executed by the one or more processors, the one or more processors implement the page generation method of any one of claims 1-11.

14. A storage medium containing computer-executable instructions for performing the page generation method of any one of claims 1-11 when executed by a computer processor.

Citation Information

Patent Citations

  • Page display method and device, electronic equipment and computer readable storage medium

    CN110134895A