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

Abstract

The invention provides a page display method and device, electronic equipment and a readable storage medium, the page display method is used for a client, and the page display method comprises the following steps: receiving page configuration information; according to the page configuration information, an initial page is obtained, and the initial page comprises a first page and a second page; obtaining metadata of the initial page and page interaction information of the first page and the second page according to the page configuration information; according to the first page and the second page, multiple page rendering templates are obtained, and the multiple page rendering templates comprise at least two different types of page rendering templates; respectively rendering the first page and the second page based on the metadata and at least two different page rendering templates to obtain a first rendered page and a second rendered page; and based on the page interaction information, skipping from the first rendering page to the second rendering page, so that the client displays the second rendering page. The rendering template is configured for the page based on the metadata, and the richness of the page rendering template is improved.

Description

Technical Field

[0001] The present invention relates to the technical field of electronic devices, and in particular to a page display method, device, electronic device and readable storage medium. Background Art

[0002] At present, in the related technology, mobile devices have different operating systems. In order to avoid the application not running properly on different operating systems, it is necessary to use the webview mode in mobile devices and develop the application through a set of code so that the application can adapt to different platforms. However, due to the limited configurable rendering templates of the webview control, the application page cannot flexibly configure the rendering template. Summary of the invention

[0003] The present invention aims to solve at least one of the technical problems existing in the prior art or related art.

[0004] To this end, a first aspect of the present invention provides a page display method.

[0005] A second aspect of the present invention provides a page display device.

[0006] A third aspect of the present invention provides an electronic device.

[0007] A fourth aspect of the present invention provides a readable storage medium.

[0008] In view of this, a first aspect of the present invention provides a page display method, which is used for a client, and the page display method includes: receiving page configuration information; obtaining an initial page according to the page configuration information, the initial page including a first page and a second page; obtaining metadata of the initial page and page interaction information between the first page and the second page according to the page configuration information; obtaining multiple page rendering templates according to the first page and the second page, the multiple page rendering templates including at least two different types of page rendering templates; based on the metadata and at least two different page rendering templates, rendering the first page and the second page respectively to obtain a first rendering page and a second rendering page; based on the page interaction information, jumping from the first rendering page to the second rendering page, so that the client displays the second rendering page.

[0009] The present application provides a page display method, which is used in a client. Based on the page configuration information provided by the client, the page display method can be used to configure different rendering templates for different types of pages, enrich the rendering effect of the page, and facilitate the display of the rendered page through the client. It can be seen that the flexibility and configurability of the page can be improved through the limited page display method, so that the page content, layout and interaction logic can be adjusted according to the configuration information without modifying the code.

[0010] After receiving the page configuration information, the initial page can be obtained through the page configuration information. The initial page includes the first page and the second page, which are the original pages to be configured. Then, according to the page configuration information, the metadata of the initial page and the page interaction information between the first page and the second page are obtained. The metadata can be the configuration content of the page. The page interaction information includes the type of mutual interaction between the pages, for example, the second page is obtained by filtering the first page. According to the first page and the second page, multiple page rendering templates are obtained. The multiple page rendering templates include at least two different types of page rendering templates, so as to realize dynamic acquisition of the initialization page and the page rendering template based on the page configuration information, and improve the richness of the page rendering template.

[0011] Based on metadata and at least two different page rendering templates, the first page and the second page are rendered respectively to obtain the first rendered page and the second rendered page. Different types of rendering templates can be matched for different types of pages to improve the diversity of page rendering and ensure that different pages have unique display styles and layouts.

[0012] Based on the page interaction information, the first rendering page jumps to the second rendering page so that the client displays the second rendering page. Different page rendering templates can be configured for different pages through metadata to improve the flexibility of configuration. Page rendering can be realized quickly and conveniently according to the needs of different business fields.

[0013] In addition, the page display method in the above technical solution provided by the present invention may also have the following additional technical features: In some technical solutions of the present invention, optionally, obtaining multiple page rendering templates based on the first page and the second page also includes: obtaining the first page template and the second page template based on the first page and the second page; rendering the first page template and the second page template based on page configuration information to obtain multiple page rendering templates.

[0014] In this technical solution, different page templates are rendered in a data-driven model manner to obtain different page rendering templates, wherein multiple page rendering templates are obtained according to the first page and the second page, and it also includes: according to the first page and the second page, the first page template and the second page template are obtained; based on the page configuration information, the first page template and the second page template are rendered to obtain the first page rendering template and the second page rendering template. Different types of rendering templates can be used to render different types of pages, which can meet the needs of different business fields, improve the high configurability of the page, and thus improve product performance.

[0015] In some technical solutions of the present invention, optionally, the second page includes at least two page components, and based on metadata and at least two different page rendering templates, the first page and the second page are rendered respectively to obtain a first rendered page and a second rendered page, including: based on metadata and one of the at least two different page rendering templates, the first page is rendered to obtain a first rendered page; based on metadata and another of the at least two different page rendering templates, the second page is rendered to obtain a second initial rendering page; according to page configuration information, at least two page components are rendered to obtain at least two page rendering components; based on metadata, at least two page rendering components are configured to the second initial rendering page to obtain a second rendered page.

[0016] In this technical solution, based on metadata and one of at least two different page rendering templates, the first page is rendered to obtain a first rendered page; wherein the rendering process of the second rendered page also includes rendering the second page based on metadata and another of at least two different page rendering templates to obtain a second initial rendered page; wherein the second initial rendered page is a page rendered by a rendering template, which can improve the appearance effect and the richness and uniqueness of the page content. At the same time, according to the page configuration information, at least two page components are rendered to obtain at least two page rendering components; based on metadata, at least two page rendering components are configured to the second initial rendered page to obtain a second rendered page, which can meet the needs of different business fields, improve the high configurability of the page, and thus improve product performance.

[0017] In some technical solutions of the present invention, optionally, based on page interaction information, jumping from the first rendering page to the second rendering page so that the client displays the second rendering page includes: based on page configuration information, rendering the second page component in the first rendering page to obtain the second page rendering component; based on the page interaction information, jumping from the second page rendering component to the second rendering page so that the client displays the second rendering page.

[0018] In this technical solution, based on the page interaction information, the first rendering page jumps to the second rendering page so that the client displays the second rendering page, and also includes, based on the page configuration information, rendering the second page component in the first rendering page to obtain the second page rendering component; based on the page interaction information, the second page rendering component jumps to the second rendering page so that the client displays the second rendering page. This page display method realizes the needs of different business fields through component interaction and improves product performance. The client can jump to the second rendering page through the rendered component according to business needs, realize component interaction, and expand the business scope.

[0019] Specifically, the components can be rendered in a personalized manner according to the configuration information provided by the customer.

[0020] In some technical solutions of the present invention, optionally, after configuring at least two page rendering components to the second initial rendering page, the page display method includes: obtaining first page layout information according to page configuration information; based on the first page layout information, adjusting the layout positions of at least two page rendering components in the second initial rendering page to obtain a second rendering page.

[0021] In this technical solution, after configuring at least two page rendering components to the second rendering page, the first page layout information can be obtained according to the metadata in the page configuration information, wherein the first page layout information is the customer's requirement for the layout of components on the page. Therefore, according to the first page layout information, the layout positions of at least two page rendering components on the second initial rendering page are adjusted to obtain the second rendering page, wherein the second rendering page is adjusted according to the customer's business needs, can meet the customer's different business needs, and improve product performance.

[0022] Specifically, the page rendering component may be a control with a filtering function, from which it can be seen that the business interaction between the first rendering page and the second rendering page can be satisfied by means of a data-driven model.

[0023] In some technical solutions of the present invention, optionally, jumping from the first rendering page to the second rendering page so that the client displays the second rendering page includes: obtaining second page layout information according to page configuration information; adjusting the layout of the third page rendering component on the first page based on the second page layout information to obtain a fourth page rendering component; and jumping from the fourth page rendering component to the second rendering page based on page interaction information so that the client displays the second rendering page.

[0024] In this technical solution, jumping from the first rendering page to the second rendering page so that the client displays the second rendering page includes: obtaining the second page layout information according to the page configuration information; adjusting the layout of the third page rendering component on the first page based on the second page layout information to obtain the fourth page rendering component; and jumping from the fourth page rendering component to the second rendering page based on the page interaction information so that the client displays the second rendering page. The second page layout information is the layout requirement of the components on the page by the customer, so according to the second page layout information, the layout of the third page rendering component on the first page is adjusted to obtain the fourth page rendering component, wherein the fourth page rendering component is adjusted according to the business needs of the customer, which can meet the different business needs of the customer and improve product performance.

[0025] Optimizing the layout of components on the page can better display the optimized page information, and can also personalize the layout of components on the page to enhance the richness of the page configuration.

[0026] In some technical solutions of the present invention, optionally, the first rendering page is a list page, and the second rendering page is a detail page.

[0027] In this technical solution, the first rendering page is a list page, and the second rendering page is a detail page. When displaying pages, the jump from the list page to the detail page can be realized by driving the components on the first rendering page, thereby meeting the business needs of customers and realizing interaction between multiple pages.

[0028] Specifically, during the page display process, the detail page or list page may be configured and rendered according to the metadata in the page configuration information, so as to display the rendered detail page or list page through the client.

[0029] According to a second aspect of the present invention, a page display device is provided, including a receiving module, a first acquisition module, a second acquisition module, a third acquisition module, a rendering module, an interaction module and a display module, wherein the receiving module is used to receive page configuration information; the first acquisition module is used to acquire an initial page according to the page configuration information, and the initial page includes a first page and a second page; the second acquisition module is used to acquire metadata of the initial page and page interaction information between the first page and the second page according to the page configuration information; the third acquisition module is used to acquire multiple page rendering templates according to the first page and the second page, and the multiple page rendering templates include at least two different types of page rendering templates; the rendering module is used to render the first page and the second page respectively based on the metadata and at least two different page rendering templates to obtain a first rendering page and a second rendering page; the interaction module is used to jump from the first rendering page to the second rendering page based on the page interaction information; the display module is used to display the second rendering page on the client.

[0030] A page display device provided by the present application includes a receiving module, a first acquisition module, a second acquisition module, a third acquisition module, a rendering module, an interaction module and a display module. In the process of page display, the page configuration information is received by the receiving module, and the page display device will render and adjust the layout of the page based on the page configuration information, and then display it on the client to meet the customer's business requirements. After the receiving module receives the page configuration information, the initial page can be obtained according to the page configuration information by setting the first acquisition module, the second acquisition module and the third acquisition module. The initial page includes the first page and the second page, and the metadata of the initial page and the page interaction information of the first page and the second page are obtained according to the page configuration information. According to the first page and the second page, multiple page rendering templates are obtained, and then the rendering module can be used to render the first page and the second page based on the metadata and at least two different page rendering templates, respectively, to obtain the first rendering page and the second rendering page; different rendering templates are configured for different types of pages to enrich the rendering effect of the page, so as to facilitate the display of the rendered page through the client. The interaction module is used to jump from the first rendering page to the second rendering page based on the page interaction information; the display module is used to display the second rendering page on the client. It can improve the flexibility and configurability of the page, so that the page content, layout and interaction logic can be adjusted according to the configuration information without modifying the code.

[0031] A third aspect of the present invention provides an electronic device, including a processor and a memory, wherein the memory stores programs or instructions that can be executed on the processor, and when the programs or instructions are executed by the processor, the steps of the method in any one of the above technical solutions are implemented.

[0032] An electronic device provided in the present application can implement the page display method in any of the above-mentioned technical solutions. Therefore, the electronic device has the advantages of the page display method in any of the above-mentioned technical solutions and can implement the technical effects of the page display method in any of the above-mentioned technical solutions. To avoid repetition, it will not be repeated here.

[0033] A fourth aspect of the present invention provides a readable storage medium having a program or instruction stored thereon, which, when executed by a processor, implements the steps of a method as in any one of the above technical solutions.

[0034] In a technical solution of the present application, the page display method in any of the above-mentioned technical solutions can be implemented through a configurable application device. The architecture of the device has a document model, and the document model can be used to implement template rendering of the first page and the second page. The architecture of the device also has a business model, which can implement business interaction to meet the business interaction requirements provided by customers. The architecture of the device also has a data model, which can mainly realize the control of data of different dimensions. By driving the model with the received page configuration information, interaction between pages, interaction between components, page rendering and component rendering can be realized, so that the page content, layout and interaction logic can be adjusted according to the configuration information without modifying the code.

[0035] Additional aspects and advantages of the present invention will be given in part in the following description and in part will be obvious from the following description, or will be learned through practice of the present invention. BRIEF DESCRIPTION OF THE DRAWINGS

[0036] The above and / or additional aspects and advantages of the present invention will become apparent and easily understood from the description of the embodiments in conjunction with the following drawings, in which: Figure 1 A flow chart of a page display method according to an embodiment of the present invention is shown; Figure 2 A structural block diagram of a page display device according to an embodiment of the present invention is shown; Figure 3 A structural block diagram of an electronic device according to an embodiment of the present invention is shown; Figure 4 A schematic diagram of the architecture of a page display device according to an embodiment of the present invention is shown. DETAILED DESCRIPTION

[0037] In order to more clearly understand the above-mentioned purpose, features and advantages of the present invention, the present invention is further described in detail below in conjunction with the accompanying drawings and specific embodiments. It should be noted that the embodiments of the present application and the features in the embodiments can be combined with each other without conflict.

[0038] In the following description, many specific details are set forth to facilitate a full understanding of the present invention. However, the present invention may also be implemented in other ways different from those described herein. Therefore, the protection scope of the present invention is not limited to the specific embodiments disclosed below.

[0039] Refer to the following Figures 1 to 4 A page display method, device, electronic device, and readable storage medium according to some embodiments of the present invention are described.

[0040] like Figure 1As shown, in an embodiment of the present invention, a page display method is provided, the page display method is used for a client, and the page display method includes: Step 102, receiving page configuration information; Step 104, obtaining an initial page according to the page configuration information, where the initial page includes a first page and a second page; Step 106, obtaining metadata of the initial page and page interaction information between the first page and the second page according to the page configuration information; Step 108, obtaining a plurality of page rendering templates according to the first page and the second page, wherein the plurality of page rendering templates include at least two different types of page rendering templates; Step 110, based on the metadata and at least two different page rendering templates, respectively render the first page and the second page to obtain a first rendered page and a second rendered page; Step 112: jump from the first rendering page to the second rendering page based on the page interaction information, so that the client displays the second rendering page.

[0041] The present application provides a page display method, which is used in a client. Based on the page configuration information provided by the client, the page display method can be used to configure different rendering templates for different types of pages, enrich the rendering effect of the page, and facilitate the display of the rendered page through the client. It can be seen that the flexibility and configurability of the page can be improved through the limited page display method, so that the page content, layout and interaction logic can be adjusted according to the configuration information without modifying the code.

[0042] After receiving the page configuration information, the initial page can be obtained through the page configuration information. The initial page includes the first page and the second page, which are the original pages to be configured. Then, according to the page configuration information, the metadata of the initial page and the page interaction information between the first page and the second page are obtained. The metadata can be the configuration content of the page. The page interaction information includes the type of mutual interaction between the pages, for example, the second page is obtained by filtering the first page. According to the first page and the second page, multiple page rendering templates are obtained. The multiple page rendering templates include at least two different types of page rendering templates, so as to realize dynamic acquisition of the initialization page and the page rendering template based on the page configuration information, and improve the richness of the page rendering template.

[0043] Based on metadata and at least two different page rendering templates, the first page and the second page are rendered respectively to obtain the first rendered page and the second rendered page. Different types of rendering templates can be matched for different types of pages to improve the diversity of page rendering and ensure that different pages have unique display styles and layouts.

[0044] Based on the page interaction information, the first rendering page jumps to the second rendering page so that the client displays the second rendering page. Different page rendering templates can be configured for different pages through metadata to improve the flexibility of configuration. Page rendering can be realized quickly and conveniently according to the needs of different business fields.

[0045] The page display method in the above embodiment provided by the present invention may also have the following additional technical features: In some embodiments of the present invention, optionally, obtaining multiple page rendering templates based on the first page and the second page also includes: obtaining the first page template and the second page template based on the first page and the second page; rendering the first page template and the second page template based on page configuration information to obtain multiple page rendering templates.

[0046] In this embodiment, different page templates are rendered in a data-driven model manner to obtain different page rendering templates, wherein multiple page rendering templates are obtained according to the first page and the second page, and it also includes: according to the first page and the second page, a first page template and a second page template are obtained; based on the page configuration information, the first page template and the second page template are rendered to obtain a first page rendering template and a second page rendering template. Different types of rendering templates can be used to render different types of pages, which can meet the needs of different business fields, improve the high configurability of the page, and thus improve product performance.

[0047] In some embodiments of the present invention, optionally, the second page includes at least two page components, and based on metadata and at least two different page rendering templates, the first page and the second page are rendered respectively to obtain a first rendered page and a second rendered page, including: based on metadata and one of the at least two different page rendering templates, the first page is rendered to obtain a first rendered page; based on metadata and another of the at least two different page rendering templates, the second page is rendered to obtain a second initial rendering page; according to page configuration information, at least two page components are rendered to obtain at least two page rendering components; based on metadata, at least two page rendering components are configured to the second initial rendering page to obtain a second rendered page.

[0048] In this embodiment, based on metadata and one of at least two different page rendering templates, the first page is rendered to obtain a first rendered page; wherein the rendering process of the second rendered page also includes rendering the second page based on metadata and another of at least two different page rendering templates to obtain a second initial rendered page; wherein the second initial rendered page is a page rendered by the rendering template, which can improve the appearance effect and the richness and uniqueness of the page content. At the same time, according to the page configuration information, at least two page components are rendered to obtain at least two page rendering components; based on metadata, at least two page rendering components are configured to the second initial rendered page to obtain a second rendered page, which can meet the needs of different business fields, improve the high configurability of the page, and thus improve product performance.

[0049] In some embodiments of the present invention, optionally, based on page interaction information, jumping from the first rendering page to the second rendering page so that the client displays the second rendering page includes: based on page configuration information, rendering the second page component in the first rendering page to obtain the second page rendering component; based on the page interaction information, jumping from the second page rendering component to the second rendering page so that the client displays the second rendering page.

[0050] In this embodiment, based on the page interaction information, the first rendering page jumps to the second rendering page so that the client displays the second rendering page, and further includes, based on the page configuration information, rendering the second page component in the first rendering page to obtain the second page rendering component; based on the page interaction information, the second page rendering component jumps to the second rendering page so that the client displays the second rendering page. This page display method realizes the needs of different business fields through component interaction and improves product performance. The client can jump to the second rendering page through the rendered component according to business needs, realize component interaction, and expand the business scope.

[0051] Specifically, the components can be rendered in a personalized manner according to the configuration information provided by the customer.

[0052] In some embodiments of the present invention, optionally, after configuring at least two page rendering components to the second initial rendering page, the page display method includes: obtaining first page layout information according to page configuration information; and adjusting the layout positions of at least two page rendering components in the second initial rendering page based on the first page layout information to obtain a second rendering page.

[0053] In this embodiment, after configuring at least two page rendering components to the second rendering page, the first page layout information can be obtained according to the metadata in the page configuration information, wherein the first page layout information is the customer's requirement for the layout of components on the page. Therefore, according to the first page layout information, the layout positions of at least two page rendering components on the second initial rendering page are adjusted to obtain the second rendering page, wherein the second rendering page is adjusted according to the customer's business needs, can meet the customer's different business needs, and improve product performance.

[0054] Specifically, the page rendering component may be a control with a filtering function, from which it can be seen that the business interaction between the first rendering page and the second rendering page can be satisfied by means of a data-driven model.

[0055] In some embodiments of the present invention, optionally, jumping from the first rendering page to the second rendering page so that the client displays the second rendering page includes: obtaining second page layout information according to page configuration information; adjusting the layout of the third page rendering component on the first page based on the second page layout information to obtain a fourth page rendering component; and jumping from the fourth page rendering component to the second rendering page based on page interaction information so that the client displays the second rendering page.

[0056] In this embodiment, jumping from the first rendering page to the second rendering page so that the client displays the second rendering page includes: obtaining the second page layout information according to the page configuration information; adjusting the layout of the third page rendering component on the first page based on the second page layout information to obtain the fourth page rendering component; and jumping from the fourth page rendering component to the second rendering page based on the page interaction information so that the client displays the second rendering page. The second page layout information is the layout requirement of the components on the page by the customer, so according to the second page layout information, the layout of the third page rendering component on the first page is adjusted to obtain the fourth page rendering component, wherein the fourth page rendering component is adjusted according to the business needs of the customer, which can meet the different business needs of the customer and improve product performance.

[0057] Optimizing the layout of components on the page can better display the optimized page information, and can also personalize the layout of components on the page to enhance the richness of the page configuration.

[0058] In some embodiments of the present invention, optionally, the first rendered page is a list page, and the second rendered page is a detail page.

[0059] In this embodiment, the first rendering page is a list page, and the second rendering page is a detail page. When displaying pages, the jump from the list page to the detail page can be realized by driving the components on the first rendering page, thereby meeting the business needs of customers and realizing interaction between multiple pages.

[0060] Specifically, during the page display process, the detail page or list page may be configured and rendered according to the metadata in the page configuration information, so as to display the rendered detail page or list page through the client.

[0061] like Figure 2 As shown, in an embodiment of the present invention, a page display device 700 is provided, including a receiving module 710, a first acquisition module 720, a second acquisition module 722, a third acquisition module 723, a rendering module 730, an interaction module 740 and a display module 750, wherein the receiving module 710 is used to receive page configuration information; the first acquisition module 720 is used to acquire an initial page according to the page configuration information, and the initial page includes a first page and a second page; the second acquisition module 722 is used to acquire metadata of the initial page and page interaction information between the first page and the second page according to the page configuration information; the third acquisition module 723 is used to acquire multiple page rendering templates according to the first page and the second page, and the multiple page rendering templates include at least two different types of page rendering templates; the rendering module 730 is used to render the first page and the second page respectively based on the metadata and at least two different page rendering templates to obtain a first rendering page and a second rendering page; the interaction module 740 is used to jump from the first rendering page to the second rendering page based on the page interaction information; and the display module 750 is used to display the second rendering page on the client.

[0062] A page display device 700 provided in the present application includes a receiving module 710, a first acquisition module 720, a second acquisition module 722, a third acquisition module 723, a rendering module 730, an interaction module 740 and a display module 750. During the page display process, the page configuration information is received by the receiving module 710, and the page display device 700 will render and adjust the layout of the page based on the page configuration information, and then display it on the client to meet the customer's business requirements. After the receiving module 710 receives the page configuration information, the first acquisition module 720, the second acquisition module 722 and the third acquisition module 723 are set to acquire the initial page according to the page configuration information. The initial page includes the first page and the second page, and the metadata of the initial page and the page interaction information between the first page and the second page are acquired according to the page configuration information. According to the first page and the second page, multiple page rendering templates are acquired, and then the first page and the second page can be rendered respectively based on the metadata and at least two different page rendering templates through the rendering module 730 to obtain the first rendering page and the second rendering page; different rendering templates are configured for different types of pages to enrich the rendering effect of the page and facilitate the display of the rendered page through the client. The interaction module 740 is used to jump from the first rendering page to the second rendering page based on the page interaction information; the display module 750 is used to display the second rendering page on the client. The flexibility and configurability of the page can be improved, so that the page content, layout and interaction logic can be adjusted according to the configuration information without modifying the code. Figure 3 As shown, the third aspect of the present invention provides an electronic device 800, including a processor 804 and a memory 802, wherein the memory 802 stores programs or instructions that can be executed on the processor 804, and when the programs or instructions are executed by the processor 804, the steps of the method in any one of the above embodiments are implemented.

[0063] An electronic device provided in the present application can implement the page display method in any of the above-mentioned embodiments. Therefore, the electronic device has the advantages of the page display method in any of the above-mentioned embodiments and can implement the technical effects of the page display method in any of the above-mentioned embodiments. To avoid repetition, it will not be repeated here.

[0064] A fourth aspect of the present invention provides a readable storage medium having a program or instruction stored thereon, which, when executed by a processor, implements the steps of a method as described in any one of the above embodiments.

[0065] The present application provides a readable storage medium that can implement the steps of the page display method in any of the above embodiments after being read by a processor. Therefore, the readable storage medium has the advantages of the page display method in any of the above embodiments and can achieve the technical effects of the page display method in any of the above embodiments. To avoid repetition, it will not be repeated here.

[0066] In one embodiment of the present application, Figure 4 As shown, the page display method in any of the above embodiments can be implemented through a configurable application device. The architecture of the device can adopt uni-app (cross-platform multi-terminal application development framework) to achieve cross-platform development. Through a set of codes, multi-terminal adaptation can be completed, greatly reducing project development costs.

[0067] Specifically, the cross-platform multi-terminal application development framework 200 has a simple model, and a document model is set in the simple model. The document model can be used to realize template rendering of the first page and the second page. The simple model also has a business model, which can realize business interaction and meet the business interaction requirements provided by customers. The simple model also has a data model, and the data model can mainly realize the control of data of different dimensions. By driving the model with the received page configuration information, interaction between pages, interaction between components, page rendering and component rendering can be realized, so that the page content, layout and interaction logic can be adjusted according to the configuration information without modifying the code.

[0068] Specifically, the simple model also has a two-way binding model that allows automatic synchronization between the data model and the display page, making it easier to render and interact with pages and components according to the customer's business interaction requirements. The simple model also encapsulates native capabilities, abstracting and encapsulating the underlying capabilities of native components, functions, or services to form reusable modules or components, which can implement basic capabilities such as project packaging, version management, state management, routing management, and service management.

[0069] Specifically, the cross-platform multi-terminal application development framework 200 may have certain general capabilities to enable customers to complete business interactions through pages and meet basic business needs, wherein general capabilities may include: multilingual, i.e., multilingual capabilities, which can add multilingual capabilities to applications to meet the language needs of users in different regions. General capabilities also include multi-themes, i.e., multi-theme capabilities, which can configure different theme styles for applications and provide personalized experience. General capabilities also include caching capabilities, which can provide a basis for data caching. General capabilities also include offline capabilities, which can enable applications to still provide certain operating functions in an offline state. General capabilities also include APP (application) security, which can improve security for the operation of applications. General capabilities also include environment debugging, i.e., applications can be debugged during application development to find errors in the code and ensure the stability and security of the application during runtime. General capabilities also include a log system, which is used to record system operation information and error information. uni-app (cross-platform multi-terminal application development framework) can have engineering capabilities, including unified pipeline, Continuous integration, CI (continuous integration), Continuous Deployment, CD (continuous deployment), Application, APP (application) version management, Application, APP (application) update mechanism, one set of code to multiple packages and business code hot update capability.

[0070] The states of the cross-platform multi-terminal application development framework 200 include: application level, page level and component level, which can reflect the state effects of each level of components, pages and applications.

[0071] The cross-platform multi-terminal application development framework 200 may have routing functions, specifically routing interception, parameter transfer, routing navigation and routing return.

[0072] The cross-platform multi-terminal application development framework 200 may have service functions, specifically APP (application) configuration services, login services, menu services and other services, among which other services may be customized service types for customers.

[0073] The cross-platform multi-terminal application development framework 200 may include a container component, including a layout component, and a data-driven component may implement the adjustment of the page layout within the application.

[0074] The cross-platform multi-terminal application development framework 200 also includes basic components, including User Interface, UI (user interface) layer components, native capability integration layer components and model binding layer components, wherein User Interface, UI (user interface) layer components can be used for information presentation and information reception to complete the interaction between the application and the customer. The native capability integration layer components are used to access and integrate components of native platform functions. The model binding layer components can help complete the real-time feedback of data changes on the page.

[0075] The cross-platform multi-terminal application development framework 200 is used to generate a configurable application device, which also includes a platform layer. The platform layer can be used to implement cross-platform development, allowing customers to simultaneously develop applications for multiple platforms using a set of codes.

[0076] Specifically, the platform layer has multiple components, including a resource management platform, which can uniformly manage and distribute various resources in the page configuration information provided by the customer, so as to facilitate uploading resource packages when configuring applications. The platform layer also has a mobile work platform, through which different rendering templates can be configured to different pages through metadata. The platform layer is also provided with a pipeline component, through which the build test, packaging, and release can be automatically performed according to the preset rules and conditions in the page configuration information. Through the cross-platform support and native capability call provided by the platform layer, the normal operation of the page display method in the platform layer can be achieved, where the specific platform can be applet A, Android phone B, Internetworking Operating System, IOS (network interconnection operating system) phone C and Personal Digital Assistant, PDA (portable information terminal device) D. Setting up a business domain module can jointly meet business needs with the platform layer and the business layer, where the business domain can be a supply chain cloud, that is, a supply chain management solution based on cloud computing technology. The business domain can also be a procurement cloud or a manufacturing cloud, etc., and customers can also customize other business domains.

[0077] When configuring the page, use native packaging and native development to effectively improve product performance and enhance user experience.

[0078] Specifically, the cross-platform multi-terminal application development framework 200 may also have an extension capability module, in which extension scripts and extension Actions (functions) can add new functions to the application.

[0079] In the claims, specification and drawings of the present invention, the term "multiple" refers to two or more than two. Unless otherwise clearly defined, the orientation or positional relationship indicated by the terms "upper" and "lower" is based on the orientation or positional relationship shown in the drawings, which is only for the purpose of more conveniently describing the present invention and making the description process simpler, rather than indicating or implying that the device or element referred to must have the specific orientation described, be constructed and operated in a specific orientation, so these descriptions cannot be understood as limiting the present invention; the terms "connect", "install", "fix" and the like should be understood in a broad sense. For example, "connection" can be a fixed connection between multiple objects, or a detachable connection between multiple objects, or an integral connection; it can be a direct connection between multiple objects, or an indirect connection between multiple objects through an intermediate medium. For ordinary technicians in this field, the specific meanings of the above terms in the present invention can be understood based on the specific circumstances of the above data.

[0080] In the claims, specification and drawings of the present invention, the description of the terms "one embodiment", "some embodiments", "specific embodiments" and the like means that the specific features, structures, materials or characteristics described in conjunction with the embodiment or example are included in at least one embodiment or example of the present invention. In the claims, specification and drawings of the present invention, the schematic representations of the above terms do not necessarily refer to the same embodiment or example. Moreover, the specific features, structures, materials or characteristics described may be combined in any one or more embodiments or examples in a suitable manner.

[0081] The above description is only a preferred embodiment of the present invention and is not intended to limit the present invention. For those skilled in the art, the present invention may have various modifications and variations. Any modification, equivalent replacement, improvement, etc. made within the spirit and principle of the present invention shall be included in the protection scope of the present invention.

Claims

1. A page display method, characterized in that: The page display method is used in a client, and the page display method includes: Receive page configuration information; According to the page configuration information, an initial page is acquired, where the initial page includes a first page and a second page; According to the page configuration information, metadata of the initial page and page interaction information between the first page and the second page are acquired; Acquire a plurality of page rendering templates according to the first page and the second page, wherein the plurality of page rendering templates include at least two different types of page rendering templates; Based on the metadata and at least two different page rendering templates, respectively render the first page and the second page to obtain a first rendered page and a second rendered page; Based on the page interaction information, the first rendering page jumps to the second rendering page, so that the client displays the second rendering page.

2. The page display method according to claim 1, characterized in that: The acquiring a plurality of page rendering templates according to the first page and the second page includes: According to the first page and the second page, obtaining a first page template and a second page template; Based on the page configuration information, the first page template and the second page template are rendered to obtain a plurality of page rendering templates.

3. The page display method according to claim 1, characterized in that: The second page includes at least two page components, and the first page and the second page are rendered based on the metadata and at least two different page rendering templates to obtain a first rendered page and a second rendered page, including: Rendering the first page based on the metadata and one of the at least two different page rendering templates to obtain a first rendered page; Rendering the second page based on the metadata and another of the at least two different page rendering templates to obtain a second initial rendering page; Rendering at least two of the page components according to the page configuration information to obtain at least two page rendering components; Based on the metadata, at least two of the page rendering components are configured to the second initially rendered page to obtain the second rendered page.

4. The page display method according to claim 1, characterized in that: The step of jumping from the first rendering page to the second rendering page based on the page interaction information so that the client displays the second rendering page includes: Based on the page configuration information, rendering the second page component in the first rendering page to obtain a second page rendering component; Based on the page interaction information, the second page rendering component jumps to the second rendering page, so that the client displays the second rendering page.

5. The page display method according to claim 3, characterized in that: After configuring at least two of the page rendering components to the second initial rendering page, the page display method includes: Acquire first page layout information according to the page configuration information; Based on the first page layout information, the layout positions of at least two of the page rendering components in the second initial rendering page are adjusted to obtain the second rendering page.

6. The page display method according to claim 1, characterized in that: The step of jumping from the first rendering page to the second rendering page so that the client displays the second rendering page includes: Acquire second page layout information according to the page configuration information; Based on the second page layout information, adjusting the layout position of the third page rendering component on the first page to obtain a fourth page rendering component; Based on the page interaction information, the fourth page rendering component jumps to the second rendering page, so that the client displays the second rendering page.

7. The page display method according to claim 1, characterized in that: The first rendering page is a list page, and the second rendering page is a detail page.

8. A page display device, characterized in that: include: A receiving module, used for receiving page configuration information; A first acquisition module, used to acquire an initial page according to the page configuration information, wherein the initial page includes a first page and a second page; A second acquisition module, configured to acquire metadata of an initial page and page interaction information between the first page and the second page according to the page configuration information; A third acquisition module, configured to acquire a plurality of page rendering templates according to the first page and the second page, wherein the plurality of page rendering templates include at least two different types of page rendering templates; A rendering module, configured to render the first page and the second page respectively based on the metadata and at least two different page rendering templates to obtain a first rendered page and a second rendered page; An interaction module, configured to jump from the first rendering page to the second rendering page based on the page interaction information; The display module is used for displaying the second rendering page on the client.

9. An electronic device, characterized in that: include: A processor and a memory, wherein the memory stores programs or instructions that can be run on the processor, and when the programs or instructions are executed by the processor, the steps of the page display method as described in any one of claims 1 to 7 are implemented.

10. A readable storage medium having a program or instruction stored thereon, characterized in that: When the program or instruction is executed by a processor, the steps of the page display method as described in any one of claims 1 to 7 are implemented.

Images