Page frame setting method, device, equipment, storage medium and program product

Abstract

The present disclosure provides a page framework setting method and device, electronic equipment, computer readable storage medium and computer program product, relating to technical fields of low-code development, page setting, cloud service and the like. The method comprises: receiving a page framework configuration file imported through a preset configuration transmission interface; wherein the page framework configuration file is exported from an application that has been developed; extracting actual configuration parameters of the page framework from the page framework configuration file according to a preset identification standard of the page framework parameters; creating a custom page framework on a low-code development platform according to the actual configuration parameters; and applying the custom page framework on a corresponding to-be-developed page according to the page setting requirements of the to-be-developed application. The method enriches the page framework styles of the applications developed through the low-code development platform, and can conveniently realize the integration and application of the page framework, thereby improving the differentiation between the developed applications.

Description

TECHNICAL FIELD

[0001] The present disclosure relates to the technical field of application development processing, in particular to the technical fields of low-code development, page setting, cloud service, etc., and more particularly to a page framework setting method and device, an electronic device, a computer readable storage medium and a computer program product. BACKGROUND

[0002] A low-code development platform (LCDP) is a development platform that can quickly generate an application program without writing code (zero code) or by writing a small amount of code. The method of developing an application program through visualization enables developers with different experience levels to create web pages and mobile applications through a graphical user interface using drag-and-drop components and model-driven logic.

[0003] Generally, a low-code development platform only provides a default page framework, resulting in different applications developed by means of the low-code development platform having convergence in page styles. Moreover, the low-code development platform generally does not support customization of parameters of the page framework. SUMMARY

[0004] Embodiments of the present disclosure provide a page framework setting method, device, electronic device, computer readable storage medium and computer program product.

[0005] In a first aspect, embodiments of the present disclosure provide a page framework setting method, including: receiving a page framework configuration file imported through a preset configuration transmission interface; wherein the page framework configuration file is exported from a completed application; extracting actual configuration parameters of a page framework from the page framework configuration file according to a preset identification standard of page framework parameters; creating a custom page framework on a low-code development platform according to the actual configuration parameters; and applying the custom page framework on a corresponding to-be-developed page according to a page setting requirement of a to-be-developed application.

[0006] In a second aspect, embodiments of the present disclosure provide a page framework setting device, including: a configuration file receiving unit configured to receive a page framework configuration file imported through a preset configuration transmission interface; wherein the page framework configuration file is exported from a completed application; an actual configuration parameter extracting unit configured to extract actual configuration parameters of a page framework from the page framework configuration file according to a preset identification standard of page framework parameters; a custom page framework creating unit configured to create a custom page framework on a low-code development platform according to the actual configuration parameters; and a custom page framework applying unit configured to apply the custom page framework on a corresponding to-be-developed page according to a page setting requirement of a to-be-developed application.

[0007] In a third aspect, the embodiments of the present disclosure provide an electronic device, comprising: at least one processor; and a memory connected with the at least one processor in communication; wherein the memory stores instructions executable by the at least one processor, and the instructions are executed by the at least one processor to enable the at least one processor to implement the page framework setting method described in any of the implementation manners of the first aspect when executed.

[0008] In a fourth aspect, the embodiments of the present disclosure provide a non-transitory computer-readable storage medium storing computer instructions for enabling a computer to implement the page framework setting method described in any of the implementation manners of the first aspect when executed.

[0009] In a fifth aspect, the embodiments of the present disclosure provide a computer program product comprising a computer program, which, when executed by a processor, can implement the page framework setting method described in any of the implementation manners of the first aspect.

[0010] In order to more flexibly set the page framework of the developed application through the low-code development platform, the present disclosure imports the page framework configuration file derived from the existing application into the low-code development platform, that is, the low-code development platform quickly completes the inheritance of the page framework from the existing application to the developed application by analyzing the actual parameters of the imported page framework configuration file, and can quickly complete the differential configuration of the page framework of different developed applications according to different existing applications, thereby enriching the page framework styles of the developed applications through the low-code development platform, conveniently realizing the integration and application of the page framework, and improving the differentiation between the developed applications.

[0011] It should be understood that the content described in this part is not intended to identify key or important features of the embodiments of the present disclosure, nor is it used to limit the scope of the present disclosure. Other features of the present disclosure will become apparent through the following description. BRIEF DESCRIPTION OF DRAWINGS

[0012] Other features, objects, and advantages of the present disclosure will become more apparent through reading the following detailed description of non-limiting embodiments made with reference to the accompanying drawings:

[0013] Figure 1 is an exemplary system architecture to which the present disclosure can be applied;

[0014] Figure 2 is a flowchart of a page framework setting method provided by the embodiments of the present disclosure;

[0015] Figure 3 is a flowchart of a method for determining configuration parameters according to a configuration type supporting modification provided by the embodiments of the present disclosure;

[0016] Figure 4 A flowchart of a page framework configuration file exception identification processing scheme provided by an embodiment of the present disclosure is shown in FIG. 1.

[0017] Figure 5 A structural block diagram of a page framework setting device provided by an embodiment of the present disclosure is shown in FIG. 2.

[0018] Figure 6 A structural schematic diagram of an electronic device suitable for executing a page framework setting method provided by an embodiment of the present disclosure is shown in FIG. 3. DETAILED DESCRIPTION

[0019] Exemplary embodiments of the present disclosure are described below with reference to the accompanying drawings, which include various details of the embodiments of the present disclosure to assist in understanding, which should be considered in a descriptive sense only. It will thus be recognized by those of ordinary skill that various changes and modifications can be made to the embodiments described and illustrated herein without departing from the scope and spirit of the present disclosure. Also, for the purpose of clarity and the brevity of description, the description below omits the description of well-known functions and structures. It should be noted that the embodiments in the present disclosure and the features in the embodiments can be combined with each other without conflict.

[0020] In the technical scheme of the present disclosure, the collection, storage, use, processing, transmission, provision and disclosure of user personal information involved in the technical scheme comply with the relevant legal regulations and do not violate public order and good customs.

[0021] Figure 1 An exemplary system architecture 100 to which embodiments of the page framework setting method, device, electronic device and computer readable storage medium of the present disclosure can be applied is shown in FIG. 1.

[0022] As shown in FIG. 1, Figure 1 As shown in FIG. 1, Figure 1 An exemplary system architecture 100 to which embodiments of the page framework setting method, device, electronic device and computer readable storage medium of the present disclosure can be applied is shown in FIG. 1.

[0023] As shown in FIG. 1, Figure 1 As shown in FIG. 1, the system architecture 100 can include a terminal device 101, a network 102 and a server 103. The network 102 is a medium to provide a communication link between the terminal device 101 and the server 103. The network 102 can include various connection types, such as wired, wireless communication links or optical fiber cables, etc.

[0024] A user can use the terminal device 101 to interact with the server 103 through the network 102 to receive or send data or instructions, etc. The terminal device 101 and the server 103 can be installed with various applications for realizing information communication between the two, such as application development applications, page framework configuration export applications, instant messaging applications, etc.

[0025] The terminal device 101 and the server 103 can be hardware or software. When the terminal device 101 is hardware, it can be various electronic devices with a display screen, including but not limited to a smartphone, a tablet computer, a laptop computer, a desktop computer, a workstation, and the like; when the terminal device 101 is software, it can be installed in the above-mentioned electronic devices, and can be implemented as multiple software or software modules, or as a single software or software module, which is not specifically limited herein. When the server 103 is hardware, it can be implemented as a distributed server cluster composed of multiple servers, or as a single server; when the server 103 is software, it can be implemented as multiple software or software modules, or as a single software or software module, which is not specifically limited herein.

[0026] The server 103 can provide various services through various built-in applications. Taking an application development application that can provide low-code development services of applications as an example, the server 103 can achieve the following effects when running the application development application: first, receiving a page framework configuration file imported through a preset configuration transmission interface by the network 102, the page framework configuration file being exported from an already developed application by a page framework configuration exporting application controlled by a user on the terminal device 101; then, extracting actual configuration parameters of the page framework from the page framework configuration file according to a preset identification standard of the page framework parameters; next, creating a custom page framework on a low-code development platform according to the actual configuration parameters; finally, applying the custom page framework on a corresponding to-be-developed page according to the page setting requirements of the to-be-developed application.

[0027] It should be noted that the page framework configuration file can be pre-stored in the server 103 locally in various ways in addition to being transmitted from the terminal device 101 through the network 102. Therefore, when the server 103 detects that these data have been stored locally (for example, before starting to process a page framework inheritance task left over), it can choose to obtain these data directly from the local storage, in which case the example system architecture 100 can also not include the terminal device 101 and the network 102.

[0028] The page framework setting method provided by the subsequent embodiments of the present disclosure is generally executed by the server 103 carrying a low-code development platform, and accordingly, the page framework setting apparatus is also generally arranged in the server 103. However, it should also be pointed out that when the terminal device 101 also has the required computing capability and computing resources, the terminal device 101 can also complete the above-mentioned operations performed by the server 103 through the application development application installed thereon, and then output the same result as the server 103. Especially in the case where there are multiple terminal devices with different computing capabilities, but the application development application judges that the terminal device where it is located has strong computing capability and has more remaining computing resources, the terminal device can be allowed to perform the above-mentioned operations, thereby appropriately reducing the computing pressure of the server 103, and accordingly, the page framework setting apparatus can also be arranged in the terminal device 101. In this case, the example system architecture 100 can also not include the server 103 and the network 102. The complete version of the low-code development platform including all functional components can be deployed on the server 103, and the basic version of the low-code development platform including only some commonly used functional components can be deployed on the terminal device 101.

[0029] It should be understood that Figure 1 The number of terminal devices, networks and servers in

[0030] Reference should be made to Figure 2 , Figure 2 A flowchart of a page framework setting method provided by an embodiment of the present disclosure is shown in FIG. 2, wherein the flow 200 includes the following steps:

[0031] Step 201: receiving a page framework configuration file imported through a preset configuration transmission interface;

[0032] This step is intended to receive, by the execution subject of the page framework setting method (for example, the server 103 shown in FIG. 1), a page framework configuration file imported through a preset configuration transmission interface. Figure 1

[0033] The page framework configuration file is exported by a developed application, and records the configuration parameters of the page framework adopted by the exported application, and can include multiple configuration types and specific parameter values of each configuration type.

[0034] The low-code development platform carried on the above-mentioned execution subject is pre-set with a configuration transmission interface, and a page framework configuration file meeting the requirements will be imported into the low-code development platform through the configuration transmission interface, so that the low-code development platform finally completes the identification of the actual page configuration parameters through the analysis of the page framework configuration file, and finally completes the creation of the custom page framework. ​

[0035] Step 202: Extracting actual configuration parameters of the page framework from the page framework configuration file according to preset identification criteria of the page framework parameters;

[0036] On the basis of step 201, this step aims to extract actual configuration parameters of the page framework from the page framework configuration file by the above-mentioned execution subject.

[0037] In order to extract as comprehensive and accurate actual configuration parameters as possible, preset identification criteria of the page framework parameters can also be used. Specifically, the preset identification criteria can be the general standard used when setting the page framework, or the standard used when configuring the page framework can be determined as the preset identification criteria, and then the consistency of the standard is maintained to ensure the comprehensive and accurate extraction of the actual configuration parameters.

[0038] Step 203: Creating a custom page framework on the low-code development platform according to the actual configuration parameters;

[0039] On the basis of step 202, this step aims to create a custom page framework on the low-code development platform according to the actual configuration parameters by the above-mentioned execution subject.

[0040] In short, this step is to divide the actual configuration parameters extracted from the page framework configuration file according to the configuration type, and then re-encapsulate them as a custom page framework that can be executed and applied by the low-code development platform. The encapsulation method is not limited and can be selected according to the actual situation.

[0041] Step 204: Applying the custom page framework on the corresponding to-be-developed page according to the page setting requirements of the to-be-developed application.

[0042] On the basis of step 203, this step aims to apply the custom page framework on the corresponding to-be-developed page according to the page setting requirements of the to-be-developed application by the above-mentioned execution subject.

[0043] Among them, the page setting requirements of the to-be-developed application record the functional setting requirements of each page constituting the to-be-developed application and each page, and determine which page framework should be used according to the functional setting requirements of the page. That is, different page frameworks will be used to achieve different functional setting requirements, and some types of page frameworks can better achieve a functional setting requirement.

[0044] In order to more flexibly set the page framework of the developed application through the low-code development platform, the page framework setting method provided by the embodiment of the disclosure imports the page framework configuration file exported from the existing application into the low-code development platform, that is, the low-code development platform quickly completes the inheritance of the page framework from the existing application to the developed application by analyzing the actual parameters of the imported page framework configuration file, and quickly completes the differential configuration of the page framework of different developed applications according to different existing applications, thereby enriching the page framework style of the developed application through the low-code development platform, conveniently realizing the integration and application of the page framework, and improving the difference between the developed applications.

[0045] Please refer to Figure 3 , Figure 3 The flowchart of a method for determining configuration parameters according to supported modified configuration types provided by the embodiment of the disclosure, wherein the flow 300 includes the following steps:

[0046] Step 301: Determine various page configuration types contained in the actual configuration parameters to obtain an actual configuration type set;

[0047] This step aims to determine various page configuration types contained in the actual configuration parameters by the above execution subject, and obtain an actual configuration type set (combination) composed of various contained page configuration types as elements.

[0048] Step 302: For the first configuration type in the actual configuration type set that the low-code development platform supports to adjust the configuration parameters, set the configuration parameters of the first configuration type as the corresponding actual configuration parameters;

[0049] For the first configuration type in the actual configuration type set that the low-code development platform supports to adjust the configuration parameters, this step aims to set the configuration parameters of the first configuration type as the corresponding actual configuration parameters by the above execution subject. That is, because the low-code development platform supports adjusting the configuration parameters of the first configuration type, the actual configuration parameters can be directly inherited.

[0050] Step 303: For the second configuration type in the actual configuration type set that the low-code development platform does not support to adjust the configuration parameters, keep the configuration parameters of the second configuration type as default parameters;

[0051] For the second configuration type in the actual configuration type set that the low-code development platform does not support to adjust the configuration parameters, this step aims to keep the configuration parameters of the second configuration type as default parameters by the above execution subject. That is, because the low-code development platform does not support adjusting the configuration parameters of the second configuration type, only the parameters of these configuration types can be maintained at the default parameters.

[0052] That is, the actual configuration parameters related to the second configuration type recorded in the page framework configuration file will not be inherited by the low-code development platform. Subsequently, the above execution subject can construct a corresponding custom page framework according to the first configuration type item modified as the actual configuration parameter and the second configuration type item maintaining the default parameter.

[0053] For step 203 in process 200, the embodiment provides a specific implementation manner through steps 301-303, taking whether all configuration types contained in the actual configuration parameter are supported by the low-code development platform for parameter adjustment as a starting point, and giving different processing manners to integrate the page framework configuration in the imported page framework configuration file as comprehensively as possible.

[0054] On the basis of step 303, considering that the configuration parameter of the second configuration type still maintains the default parameter, it will inevitably affect the overall page effect. In order to be as close as possible to the page effect of the existing application of the exported page framework configuration file, the embodiment further provides a configuration replacement scheme through the page configuration effect:

[0055] Firstly, according to the page configuration effect corresponding to the second configuration type, a third configuration type or a fourth configuration manner whose effect similarity meets a preset requirement (for example, the similarity is more than 80%) is determined; then, a configuration replacement scheme containing the third configuration type and the fourth configuration manner is pushed, so as to avoid the influence of the second configuration type on the page effect as much as possible. Further, while providing the configuration replacement scheme, the page effect comparison before and after using the configuration replacement scheme can also be shown to the developer, so as to more intuitively let the developer understand the page effect of the provided configuration replacement scheme.

[0056] Among them, the third configuration type is another configuration type different from the first configuration type and the second configuration type, so as to eliminate the influence of the second configuration type on the page effect as much as possible by replacing other configuration types that can have the same or similar effect; the fourth configuration manner is another page configuration manner different from the above several configuration types for adjusting the page effect, so as to achieve similar page effect through other adjustment means.

[0057] Please refer to Figure 4 , Figure 4 A flowchart of a page framework configuration file exception identification processing scheme provided by the embodiment of the present disclosure, for the case that the page framework configuration file cannot be completely recognized by the low-code development platform, the following processing steps are provided through process 400:

[0058] Step 401: determining an abnormal configuration parameter that cannot be recognized by a preset recognition standard;

[0059] The step is designed to determine the abnormal configuration parameter which cannot be identified by the preset identification standard, i.e., the full-amount configuration parameter contained in the page framework configuration file, according to whether it can be identified by the preset identification standard.

[0060] Of course, other ways can also be adopted as long as the part of the abnormal configuration parameter can be determined.

[0061] Step 402: judging whether the abnormal reason of the abnormal configuration parameter is a known reason with a preset correction method, if yes, executing step 403, otherwise executing step 404.

[0062] The step is designed to judge whether the abnormal reason of the abnormal configuration parameter is a known reason with a preset correction method, and select different processing branches according to the judgment result. Specifically, the abnormal reason that the abnormal configuration parameter cannot be normally identified can be judged first, then whether the abnormal reason is a known reason is confirmed, and finally whether the known reason is preset with a correction method is confirmed.

[0063] Step 403: correcting the abnormal configuration parameter according to the correction method.

[0064] The step is based on the judgment result of step 402 that the abnormal reason of the abnormal configuration parameter is a known reason with a preset correction method, and is designed to correct the abnormal configuration parameter according to the correction method by the execution subject, so as to make the corrected configuration parameter be normally identified by the preset identification standard through the correction method.

[0065] Step 404: returning the abnormal parameter adjustment prompt containing the abnormal configuration parameter and the preset identification standard.

[0066] The step is based on the judgment result of step 402 that the abnormal reason of the abnormal configuration parameter is an unknown reason or a known reason without a preset correction method, and is designed to return the abnormal parameter adjustment prompt containing the abnormal configuration parameter and the preset identification standard, so as to obtain more processing measures through the prompt, or to inform the developer to try to adjust the export method of the page framework configuration file to try to eliminate the abnormal configuration parameter.

[0067] On the basis of any of the above embodiments, the present embodiment provides multiple processing methods through steps 401-404 for the case that the page framework configuration file cannot be completely identified by the code development platform, so as to eliminate the abnormal configuration parameter as much as possible and improve the comprehensiveness and accuracy of the actual configuration parameter extracted.

[0068] On the basis of any of the above embodiments, according to the different forms of the page framework configuration file, the way of extracting the actual configuration parameters is also different. For example, when the page framework configuration file is a JavaScript script, the actual configuration parameters of the page framework can be extracted from the JavaScript script according to the identification standard corresponding to the Java language of the page framework parameters; and when the page framework configuration file is a Cascading Style Sheet CSS, the style configuration parameters of the page framework can be extracted from the CSS according to the identification standard corresponding to the CSS of the page framework parameters. In order to ensure the accuracy and comprehensiveness of the proposed parameters as much as possible.

[0069] On the basis of any of the above embodiments, in order to facilitate subsequent reuse of the custom page framework and facilitate other developers to borrow the custom page framework, the identity information of the custom page framework can also be determined, and the custom page framework with the identity information attached is stored to the cloud page framework library. The identity information will serve as the index information of the corresponding custom page framework to guide accurate query; then when receiving a local calling request containing the identity information, the custom page framework is obtained from the cloud page framework library and mounted to the local low-code development platform (for example, when the browser is used as an access carrier, the custom function component can be mounted to the local browser), thereby facilitating calling through the local.

[0070] In addition, in addition to the above identity information, tags such as injection time, characteristics, developer, and usage frequency can also be attached to each custom page framework, thereby providing a fuzzy query function in the case that the inquirer does not hold the identity information or index information.

[0071] In order to deepen the understanding, the disclosure also gives a specific implementation scheme in combination with one specific application scenario, mainly including two parts, one is to add diversified page framework configuration templates and multiple configuration type adjustment items in the templates to the low-code development platform itself, and the other is to add a function to the low-code development platform to directly inherit the page framework configuration parameters contained in the page framework configuration file exported from other applications.

[0072] To achieve the above purpose, the designed scheme includes:

[0073] Built-in framework layout template: provide several commonly used application layouts to facilitate users to quickly create frameworks that meet the demand style;

[0074] Built-in application pendant component: the application framework designer can support customizing the layout of general modules, such as Logo (logo), Brand (brand), message notification, personal center, page management, application development, application management, etc. Users can drag and customize the placement of components in the framework area;

[0075] Application level framework management: provide application framework's add (from platform level Layout template selection, where Layout means layout), delete, change, in addition, can also support the copy function of framework, mainly to reduce the cost of custom framework creation;

[0076] Application creation supports Layout settings: add the ability to set Layout in the application creation process;

[0077] Provide application framework designer: that is, Framework Editor (framework editor), based on layout template, support visual design, preview of application framework content, in addition, can support custom layout this advanced function; Framework & page interaction scenarios mainly include initialization sequence, data synchronization, event triggering, for example: Console (dashboard) page framework data load (load) is completed before initializing the page; In the framework, the synchronization of region and page data, region switching needs to reload (reloading) the page; In the page, the page region switching needs to be synchronized to the framework.

[0078] The following will be described respectively for each part:

[0079] Framework layout template design

[0080] Layout Editor can provide common application framework layout, at least cover basic application scenarios, easy to apply. Combined with the current Console product framework form, it can be divided into row (Row) and column (Col) two kinds, the overall framework or page content can be rendered in a fixed width or full screen form, in addition, some applications also provide "fixed tool bar", common layout: 1) only set left sidebar; 2) only set top navigation bar; 3) set top navigation bar and bottom status bar at the same time; 4) set left sidebar and top navigation bar at the same time; 5) set left sidebar, top navigation bar and bottom status bar at the same time; 6) only set scroll tool bar at the edge of the page, etc. Specifically, when multiple bars are set at the same time, more combinations can also be made according to the coverage between each other, which will not be listed one by one here.

[0081] The implementation idea is as follows:

[0082] Layout Renderer: Only one set is needed, providing diverse configurations. AMIS (a low-code front-end framework that uses JSON configuration to generate pages, saving page development workload and greatly improving the efficiency of front-end page development) provides the Layout page layout component, supporting left sidebar, top, and content area layouts, as well as Fixed and Boxed (two different layout methods). However, its current capabilities cannot meet the diverse layout requirements mentioned above. In the framework editor, it can be encapsulated based on AMIS Layout to provide diverse layout renderers.

[0083] Custom Layout: Custom Layout refers to the ability to customize the layout for scenarios where the built-in layout template cannot meet the requirements. This is achieved by introducing external JS scripts and CSS style files. For example, it can quickly integrate with the user's existing application framework.

[0084] Layout renderer

[0085] The layout renderer design includes layout definition, layout type, and layout customization scheme.

[0086] Layout Presets: Layout will pre-set commonly used widgets for users in the editable area, and users can adjust them according to their needs;

[0087] Custom Layout: Custom Layout refers to the ability for developers to customize page layouts based on built-in Layout types using external JS scripts and CSS style files. This provides callback registration and execution for external scripts, making it easier to solve asynchronous behavior issues that affect page rendering within user-defined frameworks.

[0088] Additionally, it is necessary to establish data sharing between the application and custom frameworks / pages, enabling communication between data domains and contexts:

[0089] First, Layout provides extraJS and extraCSS properties, which are of Object type, including url and callback, url is used to specify the address of external JS script to be mounted, callback is used to define callback function (support string and Function), Layout will determine whether there is external script in componentDidMount, if there is, execute mounting, in the mounting process, first determine whether it has been mounted, if the same name script is mounted, it needs to be removed first, then execute script tag assembly and mounting, and listen to load event, when load is completed, execute callback, and pass the context cxt (application data domain) into callback, so that the framework designer can customize the application related logic in callback (for example, the communication rule of the application data in the to-be-developed page).

[0090] Next, explain the processing logic that may exist in the framework design, mainly including framework event listening processing and data update synchronization:

[0091] First, data update synchronization can be realized through the context registration interface injectLayoutContext provided by the platform, which injects context data into the application global variable layoutContext, for example, the framework has some asynchronous requests, and the page renders the data returned by the request, then the callback can be called through listening to the data return success event to synchronize the data to the page through injectLayoutContext, and the page renderer can get the data by binding ${layoutContext.xxx};

[0092] Second, the platform provides built-in page reload interface and redirect interface, which can help realize the function of local refresh and route jump of the current page by clicking a button in the framework, that is, in the callback, listen to and dispatch the framework custom event, and the page can listen and execute, in order to let the page identify the framework event, the platform also provides a custom event converter, that is, it can convert the framework custom event into an event that the platform page can listen to, in this event converter, user-defined event processing logic is supported, that is, in addition to the built-in reload and redirect processing, the platform also supports user-defined event logic, when the page listens to a certain event, it will automatically help the user execute the given event processing logic.

[0093] Application framework designer

[0094] The application framework designer mainly provides visual design capabilities of the application framework, and has a form similar to the current page visual editor. The core functions of the designer mainly include:

[0095] Designer basic module: including top tools (framework configuration, preview, multi-end, version, undo, restore, save, exit, switch (restore to default), framework outline, AMIS components (limit type), hanging piece, code, canvas, configuration panel;

[0096] Support drag and drop design: users can directly drag components in the component list to the framework content for preview configuration;

[0097] Interactive highlighting: provide mouse interaction response display of main containers, such as highlighting when the mouse moves into the configurable area, and highlighting after selection;

[0098] Support external JS script and CSS style file configuration: put in the layout panel, execute load during preview, support upload (exist on the platform configured storage medium);

[0099] Technical implementation: based on AMIS and Editor to quickly construct the application framework designer, and keep the style uniform, output the framework schema, mainly including renderers and plugins.

[0100] Built-in application hanging piece components

[0101] The built-in application hanging pieces operable in the visual framework designer include Logo, Brand, message notification, personal center, navigation menu, application management, and whole-site search. These components are provided by the low-code development platform.

[0102] Application framework management

[0103] The platform provides preset frameworks to perfect the application creation process, that is, to provide default settings for the framework in the application creation process, and to synchronize to the application-level framework management after application creation. In the application framework management, platform-level frameworks can be added, and application-level framework editing capabilities are provided.

[0104] Further reference Figure 5 As an implementation of the method shown in the above figures, the present disclosure provides an embodiment of a page framework setting device. The device embodiment corresponds to the method embodiment shown in Figure 2 The device can be applied to various electronic devices.

[0105] As Figure 5As shown, the page framework setting apparatus 500 of the embodiment can include a configuration file receiving unit 501, an actual configuration parameter extracting unit 502, a custom page framework creating unit 503, and a custom page framework applying unit 504. The configuration file receiving unit 501 is configured to receive a page framework configuration file imported through a preset configuration transmission interface, wherein the page framework configuration file is exported from a developed application. The actual configuration parameter extracting unit 502 is configured to extract actual configuration parameters of a page framework from the page framework configuration file according to a preset identification standard of page framework parameters. The custom page framework creating unit 503 is configured to create a custom page framework on a low-code development platform according to the actual configuration parameters. The custom page framework applying unit 504 is configured to apply the custom page framework on a corresponding to-be-developed page according to a page setting requirement of a to-be-developed application.

[0106] In the embodiment, the specific processing of the configuration file receiving unit 501, the actual configuration parameter extracting unit 502, the custom page framework creating unit 503, and the custom page framework applying unit 504 in the page framework setting apparatus 500 and the technical effects brought by the specific processing can be respectively referred to the related description of steps 201-204 in the corresponding embodiment. Figure 2 The related description of steps 201-204 in the corresponding embodiment will not be repeated here.

[0107] In some optional implementation manners of the embodiment, the actual configuration parameter extracting unit 502 can be further configured to:

[0108] in response to the page framework configuration file being a JavaScript script, extract actual configuration parameters of the page framework from the JavaScript script according to an identification standard of page framework parameters corresponding to the Java language;

[0109] in response to the page framework configuration file being a Cascading Style Sheets (CSS), extract style configuration parameters of the page framework from the CSS according to an identification standard of page framework parameters corresponding to the CSS.

[0110] In some optional implementation manners of the embodiment, the custom page framework creating unit 503 can be further configured to:

[0111] determine various page configuration types contained in the actual configuration parameters to obtain an actual configuration type set;

[0112] set configuration parameters of a first configuration type in the actual configuration type set to corresponding actual configuration parameters, wherein the first configuration type is a configuration type supported by the low-code development platform for configuration parameter adjustment;

[0113] For the second configuration type which is not supported by the actual configuration type concentrated low-code development platform to adjust the configuration parameter, the configuration parameter of the second configuration type is kept as the default parameter.

[0114] In some optional implementations of the embodiment, the page framework setting apparatus 500 can further include:

[0115] The replacement configuration determination unit based on the configuration effect is configured to determine, according to the page configuration effect corresponding to the second configuration type, a third configuration type or a fourth configuration mode whose effect similarity meets a preset requirement; wherein the third configuration type and the fourth configuration mode are configuration types and configuration modes supported by the low-code development platform to adjust the parameter;

[0116] The replacement scheme pushing unit is configured to push a configuration replacement scheme containing the third configuration type and the fourth configuration mode.

[0117] In some optional implementations of the embodiment, the page framework setting apparatus 500 can further include:

[0118] The abnormal configuration parameter identification unit is configured to determine, in response to the page framework configuration file being unable to be completely identified, an abnormal configuration parameter that cannot be identified by the preset identification standard;

[0119] The automatic correction unit is configured to, in response to the abnormal cause of the abnormal configuration parameter being a known cause and a correction mode being preset, correct the abnormal configuration parameter according to the correction mode;

[0120] The prompting unit is configured to, in response to the abnormal cause of the abnormal configuration parameter being unknown, return an abnormal parameter adjustment prompt containing the abnormal configuration parameter and the preset identification standard.

[0121] In some optional implementations of the embodiment, the page framework setting apparatus 500 can further include:

[0122] The identity information determination and storage unit is configured to determine the identity information of the custom page framework, and store the custom page framework with the identity information attached to the cloud page framework library; wherein the identity information serves as the index information of the corresponding custom page framework;

[0123] The remote calling and mounting unit is configured to, in response to receiving a local calling request containing the identity information, acquire the custom page framework from the cloud page framework library, and mount it to the local low-code development platform.

[0124] In some optional implementations of the embodiment, the page framework setting apparatus 500 can further include:

[0125] The loading event listening unit is configured to listen to a loading event in response to the to-be-developed page having completed configuration of an actual page framework;

[0126] The callback function execution and application domain passing-in unit is configured to execute a predefined callback function and pass in a context application domain of the to-be-developed page into the callback function in response to the loading event being completed.

[0127] The communication rule setting unit is configured to set a communication rule with application data in the to-be-developed page through the callback function.

[0128] The embodiment is a device embodiment corresponding to the method embodiment.

[0129] In order to more flexibly set the page framework of the developed application through the low-code development platform, the page framework setting device provided in the embodiment of the present disclosure imports a page framework configuration file derived from an existing application into the low-code development platform, that is, the low-code development platform parses actual parameters of the imported page framework configuration file, and then quickly completes inheritance of the page framework from the existing application to the developed application, and can quickly complete differentiated configuration of the page framework of different developed applications according to different existing applications, thereby enriching the page framework style of the developed application through the low-code development platform, conveniently realizing integration and application of the page framework, and improving differentiation between the developed applications.

[0130] According to the embodiment of the present disclosure, the present disclosure further provides an electronic device, comprising: at least one processor; and a memory connected with the at least one processor in communication; wherein the memory stores instructions executable by the at least one processor, and the instructions are executed by the at least one processor to enable the at least one processor to implement the page framework setting method described in any of the embodiments.

[0131] According to the embodiment of the present disclosure, the present disclosure further provides a readable storage medium, which stores computer instructions for enabling a computer to implement the page framework setting method described in any of the embodiments when the computer executes the computer instructions.

[0132] According to the embodiment of the present disclosure, the present disclosure further provides a computer program product, which enables the page framework setting method described in any of the embodiments to be implemented when the processor executes the computer program.

[0133] Figure 6A schematic block diagram of an example electronic device 600 that can be used to implement embodiments of the present disclosure is shown. The electronic device is intended to represent various forms of digital computers, such as laptops, desktops, tablets, personal digital assistants, servers, blade servers, mainframes, and other appropriate computers. The electronic device can also represent various forms of mobile devices, such as personal digital assistants, cellular telephones, smartphones, wearable devices, and other similar computing devices. The components shown here, their connections and relationships, and their functions, are meant to be examples only, and are not intended to limit the implementations of the present disclosure described and / or claimed in this document.

[0134] As shown in Figure 6 The device 600 includes a computing unit 601 that can perform various appropriate actions and processes in accordance with a computer program stored in a read-only memory (ROM) 602 or a computer program loaded into a random access memory (RAM) 603 from a storage unit 608. Various programs and data required for the operation of the device 600 can also be stored in the RAM 603. The computing unit 601, the ROM 602, and the RAM 603 are connected to each other through a bus 604. An input / output (I / O) interface 605 is also connected to the bus 604.

[0135] Various components in the device 600 are connected to the I / O interface 605, including an input unit 606, such as a keyboard, a mouse, etc.; an output unit 607, such as various types of displays, speakers, etc.; a storage unit 608, such as a magnetic disk, a magneto-optical disk, etc.; and a communication unit 609, such as a network card, a modem, a wireless communication transceiver, etc. The communication unit 609 allows the device 600 to exchange information / data with other devices through a computer network, such as the Internet, and / or various telecommunication networks.

[0136] The computing unit 601 can be various general-purpose and / or special-purpose processing components with processing and computing capabilities. Some examples of the computing unit 601 include, but are not limited to, a central processing unit (CPU), a graphics processing unit (GPU), various specialized artificial intelligence (AI) computing chips, various computing units running machine learning model algorithms, a digital signal processor (DSP), and any suitable processor, controller, microcontroller, and the like. The computing unit 601 performs various methods and processes described above, such as the page frame setup method. For example, in some embodiments, the page frame setup method can be implemented as a computer software program tangibly embodied in a machine-readable medium, such as the storage unit 608. In some embodiments, part or all of the computer program can be loaded and / or installed onto the device 600 via the ROM 602 and / or the communication unit 609. When the computer program is loaded onto the RAM 603 and executed by the computing unit 601, one or more steps of the page frame setup method described above can be performed. Alternatively, in other embodiments, the computing unit 601 can be configured to perform the page frame setup method by any other suitable means, such as by means of firmware.

[0137] Various implementations of the systems and techniques described above can be realized in digital electronic circuitry, integrated circuitry, a field programmable gate array (FPGA), an application specific integrated circuit (ASIC), a system on a chip (SOC), a programmable logic device (PLD), a computer hardware, firmware, software, and / or combinations thereof. These various implementations can include implementation in one or more computer programs that are executable and / or interpretable on a programmable system including at least one programmable processor, which can be special or general purpose, coupled to receive data and instructions from, and to transmit data and instructions to, a storage system, at least one input device, and at least one output device.

[0138] Program code for carrying out methods of the present disclosure can be written in any combination of one or more programming languages. The program code can be provided to a processor or controller of a general purpose computer, special purpose computer, or other programmable data processing apparatus to produce a machine, such that the program code, when executed by the processor or controller, produces the functions / operations specified in the flowcharts and / or the block diagrams. The program code can be executed entirely on a machine, partially on a machine, partially on a machine as a stand-alone software package, partially on a machine and partially on a remote machine or entirely on a remote machine or server.

[0139] In the context of this disclosure, a machine-readable medium can be a tangible medium that contains or stores a program for use by or in connection with an instruction execution system, apparatus, or device. The machine-readable medium can be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium can include but is not limited to an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the foregoing. More specific examples of the machine-readable storage medium will include one or more lines of electrical connections, portable computer disks, hard disk drives, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or Flash memory), optical fibers, portable compact disc read-only memories (CD-ROMs), optical storage devices, magnetic storage devices, or any suitable combination of the foregoing.

[0140] To provide for interaction with a user, the systems and techniques described here can be implemented on a computer having a display device (e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor) for displaying information to the user and a keyboard and a pointing device (e.g., a mouse or a trackball) by which the user can provide input to the computer. Other kinds of devices can be used to provide for interaction with a user as well; for example, feedback provided to the user can be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the user can be received in any form, including acoustic, speech, or tactile input.

[0141] The systems and techniques described here can be implemented in a computing system that includes a back end component (e.g., as a data server), or that includes a middleware component (e.g., an application server), or that includes a front end component (e.g., a user computer having a graphical user interface or a Web browser through which a user can interact with an implementation of the systems and techniques described here), or any combination of such back end, middleware, or front end components. The components of the system can be interconnected by any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include a local area network (LAN), a wide area network (WAN), and the Internet.

[0142] The computer system can include clients and servers. This relationship can be. The servers are generally remote from the clients with the interactions being performed via the network. The relationship can be a client-server relationship, where the servers are the data providers and the clients are the data requestors. The servers can be cloud servers, also known as cloud computing servers or cloud hosts, which are a host product in the cloud computing service system to solve the defects of large management difficulty and weak business scalability in traditional physical hosts and virtual private server (VPS) services.

[0143] In order to more flexibly set the page framework of the developed application through the low-code development platform, the embodiments of the present disclosure import the page framework configuration file derived from the existing application into the low-code development platform, that is, the low-code development platform parses the actual parameters of the imported page framework configuration file, and then quickly completes the inheritance of the page framework from the existing application to the developed application. According to different existing applications, the differential configuration of the page framework of different developed applications can be quickly completed, thereby enriching the page framework style of the developed application through the low-code development platform, conveniently realizing the integration and application of the page framework, and improving the differentiation between the developed applications.

[0144] It should be understood that the various forms of flow shown above can be used to reorder, add or delete steps. For example, the steps described in the present disclosure can be executed in parallel, sequentially or in different orders, as long as the desired results of the technical solutions disclosed in the present disclosure can be achieved, which is not limited herein.

[0145] The above detailed description does not constitute a limitation on the protection scope of the present disclosure. Those skilled in the art should understand that various modifications, combinations, sub-combinations and substitutions can be made according to design requirements and other factors. Any modifications, equivalent replacements and improvements made within the spirit and principles of the present disclosure should be included in the protection scope of the present disclosure.

Claims

1. A page framework setting method, comprising: receiving a page framework configuration file imported through a preset configuration transmission interface; wherein the page framework configuration file is exported from a developed application; extracting actual configuration parameters of a page framework from the page framework configuration file according to a preset identification standard of page framework parameters; creating a custom page framework on a low-code development platform according to the actual configuration parameters, including: determining an actual configuration type set obtained by various page configuration types contained in the actual configuration parameters; setting configuration parameters of a first configuration type in the actual configuration type set as corresponding actual configuration parameters; keeping configuration parameters of a second configuration type in the actual configuration type set as default parameters; constructing a custom page framework according to the first configuration type item modified as actual configuration parameters and the second configuration type item kept as default parameters, wherein the first configuration type is a configuration type supported by the low-code development platform to adjust configuration parameters, and the second configuration type is a configuration type not supported by the low-code development platform to adjust configuration parameters; applying the custom page framework on a corresponding to-be-developed page according to page setting requirements of a to-be-developed application.

2. The method of claim 1, wherein, The extracting actual configuration parameters of a page framework from the page framework configuration file according to a preset identification standard of page framework parameters, comprising: in response to the page framework configuration file being a JavaScript script, extracting actual configuration parameters of a page framework from the JavaScript script according to an identification standard corresponding to the JavaScript language of page framework parameters; in response to the page framework configuration file being a Cascading Style Sheets (CSS), extracting style configuration parameters of a page framework from the CSS according to an identification standard corresponding to the CSS of page framework parameters.

3. The method of claim 1, further comprising: determining a third configuration type or a fourth configuration mode that has an effect similarity degree satisfying a preset requirement according to a page configuration effect corresponding to the second configuration type; wherein the third configuration type and the fourth configuration mode are configuration types and configuration modes supported by the low-code development platform to adjust parameters; pushing a configuration replacement scheme containing the third configuration type and the fourth configuration mode.

4. The method of claim 1, further comprising: in response to the page framework configuration file being unable to be completely identified, determining an abnormal configuration parameter that cannot be identified by the preset identification standard; in response to an abnormal cause of the abnormal configuration parameter being a known cause and a correction mode being preset, correcting the abnormal configuration parameter according to the correction mode; in response to the abnormal cause of the abnormal configuration parameter being unknown, returning an abnormal parameter adjustment prompt containing the abnormal configuration parameter and the preset identification standard.

5. The method of claim 1, further comprising: determining identity information of the custom page framework, and storing the custom page framework with the identity information attached to a cloud page framework library; wherein the identity information serves as index information of the corresponding custom page framework. In response to receiving the local call request containing the identity information, the custom page framework is obtained from the cloud page framework library and mounted to the local low-code development platform.

6. The method of any one of claims 1-5, further comprising: In response to the to-be-developed page completing configuration of the actual page framework, listening to a load event; In response to the completion of the listened-to load event, executing a predefined callback function and passing a context application domain of the to-be-developed page into the callback function; Setting a communication rule for application data in the to-be-developed page through the callback function.

7. A page framework setting apparatus, comprising: A configuration file receiving unit configured to receive a page framework configuration file imported through a preset configuration transmission interface, wherein the page framework configuration file is exported from a completed application; An actual configuration parameter extracting unit configured to extract actual configuration parameters of a page framework from the page framework configuration file according to a preset identification standard of page framework parameters; A custom page framework creating unit configured to create a custom page framework on a low-code development platform according to the actual configuration parameters, including: determining an actual configuration type set including various page configuration types contained in the actual configuration parameters; setting configuration parameters of a first configuration type in the actual configuration type set as corresponding actual configuration parameters; keeping configuration parameters of a second configuration type in the actual configuration type set as default parameters; constructing a custom page framework according to the first configuration type items modified as actual configuration parameters and the second configuration type items kept as default parameters, wherein the first configuration type is a configuration type supported by the low-code development platform to adjust configuration parameters, and the second configuration type is a configuration type not supported by the low-code development platform to adjust configuration parameters; A custom page framework applying unit configured to apply the custom page framework on a corresponding to-be-developed page according to page setting requirements of a to-be-developed application.

8. The apparatus of claim 7, wherein, The actual configuration parameter extracting unit is further configured to: In response to the page framework configuration file being a JavaScript script, extract actual configuration parameters of a page framework from the JavaScript script according to an identification standard of page framework parameters corresponding to the JavaScript language; In response to the page framework configuration file being a Cascading Style Sheet (CSS), extract style configuration parameters of a page framework from the CSS according to an identification standard of page framework parameters corresponding to the CSS.

9. The apparatus of claim 7, further comprising: A replacement configuration determining unit configured to determine a third configuration type or a fourth configuration mode having an effect similarity degree satisfying a preset requirement according to a page configuration effect corresponding to the second configuration type, wherein the third configuration type and the fourth configuration mode are configuration types and configuration modes supported by the low-code development platform to adjust parameters; A replacement scheme pushing unit configured to push a configuration replacement scheme containing the third configuration type and the fourth configuration mode.

10. The apparatus of claim 7, further comprising: an abnormal configuration parameter identifying unit configured to determine an abnormal configuration parameter that cannot be identified by the preset identification standard in response to the page framework configuration file being unable to be completely identified; an automatic correction unit configured to correct the abnormal configuration parameter according to a preset correction manner in response to an abnormal cause of the abnormal configuration parameter being a known cause and the preset correction manner being preset; a prompting unit configured to return an abnormal parameter adjustment prompt containing the abnormal configuration parameter and the preset identification standard in response to the abnormal cause of the abnormal configuration parameter being unknown.

11. The apparatus of claim 7, further comprising: an identity information determining and storing unit configured to determine identity information of the custom page framework and store the custom page framework with the identity information attached to a cloud page framework library; wherein the identity information serves as index information of the corresponding custom page framework; a remote calling and mounting unit configured to obtain the custom page framework from the cloud page framework library and mount to a local low-code development platform in response to receiving a local calling request containing the identity information.

12. The apparatus of any one of claims 7-11, further comprising: a load event listening unit configured to listen to a load event in response to the page to be developed having completed configuration of an actual page framework; a callback function executing and application domain passing-in unit configured to execute a predefined callback function and pass in a context application domain of the page to be developed into the callback function in response to the listened load event being completed; a communication rule setting unit configured to set a communication rule with application data in the page to be developed through the callback function.

13. An electronic device, comprising: at least one processor; and a memory communicatively connected to the at least one processor; wherein the memory stores instructions executable by the at least one processor, and the instructions are executed by the at least one processor to enable the at least one processor to perform the page framework setting method of any one of claims 1-6.

14. A non-transitory computer-readable storage medium storing computer instructions for causing a computer to perform the page framework setting method of any one of claims 1-6.

15. A computer program product comprising a computer program, the computer program being executed by a processor to implement the steps of the page framework setting method of any one of claims 1-6. ​

Images