Webpage application running method and product based on fusion of front-end framework and low-code platform

Abstract

The embodiment of the invention provides a webpage application running method, device and equipment based on fusion of a front-end framework and a low-code platform and a computer readable storage medium, and the method relates to the technical field of Internet and can be applied to the field of financial science and technology. The method comprises the steps that in response to a webpage application access request of a user, an outer frame page script obtains role information of the user from a back-end service; wherein the outer-layer frame page script is realized based on a front-end frame; the outer-layer frame page script determines a first rendering parameter of an outer-layer frame page and a to-be-displayed sub-page embedded in the outer-layer frame page according to the role information; wherein the to-be-displayed sub-page comprises a sub-page based on a low-code platform and / or a sub-page based on a front-end framework; the outer-layer frame page script renders and displays an outer-layer frame page based on the first rendering parameter; the outer frame page script controls rendering and displaying of the to-be-displayed sub-page. According to the method, the page display flexibility of the webpage application is improved.

Description

Technical Field

[0001] The present application relates to the field of Internet technology, and in particular to a web application operation method, device, equipment and computer-readable storage medium based on the integration of a front-end framework and a low-code platform. Background Art

[0002] Low-code platform is a software development tool that can realize the development and management of web applications in a visual and configurable way through a graphical interface. In most cases, developers do not need to use traditional handwritten code for programming, but can complete the development work through more efficient methods such as graphical drag and drop and parameter configuration, helping enterprises to achieve scenario application innovation in digital transformation.

[0003] However, the functions currently provided by low-code platforms are limited, making it impossible for front-end applications developed based on low-code platforms to achieve differentiated display of page content, resulting in poor flexibility in page display. Summary of the invention

[0004] The embodiments of the present application provide a web application operation method, apparatus, device, computer-readable storage medium and computer program product based on the integration of a front-end framework and a low-code platform, which can achieve flexibility in page display.

[0005] In a first aspect, an embodiment of the present application provides a web application operation method based on the integration of a front-end framework and a low-code platform, including:

[0006] In response to a user's web application access request, the outer frame page script obtains the user's role information from a backend service; wherein the outer frame page script is implemented based on a front-end framework;

[0007] The outer frame page script determines the first rendering parameter of the outer frame page and the sub-page to be displayed embedded in the outer frame page according to the role information; wherein the sub-page to be displayed includes a sub-page based on a low-code platform and / or a sub-page based on a front-end framework;

[0008] The outer frame page script renders and displays the outer frame page based on the first rendering parameters;

[0009] The outer frame page script controls the rendering and display of the sub-page to be displayed.

[0010] In a second aspect, an embodiment of the present application provides a web application running device based on the integration of a front-end framework and a low-code platform, including: an outer framework page script;

[0011] The outer frame page script is used to respond to the user's web application access request and obtain the user's role information from the backend service; determine the first rendering parameters of the outer frame page and the sub-page to be displayed embedded in the outer frame page according to the role information; render and display the outer frame page based on the first rendering parameters; control the rendering and display of the sub-page to be displayed; wherein the outer frame page script is implemented based on the front-end framework, and the sub-page to be displayed includes a sub-page based on a low-code platform and / or a sub-page based on the front-end framework.

[0012] In a third aspect, an embodiment of the present application provides an electronic device comprising a memory and a processor, wherein the memory stores a computer program, and when the processor executes the computer program, the steps of the method for running a web application that integrates the front-end framework and the low-code platform provided in the first aspect of the embodiment of the present application are implemented.

[0013] In a fourth aspect, an embodiment of the present application provides a computer-readable storage medium having a computer program stored thereon. When the computer program is executed by a processor, the steps of the method for running a web application that integrates the front-end framework and the low-code platform provided in the first aspect of the embodiment of the present application are implemented.

[0014] In a fifth aspect, an embodiment of the present application provides a computer program product on which a computer program is stored. When the computer program is executed by a processor, the steps of the method for running a web application that integrates the front-end framework and the low-code platform provided in the first aspect of the embodiment of the present application are implemented.

[0015] The technical solution provided by the embodiment of the present application is that when a web application access request from a user is received, the outer frame page script obtains the user's role information from the backend service, and determines the first rendering parameter of the outer frame page and the sub-page to be displayed embedded in the outer frame page based on the role information, and the sub-page to be displayed includes a sub-page based on a low-code platform and / or a sub-page based on a front-end framework. The outer frame page script renders and displays the outer frame page based on the first rendering parameter and controls the rendering and display of the sub-page to be displayed. The above-mentioned outer frame page script is implemented based on the front-end framework. That is to say, the web application provided by the present technical solution can obtain the user's role information through the outer frame page script, and render and display the outer frame page and the sub-page embedded in the outer frame page based on the user's role information, thereby realizing differentiated display of the page content of the web application and improving the flexibility of page display. BRIEF DESCRIPTION OF THE DRAWINGS

[0016] Figure 1 A flowchart of a method for running a web application based on the integration of a front-end framework and a low-code platform provided in an embodiment of the present application;

[0017] Figure 2 A schematic diagram of an internal communication method of a web application based on the integration of a front-end framework and a low-code platform provided in an embodiment of the present application;

[0018] Figure 3 A structural diagram of a web application system based on the integration of a front-end framework and a low-code platform provided in an embodiment of the present application;

[0019] Figure 4 A schematic diagram of the structure of a web application running device based on the integration of a front-end framework and a low-code platform provided in an embodiment of the present application;

[0020] Figure 5 A schematic diagram of the structure of an electronic device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0021] In order to make the purpose, technical solutions and advantages of the present application clearer, the technical solutions in the embodiments of the present application are further described in detail through the following embodiments and in combination with the accompanying drawings. It should be understood that the specific embodiments described herein are only used to explain the present application and are not used to limit the present application. Those skilled in the art can make adjustments to them as needed to suit specific application scenarios. It should also be noted that, for ease of description, only the parts related to the present application are shown in the accompanying drawings, rather than all structures.

[0022] At present, the functions provided by low-code platforms are limited, which makes it impossible for front-end applications developed based on low-code platforms to achieve differentiated display of page content, resulting in poor flexibility in page display. In some traditional technologies, the proposed solution is to enhance the capabilities of low-code platforms, such as adding a log function to the low-code platform, so that users can configure the use of logs in certain scenarios. For example, a pop-up window function is provided to meet the needs of web pages that may need pop-ups. For another example, some low-code platforms have opened some script functions, allowing users to write some scripts to flexibly process data and organize interface display logic, thereby making up for some functions that low-code does not support (such as logical judgment).

[0023] However, expanding the capabilities of a low-code platform has a relatively high development cost for the platform developers. It is difficult for platform developers to meet the various needs of different users one by one. Even if the platform functions are expanded one by one according to the needs of all users, the maintenance cost will be extremely high. Moreover, after the low-code platform expands its functions, the learning cost for platform users is also increased, especially the open script function. If non-programmers do not have a programming foundation, they cannot use it, which violates the original design intention of the low-threshold use of the low-code platform. In addition, frequent expansion of the low-code platform may require refactoring of the code to change the original functions, which may lead to unstable functions of the low-code platform and reduce the robustness of existing web applications in the low-code platform.

[0024] To this end, the technical solution provided in the embodiment of the present application utilizes the front-end framework to develop an outer framework page script for a web application, and implements access control of different roles to the web application through the outer framework page script, thereby realizing functions such as complex user interfaces and interactions, calling third-party services, and referencing third-party libraries. In addition, the outer framework page script can also be used to control sub-pages based on the low-code platform and / or sub-pages based on the front-end framework, thereby achieving flexibility in the display of web pages.

[0025] Figure 1 A flow chart of a web application operation method based on the integration of a front-end framework and a low-code platform provided in an embodiment of the present application. Figure 1 As shown, the method includes:

[0026] S101. In response to a user's web application access request, an outer frame page script obtains the user's role information from a backend service.

[0027] The outer frame page script is implemented based on the front-end framework, which can be any open source front-end framework, such as Vue, React or AngularJs. In response to the user's web application access request, the outer frame page script sends a HyperText Transfer Protocol (HTTP) request to the back-end service, and the HTTP request is used to obtain the user's role information. The back-end service receives the HTTP request sent by the outer frame page script and feeds back an HTTP response to the outer frame page script, and the HTTP response carries the user's role information.

[0028] S102: The outer frame page script determines a first rendering parameter of the outer frame page and a sub-page to be displayed embedded in the outer frame page according to the role information.

[0029] Optionally, the first rendering parameter may include page style and page components. Page style refers to the form of expression and appearance characteristics of visual elements in a page, which determines the appearance and layout of the page. For example, the page style may include the font style of the page (including font type, size, color, thickness, italic and underline, etc.), page color (including page background color, text color, border color, button color, etc.), page layout (including the arrangement of page elements, such as grid layout, flow layout, elastic layout, etc.), spacing and margins between page elements, alignment of page elements (including horizontal alignment and vertical alignment), list style (including the mark type of list items, indentation and alignment of list items), form style (including the appearance of form elements such as input boxes, buttons, selection boxes, etc.), and visual feedback when users interact with page elements. Page components refer to reusable and independent code modules that constitute a page, which are responsible for specific functions or display specific content. For example, page components may include buttons, input boxes, drop-down menus, modal boxes, navigation bars, lists, cards, paging, progress bars, charts, and forms, etc.

[0030] The above-mentioned sub-pages to be displayed may include sub-pages based on the low-code platform and / or sub-pages based on the front-end framework. Among them, the sub-page based on the low-code platform refers to a sub-page developed based on the low-code platform. For example, the display of some report data, data query and abnormal alarm can be realized through the low-code platform. The sub-page based on the front-end framework refers to a sub-page developed based on the front-end framework, and the sub-page based on the front-end framework is used to implement at least one of the following functions: customized components, interface interaction, calling third-party services and calling third-party libraries. In other words, for some functions that cannot be realized by the low-code platform, they can be realized by developing sub-pages based on the front-end framework, thereby making up for some functions that are not supported by the low-code platform, such as complex interface interactions, customized components in the interface, calling third-party services and / or calling third-party libraries, etc.

[0031] After obtaining the user's role information, the outer frame page script determines the first rendering parameter required for the outer frame page rendering based on the user's role information, and determines the sub-pages that need to be displayed in the outer frame page (the sub-pages here can also be understood as modules). Exemplarily, the administrator user and the ordinary user have different viewing permissions and operational scopes for the web application. Taking the web application as a shopping application as an example, if the outer frame page script obtains that the user is an ordinary user, it can be determined to display the product module and the user information module, and the editing module is not displayed; if the outer frame page obtains that the user is an administrator user, it can be determined that in addition to the product module and the user information module, the editing module needs to be displayed.

[0032] S103: The outer frame page script renders and displays the outer frame page based on the first rendering parameter.

[0033] After obtaining the first rendering parameter, the outer frame page script can call the rendering method of the front-end frame (for example, calling the render method of Vue when the front-end frame is Vue), and render and display the outer frame page based on the first rendering parameter and the page data required for rendering. The page data can be loaded based on the rendering requirements.

[0034] S104: The outer frame page script controls the rendering and display of the sub-page to be displayed.

[0035] In addition, the outer frame page script can also manage and coordinate all the sub-pages to be displayed inside, including determining the sub-pages to be displayed and controlling the rendering and display of the sub-pages to be displayed. Exemplarily, the outer frame page script can determine the page content of the sub-page to be displayed based on the user's role information, and control the rendering and display of the sub-page to be displayed based on the determined sub-page content.

[0036] The embodiment of the present application provides a web application operation method that integrates a front-end framework and a low-code platform. When a web application access request from a user is received, the outer frame page script obtains the user's role information from the back-end service, and determines the first rendering parameters of the outer frame page and the sub-page to be displayed embedded in the outer frame page based on the role information. The sub-page to be displayed includes a sub-page based on the low-code platform and / or a sub-page based on the front-end framework. The outer frame page script renders and displays the outer frame page based on the first rendering parameters, and controls the rendering and display of the sub-page to be displayed. The above-mentioned outer frame page script is implemented based on the front-end framework. That is to say, the web application provided by the present technical solution can obtain the user's role information through the outer frame page script, and render and display the outer frame page and the sub-page embedded in the outer frame page based on the user's role information, thereby realizing the differentiated display of the page content of the web application and improving the flexibility of page display.

[0037] In one embodiment, optionally, the outer frame page script controlling the rendering of the sub-page to be displayed may include: the outer frame page script transmitting role information to the sub-page script to be displayed; the sub-page script to be displayed determines the second rendering parameters of the sub-page to be displayed based on the role information; and the sub-page script to be displayed renders the sub-page to be displayed based on the second rendering parameters.

[0038] Among them, the second rendering parameter may include a sub-page style and a sub-page component. The sub-page style refers to the form of expression and appearance characteristics of the visual elements in the sub-page, which determines the appearance and layout of the sub-page. The sub-page component refers to a reusable and independent code module that constitutes a sub-page, which is responsible for a specific function or displays a specific content. For the specific content of the sub-page style and the sub-page component, refer to the description of the page style and page component of the outer frame page in the above embodiment, which will not be repeated in this embodiment.

[0039] The above-mentioned sub-page script to be displayed may include a sub-page script based on a low-code platform and / or a sub-page script based on a front-end framework. After obtaining the user's role information, the sub-page script to be displayed determines the second rendering parameter required for rendering the sub-page to be displayed based on the user's role information, and renders and displays the sub-page to be displayed based on the second rendering parameter and the sub-page data required for rendering. For example, the viewing permissions and operational scope of the administrator user and the ordinary user for the sub-page to be displayed may also be different. For example, if the sub-page script to be displayed obtains that the user is an ordinary user, the editing module in the sub-page to be displayed will not be displayed; if the sub-page script to be displayed obtains that the user is an administrator user, the editing module in the sub-page to be displayed will be displayed.

[0040] Alternatively, if Figure 2 As shown, the outer frame page script can interact with the sub-page script based on the low-code platform in the form of events; the outer frame page script interacts with the sub-page script based on the front-end framework in the form of attributes or state management mode; the sub-page script based on the low-code platform interacts with the sub-page script based on the front-end framework in the form of events. The data interacted with includes but is not limited to user role information, business function data, browser information, and operating system information.

[0041] Taking the above user's role information as an example, the outer frame page script can pass the user's role information as its own attribute information or management status to the sub-page script based on the front-end framework. The outer frame page script creates a custom event that contains the role information to be passed, and dispatches the custom event. The sub-page script based on the low-code platform listens to the custom event, and after listening to the custom event, parses the custom event to obtain the user's role information.

[0042] In this embodiment, the outer frame page script can pass the acquired user role information to the sub-page script to be displayed, so that the sub-page to be displayed can also display different sub-page content based on the user's role information, thereby realizing differentiated display of sub-page content and further improving the flexibility of page display.

[0043] In one embodiment, optionally, the outer frame page script controlling the rendering of the sub-page to be displayed may include: the outer frame page script determining the first target sub-page and the second target sub-page from the sub-page to be displayed; and the outer frame page script controlling the rendering of the first target sub-page first and delaying the rendering of the second target sub-page.

[0044] Among them, the first target sub-page is the sub-page that needs to be displayed on the first screen, and the second target sub-page is the sub-page that does not need to be displayed on the first screen. In some examples, the first target sub-page can be information that the user is concerned about and needs. The user portrait of the user can be established in advance. By analyzing the user portrait, the sub-pages that the user frequently visits and interacts with are obtained (here, if the number of visits / interactions on the sub-page is greater than or equal to the preset number, and / or the visit / interaction duration of the sub-page is greater than or equal to the preset duration, then the sub-page can be considered to be a sub-page that the user visits / interacts with), and these sub-pages are determined as the first target sub-pages that need to be displayed on the first screen, and the sub-pages that the user visits and interacts with less are determined as the second target sub-pages that do not need to be displayed on the first screen (here, if the number of visits / interactions on the sub-page is less than the preset number, and / or the visit / interaction duration of the sub-page is less than the preset duration, then the sub-page can be considered to be a sub-page that the user visits / interacts with less).

[0045] After determining the first target subpage and the second target subpage, the outer frame page script controls the first target subpage to render first, and controls the second target subpage to render later. In this way, when the page is loaded, the user can quickly see the core content of the page, reducing waiting time and improving user experience; in addition, rendering subpages according to priority also reduces the amount of calculation and resources required for first screen rendering, reduces the burden on the browser, and improves the performance of web applications.

[0046] In one embodiment, optionally, the method may further include: the outer frame page script obtains a component identifier introduced into the webpage application, and loads a third-party component corresponding to the component identifier.

[0047] The component identifier may be a component name, a component class name, a component ID, or a routing parameter of a component. A third-party component is used to extend the functionality of an outer frame page and / or a sub-page embedded in an outer frame page. For example, a third-party component may be a chart extension component, a date picker, or a text editor. The outer frame page script obtains the component identifier introduced in the outer frame page and the sub-page embedded in the outer frame page, and obtains the corresponding third-party component from a third-party service based on the component identifier in the form of an HTTP request.

[0048] Correspondingly, the outer frame page script rendering the outer frame page based on the first rendering parameter may include: the outer frame page script rendering the outer frame page based on the first rendering parameter and the third-party component.

[0049] Specifically, after the third-party component is loaded, the outer frame page script calls the third-party component required by the outer frame page, and renders the outer frame page based on the first rendering parameter and the called third-party component.

[0050] Correspondingly, the sub-page script based on the front-end framework can also call the required third-party component, and render the sub-page based on the front-end framework based on the second rendering parameter and the called third-party component.

[0051] In this embodiment, since third-party components can provide richer visual effects than native page elements, such as animations, charts, interactive controls, etc., the outer frame page script renders the outer frame page through the required third-party components and the first rendering parameters, and the sub-page script based on the front-end frame renders the sub-page based on the front-end frame through the required third-party components and the second rendering parameters, which can improve the display effect of the web page.

[0052] In one embodiment, optionally, Figure 3 As shown, a web application system based on the integration of a front-end framework and a low-code platform is also provided. The system includes, from top to bottom, an outer frame page, an embedded sub-page in the outer frame page, a data layer, and a database (the database may include a remote dictionary service, a relational database, and a Gaussian database). Among them, the outer frame page is built by the front-end framework, which is responsible for calling third-party services, implementing access control for different roles (based on user authentication), implementing complex user interfaces and interactions, and referencing third-party libraries; the access control objects of the outer frame page include sub-pages based on the low-code platform and sub-pages based on the front-end framework. For functions that can be implemented by the low-code platform, the low-code platform is used first to build sub-pages. If the logic of the sub-page is more complex and needs to rely on third-party libraries / third-party services, the front-end framework can be used to develop the corresponding sub-pages to make up for the limitations of the low-code platform functions.

[0053] Figure 4 A structural diagram of a web application running device based on the integration of a front-end framework and a low-code platform provided in an embodiment of the present application. Figure 4 As shown, the device may include: an outer frame page script 401.

[0054] Specifically, the outer frame page script 401 is used to respond to the user's web application access request and obtain the user's role information from the backend service; determine the first rendering parameters of the outer frame page and the sub-page to be displayed embedded in the outer frame page according to the role information; render and display the outer frame page based on the first rendering parameters; control the rendering and display of the sub-page to be displayed; wherein the outer frame page script is implemented based on the front-end framework, and the sub-page to be displayed includes a sub-page based on a low-code platform and / or a sub-page based on the front-end framework.

[0055] Based on the above embodiment, optionally, the outer frame page script 401 is also used to determine the first target sub-page and the second target sub-page from the sub-pages to be displayed; and control the priority rendering of the first target sub-page and the delayed rendering of the second target sub-page; wherein, the first target sub-page is a sub-page that needs to be displayed on the first screen, and the second target sub-page is a sub-page that does not need to be displayed on the first screen.

[0056] Based on the above embodiment, optionally, the device further includes: a sub-page script to be displayed.

[0057] Specifically, the outer frame page script 401 is also used to transmit the role information to the sub-page script to be displayed;

[0058] The script of the sub-page to be displayed determines a second rendering parameter of the sub-page to be displayed based on the role information; and renders the sub-page to be displayed based on the second rendering parameter.

[0059] Based on the above embodiment, optionally, the sub-page based on the front-end framework is used to implement at least one of the following functions:

[0060] Customized components, interface interactions, calls to third-party services, and calls to third-party libraries.

[0061] On the basis of the above embodiment, optionally, the outer frame page script interacts with the sub-page script based on the low-code platform in the form of events;

[0062] The outer frame page script performs data interaction with the sub-page script based on the front-end framework in the form of attributes or in a state management mode;

[0063] The sub-page script based on the low-code platform interacts with the sub-page script based on the front-end framework in the form of events.

[0064] Based on the above embodiment, optionally, the outer frame page script 401 is also used to obtain the component identifier introduced in the web application, and load the third-party component corresponding to the component identifier; and render the outer frame page based on the first rendering parameter and the third-party component.

[0065] Based on the above embodiment, optionally, the first rendering parameter includes a page style and a page component.

[0066] Figure 5 A schematic diagram of the structure of an electronic device provided in an embodiment of the present application, such as Figure 5 As shown, the device includes a processor 50, a memory 51, an input device 52 and an output device 53; the number of the processor 50 in the device can be one or more. Figure 5 A processor 50 is taken as an example; the processor 50, memory 51, input device 52 and output device 53 in the device can be connected by a bus or other means. Figure 5 The example of connecting through bus is taken in the following.

[0067] The memory 51, as a computer-readable storage medium, can be used to store software programs, computer executable programs and modules, such as the program instructions / modules corresponding to the web application operation method based on the integration of the front-end framework and the low-code platform in the embodiments of the present application (for example, the outer frame page script 401 in the web application operation device based on the integration of the front-end framework and the low-code platform). The processor 50 executes various functional applications and data processing of the device by running the software programs, instructions and modules stored in the memory 51, that is, realizes the web application operation method based on the integration of the front-end framework and the low-code platform provided in any of the above embodiments.

[0068] The memory 51 may mainly include a program storage area and a data storage area, wherein the program storage area may store an operating system and at least one application required for a function; the data storage area may store data created during the operation of a web application based on the fusion of a front-end framework and a low-code platform, etc. In addition, the memory 51 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one disk storage device, a flash memory device, or other non-volatile solid-state storage device. In some instances, the memory 51 may further include a memory remotely arranged relative to the processor 50, and these remote memories may be connected to the device / terminal / server via a network. Examples of the above-mentioned network include, but are not limited to, the Internet, an intranet, a local area network, a mobile communication network, and combinations thereof.

[0069] The input device 52 may be used to receive input digital or character information and generate key signal input related to user settings and function control of the electronic device. The output device 53 may include a display device such as a display screen.

[0070] In one embodiment, a computer-readable storage medium is provided, on which a computer program is stored. When the computer program is executed by a processor, the following steps are implemented:

[0071] In response to a user's web application access request, the outer frame page script obtains the user's role information from a backend service; wherein the outer frame page script is implemented based on a front-end framework;

[0072] The outer frame page script determines the first rendering parameter of the outer frame page and the sub-page to be displayed embedded in the outer frame page according to the role information; wherein the sub-page to be displayed includes a sub-page based on a low-code platform and / or a sub-page based on a front-end framework;

[0073] The outer frame page script renders and displays the outer frame page based on the first rendering parameters;

[0074] The outer frame page script controls the rendering and display of the sub-page to be displayed.

[0075] In one embodiment, a computer program product is further provided, on which a computer program is stored, and when the computer program is executed by a processor, the following steps are implemented:

[0076] In response to a user's web application access request, the outer frame page script obtains the user's role information from a backend service; wherein the outer frame page script is implemented based on a front-end framework;

[0077] The outer frame page script determines the first rendering parameter of the outer frame page and the sub-page to be displayed embedded in the outer frame page according to the role information; wherein the sub-page to be displayed includes a sub-page based on a low-code platform and / or a sub-page based on a front-end framework;

[0078] The outer frame page script renders and displays the outer frame page based on the first rendering parameters;

[0079] The outer frame page script controls the rendering and display of the sub-page to be displayed.

[0080] The web application running device based on the integration of the front-end framework and the low-code platform, the electronic device, the computer-readable storage medium, and the computer program product provided in the above embodiments can execute the web application running method based on the integration of the front-end framework and the low-code platform provided in any embodiment of the present application, and have the corresponding functional modules and beneficial effects of executing the method. For technical details not described in detail in the above embodiments, please refer to the web application running method based on the integration of the front-end framework and the low-code platform provided in any embodiment of the present application.

[0081] Through the above description of the implementation method, the technicians in the relevant field can clearly understand that the present application can be implemented with the help of software and necessary general hardware, and of course it can also be implemented by hardware, but in many cases the former is a better implementation method. Based on this understanding, the technical solution of the present application is essentially or the part that contributes to the prior art can be embodied in the form of a software product, and the computer software product can be stored in a computer-readable storage medium, such as a computer floppy disk, read-only memory (ROM), random access memory (RAM), flash memory (FLASH), hard disk or optical disk, etc., including a number of instructions for a computer device (which can be a personal computer, server, or network device, etc.) to execute the methods of each embodiment of the present application.

[0082] It is worth noting that the various units and modules included in the above embodiments are only divided according to functional logic, but are not limited to the above division, as long as the corresponding functions can be achieved; in addition, the specific names of the functional units are only for the convenience of distinguishing each other, and are not used to limit the scope of protection of this application.

[0083] Note that the above are only preferred embodiments of the present application and the technical principles used. Those skilled in the art will understand that the present application is not limited to the specific embodiments herein, and that various obvious changes, readjustments and substitutions can be made by those skilled in the art without departing from the scope of protection of the present application. Therefore, although the present application is described in more detail through the above embodiments, the present application is not limited to the above embodiments, and may include more other equivalent embodiments without departing from the concept of the present application, and the scope of the present application is determined by the scope of the appended claims.

Claims

1. A web application operation method based on the integration of front-end framework and low-code platform, characterized in that: include: In response to a user's web application access request, the outer frame page script obtains the user's role information from a backend service; wherein the outer frame page script is implemented based on a front-end framework; The outer frame page script determines the first rendering parameter of the outer frame page and the sub-page to be displayed embedded in the outer frame page according to the role information; wherein the sub-page to be displayed includes a sub-page based on a low-code platform and / or a sub-page based on a front-end framework; The outer frame page script renders and displays the outer frame page based on the first rendering parameters; The outer frame page script controls the rendering and display of the sub-page to be displayed.

2. The method according to claim 1, characterized in that The outer frame page script controls the rendering of the sub-page to be displayed, including: The outer frame page script determines a first target subpage and a second target subpage from the subpages to be displayed; wherein the first target subpage is a subpage that needs to be displayed on the first screen, and the second target subpage is a subpage that does not need to be displayed on the first screen; The outer frame page script controls the rendering of the first target sub-page first and delays the rendering of the second target sub-page.

3. The method according to claim 1, characterized in that The outer frame page script controls the rendering of the sub-page to be displayed, including: The outer frame page script transmits the role information to the sub-page script to be displayed; The script of the sub-page to be displayed determines a second rendering parameter of the sub-page to be displayed based on the role information; The sub-page to be displayed script renders the sub-page to be displayed based on the second rendering parameters.

4. The method according to claim 1, characterized in that: The sub-page based on the front-end framework is used to implement at least one of the following functions: Customized components, interface interactions, calls to third-party services, and calls to third-party libraries.

5. The method according to claim 3, characterized in that: The outer frame page script interacts with the sub-page script based on the low-code platform in the form of events; The outer frame page script performs data interaction with the sub-page script based on the front-end framework in the form of attributes or in a state management mode; The sub-page script based on the low-code platform interacts with the sub-page script based on the front-end framework in the form of events.

6. The method according to any one of claims 1 to 5, characterized in that Also includes: The outer frame page script obtains the component identifier introduced in the web application and loads the third-party component corresponding to the component identifier; Correspondingly, the outer frame page script renders the outer frame page based on the first rendering parameter, including: The outer frame page script renders the outer frame page based on the first rendering parameter and the third-party component.

7. The method according to any one of claims 1 to 5, characterized in that The first rendering parameters include page style and page components.

8. A web application running device based on the integration of front-end framework and low-code platform, characterized in that: include: Outer frame page script; The outer frame page script is used to obtain the user's role information from the backend service in response to the user's web application access request; Determine the first rendering parameters of the outer frame page and the sub-page to be displayed embedded in the outer frame page according to the role information; render and display the outer frame page based on the first rendering parameters; control the rendering and display of the sub-page to be displayed; wherein, the outer frame page script is implemented based on the front-end framework, and the sub-page to be displayed includes a sub-page based on a low-code platform and / or a sub-page based on the front-end framework.

9. An electronic device comprising a memory and a processor, wherein the memory stores a computer program, wherein: When the processor executes the computer program, the steps of the method according to any one of claims 1 to 7 are implemented.

10. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processor, the steps of the method according to any one of claims 1 to 7 are implemented.

Images