Method and device for generating page source file
By introducing visual code configuration and online code editing linkage in the page source file generation method, the problem of difficulty in quickly iterating through traditional manual code writing is solved, and efficient page code development and cross-functional team cooperation are achieved.
Patent Information
- Application Number
- CN202510303241.1
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2025-03-13
- Publication Date
- 2025-06-27
AI Technical Summary
The traditional manual page source code method is difficult to meet the requirements of rapid iteration and efficient delivery, and the collaboration mechanism between the code generation tool and developers is not friendly enough, which affects the maintenance and management of the code.
A method and device for generating page source files is proposed. Through a code development model based on visual code configuration and visual online code editing, the target business needs of financial institutions are obtained, the target configuration components are configured, the page code is generated, and the matching page source files are generated through online update and compilation packaging.
It greatly improves the development efficiency of page code and reduces development costs, allowing non-technical personnel to participate in the development process, promotes cross-functional teamwork, and quickly responds to business needs through real-time online updates.
Smart Images

Figure CN120215911A_ABST
Abstract
Description
Technical Field
[0001] The present disclosure relates to the field of Internet technologies, and in particular, to a method and apparatus for generating a page source file. Background Art
[0002] With the acceleration of digital transformation and the continuous growth of software development requirements, the traditional way of manually writing page source code has been difficult to meet the requirements of rapid iteration and efficient delivery. Among them, the page source code is the underlying instruction set that constitutes a web page. It defines the web page structure and content through Hyper Text Markup Language (HTML for short), controls the web page style and layout through Cascading Style Sheets (CSS for short), and realizes interactivity and dynamic behavior through JavaScript (a dynamic programming language), thereby guiding the browser to present the web page content that users see.
[0003] To address this challenge, code generation technology has gradually matured and been widely applied. It can automatically generate high-quality page source code according to business logic and design specifications, thereby significantly improving development efficiency and reducing dependence on a large number of developers. Summary of the Invention
[0004] The present disclosure aims to at least partly solve one of the technical problems in the related art.
[0005] One aspect of the present disclosure provides a method and apparatus for generating a page source file to implement a code development mode based on the linkage of visual code configuration and visual online code editing, so as to improve the development efficiency of page code and reduce the development cost of page code.
[0006] The first aspect of the embodiments of the present disclosure provides a method for generating a page source file, including:
[0007] Obtaining a target business requirement associated with a financial institution; wherein the target business requirement includes a first business requirement for visual configuration and a second business requirement for non-visual configuration;
[0008] Configuring a plurality of target configuration components in a target configuration page associated with the first business requirement, and generating a first page code that matches the first business requirement according to the target configuration information of the plurality of target configuration components;
[0009] Online updating the first page code according to the second business requirement to obtain a second page code;
[0010] Compiling and packaging the second page code to obtain a page source file that matches the target business requirement.
[0011] The second aspect of the present disclosure provides an apparatus for generating a page source file, including:
[0012] An acquisition module, configured to acquire a target service requirement associated with a financial institution; wherein, the target service requirement includes a first service requirement for visual configuration and a second service requirement for non-visual configuration;
[0013] A configuration generation module, configured to configure multiple target configuration components in a target configuration page associated with the first service requirement, and generate a first page code that matches the first service requirement according to the target configuration information of the multiple target configuration components;
[0014] An online update module, configured to perform an online update on the first page code according to the second service requirement to obtain a second page code;
[0015] A compilation and packaging module, configured to compile and package the second page code to obtain a page source file that matches the target service requirement.
[0016] The third aspect of the present disclosure provides an electronic device, including: a memory, a processor, and a computer program stored on the memory and executable on the processor. When the processor executes the program, it implements the method for generating a page source file as proposed in the first aspect of the present disclosure.
[0017] The fourth aspect of the present disclosure provides a non-transitory computer-readable storage medium, on which a computer program is stored. When the program is executed by a processor, it implements the method for generating a page source file as proposed in the first aspect of the present disclosure.
[0018] The fifth aspect of the present disclosure provides a computer program product. When the instructions in the computer program product are executed by a processor, they execute the method for generating a page source file as proposed in the first aspect of the present disclosure.
[0019] The technical solutions provided in the above embodiments of the present disclosure at least bring the following beneficial effects:
[0020] Through a code development mode that combines visual code configuration and visual online code editing, the development efficiency of page code can be significantly improved, and the development cost of page code can be reduced. Among them, the visual configuration interface provides intuitive and easy-to-use visual configuration components, which lowers the technical threshold, enabling non-technical personnel to participate in the development process of page code, promoting cross-functional team cooperation, and realizing knowledge sharing. Among them, the real-time online update function supports online preview and timely adjustment of the generated page code, enabling developers to quickly make adjustments after the page code is generated to quickly respond to flexible business needs. Moreover, by separating the tasks of visual code configuration and non-visual code configuration, different roles can focus more on their own professional fields, further improving the development efficiency of page code.
[0021] Additional aspects and advantages of the present disclosure will be given in part in the following description, become apparent in part from the following description, or be learned through the practice of the present disclosure. BRIEF DESCRIPTION OF THE DRAWINGS
[0022] The above and / or additional aspects and advantages of the present disclosure will become apparent and be readily understood from the following description of embodiments in conjunction with the accompanying drawings, where:
[0023] Figure 1 is a schematic flowchart of a method for generating a page source file provided by an embodiment of the present disclosure;
[0024] Figure 2 is a schematic flowchart of another method for generating a page source file provided by an embodiment of the present disclosure;
[0025] Figure 3 is a schematic diagram of a configuration page provided by an embodiment of the present disclosure;
[0026] Figure 4 is a schematic flowchart of another method for generating a page source file provided by an embodiment of the present disclosure;
[0027] Figure 5 is a schematic flowchart of another method for generating a page source file provided by an embodiment of the present disclosure;
[0028] Figure 6 is a schematic diagram of a preview page provided by an embodiment of the present disclosure;
[0029] Figure 7 is a schematic diagram of the implementation principle of any embodiment of the present disclosure;
[0030] Figure 8 is a schematic structural diagram of a device for generating a page source file provided by an embodiment of the present disclosure;
[0031] Figure 9It is a schematic diagram of the structure of an electronic device shown in an exemplary embodiment of the present disclosure. DETAILED DESCRIPTION
[0032] Embodiments of the present disclosure are described in detail below, examples of which are shown in the accompanying drawings, wherein the same or similar reference numerals throughout represent the same or similar elements or elements having the same or similar functions. The embodiments described below with reference to the accompanying drawings are exemplary and are intended to be used to explain the present disclosure, and should not be construed as limiting the present disclosure.
[0033] As code generation technology matures, its advantages in significantly improving the development efficiency of page source code and reducing dependence on a large number of developers have become increasingly obvious. However, this technological innovation has also triggered new challenges: how to achieve seamless integration between code generation tools and developers, so as to achieve efficient and high-quality maintenance and management. At present, a key issue that needs to be urgently addressed in the project delivery process is: how to optimize the collaboration mechanism between code generation tools and developers to ensure that the two can work together in a friendly and convenient manner. This not only involves maintenance and management strategies after code generation, but also includes the establishment of a more flexible and intelligent workflow so that the automatically generated code can better adapt to actual development needs, ultimately improving the overall quality and delivery efficiency of the project.
[0034] Therefore, in view of at least one problem existing in the above-mentioned related technologies, the present disclosure proposes a method and device for generating a page source file.
[0035] The following describes the method and device for generating a page source file in an embodiment of the present disclosure with reference to the accompanying drawings. Before describing the embodiment of the present disclosure in detail, for ease of understanding, common technical terms are first introduced:
[0036] The code development platform includes a visual design engine, a visual rendering engine and a code generation engine. Among them, the visual design engine, the visual rendering engine and the code generation engine complete the integrated development mode of the code development platform from online design, online preview, and code generation.
[0037] The visual design engine is mainly used to undertake the online configuration of functional pages (referred to as configuration pages in this disclosure) by developers, such as the configuration of editing, list, details and other functional pages, including but not limited to editing designer, list designer, display designer, link navigation designer, label navigation designer, tree navigation designer, wizard designer, upper and lower table designer, left and right table designer, and upper and lower combination designer.
[0038] The visualization rendering engine is mainly used to undertake the online rendering and preview of the configured functional pages, including but not limited to the editing renderer, list renderer, display renderer, link navigation renderer, tab navigation renderer, tree navigation renderer, wizard renderer, up-down table renderer, left-right table renderer, up-down combination renderer, and custom page renderer.
[0039] The code generation engine is mainly used to undertake the code generation of various functional pages, including but not limited to the editing code generator, list code generator, display code generator, link navigation code generator, tab navigation code generator, tree navigation code generator, wizard code generator, up-down table code generator, left-right table code generator, up-down combination code generator, and custom page code generator.
[0040] Business Model: Abstract the actual business scenarios of financial institutions through business modeling, and express the actual business requirements, business scenarios, and business elements in the form of models. Among them, the business model is the result of business modeling.
[0041] Technical attributes include technical-level characteristics such as the performance, scalability, compatibility, and language support of the code editor. Among them, the technical attributes directly affect the usage experience and development efficiency of the code editor.
[0042] Resource attributes include development support resources such as documents, tutorials, community support, and update frequency provided by the code editor. Among them, the resource attributes can help developers master the functions of the code editor faster, solve problems, and continuously obtain the latest technical support.
[0043] Environmental attributes include the degree of fit and compatibility between the code editor and the target development environment (such as a low-code development platform). It can be understood that if the code editor can perform well and be seamlessly integrated in the target development environment, then the environmental attributes of the code editor are excellent.
[0044] Figure 1 It is a schematic flowchart of a method for generating a page source file provided by an embodiment of the present disclosure.
[0045] The method for generating a page source file according to an embodiment of the present disclosure can be applied to a code development platform. Exemplarily, the code development platform can be a low-code development platform.
[0046] As Figure 1 shown, the method for generating the page source file includes the following steps S101 to S104:
[0047] Step S101, obtain the target business requirements associated with the financial institution; among them, the target business requirements include the first business requirements for visual configuration and the second business requirements for non-visual configuration.
[0048] Among them, the target business requirements refer to the specific conditions, functions, and restrictions that need to be met in order to achieve the business strategy and operational efficiency of financial institutions.
[0049] Among them, the target business requirements include the first business requirement for visual code configuration and the second business requirement for non-visual code configuration. That is, the first business requirement includes business logic configuration that can be achieved through a graphical user interface (GUI) tool or a low-code development platform. The second business requirement includes complex business logic that requires writing code to meet the requirements in specific scenarios. Thus, by distinguishing these two types of business requirements, visual tools can be better utilized to improve code development efficiency, while ensuring sufficient flexibility and technical support for complex requirements. This division helps optimize the development process, enabling different types of business requirements to be efficiently and effectively implemented.
[0050] Exemplarily, the first business requirement may include business logic configuration capable of visual code configuration (defining the behavior logic of the page by dragging and dropping components, setting parameters, etc., examples: display rules for form fields, jump logic after button clicks, etc.), verification relationships (including setting validity conditions for input data, such as mandatory item checks, format validations, etc., examples: email address format check, password strength requirements, etc.), data transfer (configuring data flows between pages or components, including data acquisition, submission, and update mechanisms, examples: automatically filling associated text boxes after selecting an option from a dropdown menu), front-end display (defining the layout, style, and interaction effects of page elements, examples: responsive design, animation effects, theme switching, etc.) and other business requirements.
[0051] Exemplarily, the second business requirement may include business logic configurations that cannot be visually configured (implementing complex calculation logics, algorithm applications, or integrations with third-party services, examples: risk assessment models, financial product pricing logics, etc.), verification relationships (writing complex verification rules, which may involve database queries or other background processes, examples: comprehensive verification across multiple form fields, risk control based on historical transaction records, etc.), data transfer (processing advanced data transfer protocols, application programming interface (API) calls, asynchronous communications, etc., examples: pushing real-time market data, data synchronization across systems, etc.), front-end display (implementing highly customized user interface (UI) components or special interaction effects that cannot be generated by standard visualization tools, examples: chart library integration, map applications, virtual reality experiences, etc.), and other specific business requirements.
[0052] In the embodiments of the present disclosure, the target business requirement can be described in a multi-dimensional and structured manner from different perspectives such as product rules, business collaboration, and business information. Among them, the target business requirement can reflect the requirement descriptions of various stakeholders within a financial institution for new products, services, or process improvements.
[0053] Step S102: Configure multiple target configuration components in the target configuration page associated with the first business requirement, so as to generate first page code that matches the first business requirement according to the target configuration information of the multiple target configuration components.
[0054] Among them, the target configuration information includes but is not limited to: business configuration information (such as business models, etc.), query configuration information (such as query fields, etc.), button configuration information (i.e., specific buttons for operations), table configuration information (such as list display fields, table pagination forms, etc.), and field configuration information (such as field display forms, etc.).
[0055] In the embodiments of the present disclosure, first, the target configuration page associated with the first business requirement can be determined from multiple configuration pages associated with the financial institution. After that, multiple target configuration components to be configured can be determined from the multiple configuration components in the target configuration page. Then, the multiple target configuration components can be configured to obtain the configuration information of the multiple target configuration components, which is denoted as target configuration information in the present disclosure. Thus, the page code that matches the first business requirement, denoted as first page code in the present disclosure, can be generated according to the target configuration information of the multiple target configuration components.
[0056] Exemplarily, the code development platform may include a code generation engine, wherein the code generation engine is used to generate page code. In the present disclosure, the code generation engine may automatically generate first page code that matches the first business requirement according to the target configuration information of multiple target configuration components.
[0057] Step S103: Online update the first page code according to the second business requirement to obtain second page code.
[0058] In the embodiment of the present disclosure, the first page code may be online updated according to the second business requirement to obtain the updated first page code, which is denoted as the second page code in the present disclosure.
[0059] Exemplarily, the code development platform may be integrated with a code editor, wherein the code editor is used to edit code online. In the present disclosure, the code generation engine may be called to pass the first page code into the code editor, so that the first page code in the code editor can be online updated according to the second business requirement to obtain the second page code.
[0060] Thus, by interacting between the code generation engine and the code editor to implement the code update method, there is no need for the user to manually download the first page code generated by the code generation engine and manually upload the first page code to the code editor, which can improve the development efficiency of the page code.
[0061] Step S104: Compile and package the second page code to obtain a page source file that matches the target business requirement.
[0062] In the embodiment of the present disclosure, the second page code may be compiled and packaged to obtain a deployment file, wherein the deployment file is a page source file that matches the target business requirement.
[0063] It should be noted that the target business requirement is closely related to the page function corresponding to the development page source code to be generated, and different page functions correspond to different target business requirements.
[0064] For example, for the customer account overview page, the target business requirements include providing the customer with an overall view of their account, including account balance, transaction history, portfolio, etc., and ensuring that the data display is accurate and updated in real time. At this time, the characteristics of the page source code are: HTML: defining the page structure and the layout of each part; CSS: designing a clear and intuitive user interface to facilitate the customer to quickly obtain information; JavaScript: implementing the dynamic loading and updating of data.
[0065] For another example, for an online loan application page, the target business requirements include collecting customers' personal information and loan requirements, conducting preliminary qualification reviews and providing feedback, and ensuring data security and privacy protection. At this time, the characteristics of the page source code are as follows: HTML: Create form elements to collect necessary loan application information; CSS: Design a simple and clear form style to enhance the user experience; JavaScript: Conduct form validation and handle submission logic to ensure secure data transmission.
[0066] For yet another example, for a portfolio management page, the target business requirements include allowing customers to view and adjust their portfolios, providing detailed market analysis and investment advice, implementing buy and sell operations and instantaneously updating the portfolio status. At this time, the characteristics of the page source code are as follows: HTML: Define the structure and interactive elements of the portfolio; CSS: Design a professional table style for easy reading and operation; JavaScript: Implement dynamic loading, updating, and buy and sell operations of the portfolio.
[0067] Therefore, considering that different business requirements determine the specific functions and implementation methods of the pages developed by financial institutions, whether it is displaying account information, processing loan applications, or managing portfolios, the page source code needs to be customized according to specific requirements to ensure that it meets the actual needs and experience requirements of users. In this disclosure, for step S101, the target business requirements associated with the page functions required by the financial institution can be obtained, so that the page source file generated based on the target business requirements can be used to implement the page functions matching the target business requirements. That is, different business requirements determine the specific functions and user experience of the page, and the page source code (including HTML, CSS, and JavaScript) is customized according to these business requirements to ensure that the finally generated page can meet the actual needs of users.
[0068] The method for generating the page source file of the embodiments of this disclosure can significantly improve the development efficiency of page code and reduce the development cost of page code through a code development mode based on the linkage of visual code configuration and visual online code editing; among them, the visual configuration interface provides intuitive and easy-to-use visual configuration components, reducing the technical threshold and enabling non-technical personnel to participate in the development process of page code, promoting cross-functional team cooperation and realizing knowledge sharing; among them, the real-time online update function supports online preview and timely adjustment of the generated page code, enabling developers to quickly make adjustments after the page code is generated to quickly respond to flexible business requirements. Moreover, by separating the tasks of visual code configuration and non-visual code configuration, different roles can focus more on their own professional fields, further improving the development efficiency of page code.
[0069] It should be noted that in the technical solution of the present disclosure, the processing of collection, storage, use, processing, transmission, provision, and disclosure of the information and data involved all comply with the provisions of relevant laws and regulations and do not violate public order and good customs.
[0070] To clearly illustrate how the multiple target configuration components in the target configuration page associated with the first business requirement are configured in the above embodiments to generate the first page code that matches the first business requirement, the present disclosure also proposes a method for generating a page source file.
[0071] Figure 2 It is a schematic flowchart of another method for generating a page source file provided by an embodiment of the present disclosure.
[0072] It should be noted that the method for generating the page source file can be executed alone, or it can be executed in combination with any one of the embodiments in the present disclosure or the possible implementation manners in the embodiments, or it can also be executed in combination with any one of the technical solutions in the related art. The embodiments of the present disclosure do not limit this.
[0073] As Figure 2 shown, the method for generating the page source file includes the following steps S201 to S207:
[0074] Step S201, obtain the target business requirement associated with the financial institution; wherein, the target business requirement includes the first business requirement for visual configuration and the second business requirement for non-visual configuration.
[0075] It should be noted that the explanatory description of step S201 can refer to the relevant description in any embodiment of the present disclosure and will not be elaborated here.
[0076] Step S202, in response to the configuration operation, determine and display the target configuration page associated with the first business requirement from the multiple configuration pages associated with the financial institution.
[0077] Among them, the multiple configuration pages are pre-developed or designed based on the business scenarios and business requirements of the financial institution.
[0078] In the embodiments of the present disclosure, relevant personnel (such as developers) can manually select the target configuration page associated with the first business requirement from the multiple configuration pages associated with the financial institution. Correspondingly, the code development platform can, in response to the configuration operation triggered by the relevant personnel, determine the target configuration page selected by the relevant personnel and associated with the first business requirement from the above multiple configuration pages, and display the target configuration page.
[0079] In any one of the embodiments of the present disclosure, the code development platform may include a visual design engine and a visual rendering engine. Among them, the visual design engine is used to design a variety of function templates associated with financial institutions and the configuration pages associated with each function template, and the visual rendering engine is used to render and preview pages online. In the present disclosure, the following steps A to C can be adopted to determine and display the target configuration page associated with the first business requirement from multiple configuration pages associated with financial institutions:
[0080] Step A: In response to a configuration operation, determine a target function template that matches the first business requirement from the various function templates designed by the visual design engine.
[0081] Among them, the function templates include but are not limited to: function templates such as add, details, edit, list, etc.
[0082] In the embodiments of the present disclosure, relevant personnel can manually select a target function template that matches the first business requirement from the various function templates designed by the visual design engine. Correspondingly, the code development platform can, in response to the configuration operation triggered by the relevant personnel, determine the target function template selected by the relevant personnel that matches the first business requirement from the above-mentioned multiple function templates.
[0083] Step B: Render the configuration page associated with the target function template through the visual rendering engine, which is denoted as the target configuration page in the present disclosure.
[0084] Step C: Display the target configuration page.
[0085] As an example, taking the target function template as the list template and the target configuration page as the list page (or called the list configuration page) for example, the list page can be as Figure 3 shown.
[0086] It should be noted that the visual code configuration method in the related art is: developers manually add each configuration component to be configured to a blank page and configure each added configuration component, and then the page source file can be automatically generated according to the configuration information of each configuration component.
[0087] However, in the case where a large number of page elements are involved in the page source file by the method of developers manually adding configuration components, developers need to manually add a large number of configuration components, and the configuration efficiency is low.
[0088] In the present disclosure, for different functions, different function templates and configuration pages are pre-designed. During the process of developing page code, developers only need to manually select an appropriate number of target function templates from each function template, and then the target configuration page associated with the target function template can be automatically rendered and displayed. Thus, developers only need to configure the target configuration components to be configured in the target configuration page, and then the corresponding page code can be generated, which can greatly improve the configuration efficiency and the development efficiency of page code.
[0089] Step S203: Determine multiple target configuration components to be configured from multiple configuration components in the target configuration page.
[0090] In the embodiments of the present disclosure, relevant personnel can manually select multiple target configuration components to be configured from multiple configuration components in the target configuration page. Correspondingly, the code development platform can determine the target configuration components selected by the relevant personnel from multiple configuration components in the target configuration page in response to the configuration operation triggered by the relevant personnel.
[0091] Step S204: Configure the multiple target configuration components based on the first business requirement to obtain target configuration information.
[0092] The target configuration information includes, but is not limited to: business configuration information (such as business models, etc.), query configuration information (such as query fields, etc.), button configuration information (i.e., buttons for specific operations), table configuration information (such as list display fields, table paging forms, etc.), and field configuration information (such as field display forms, etc.).
[0093] In the embodiments of the present disclosure, in response to the configuration operation triggered by the relevant personnel, the multiple target configuration components can be configured based on the first business requirement to obtain the target configuration information of each target configuration component.
[0094] Step S205: Generate first page code that matches the first business requirement according to the target configuration information.
[0095] Exemplarily, the code development platform may further include a code generation engine. The code generation engine is used to generate page code. In the present disclosure, the first page code that matches the first business requirement can be automatically generated by the code generation engine according to the target configuration information of the multiple target configuration components.
[0096] Step S206: Perform online update on the first page code according to the second business requirement to obtain second page code.
[0097] Step S207: Compile and package the second page code to obtain a page source file that matches the target business requirement.
[0098] It should be noted that the explanations of steps S206 to S207 can be found in the relevant descriptions in any embodiment of the present disclosure, and will not be elaborated here.
[0099] In the method for generating a page source file according to an embodiment of the present disclosure, different configuration pages associated with financial institutions are pre-designed. During the process of developing page code, developers only need to manually select an appropriate number of target configuration pages from each configuration page and configure the target configuration components to be configured in the target configuration pages, then the corresponding page code can be generated, which can greatly improve the configuration efficiency and the development efficiency of page code.
[0100] To clearly illustrate how to perform an online update on the first page code according to the second business requirement in any embodiment of the present disclosure to obtain the second page code, the present disclosure also proposes a method for generating a page source file.
[0101] Figure 4 It is a schematic flowchart of another method for generating a page source file provided by an embodiment of the present disclosure.
[0102] It should be noted that the method for generating the page source file can be executed alone, or can be executed in combination with any one embodiment in the present disclosure or possible implementation manners in the embodiment, or can also be executed in combination with any one technical solution in related technologies. The embodiments of the present disclosure do not limit this.
[0103] As Figure 4 shown, the method for generating the page source file is applied to a code development platform. Among them, the code development platform includes a code generation engine, and the code development platform is integrated with a target editor. The method for generating the page source file may include the following steps S401 to S406:
[0104] Step S401, obtain a target business requirement associated with a financial institution; wherein, the target business requirement includes a first business requirement for visual configuration and a second business requirement for non-visual configuration.
[0105] Step S402, configure a plurality of target configuration components in a target configuration page associated with the first business requirement.
[0106] Step S403, generate a first page code that matches the first business requirement through the code generation engine according to the target configuration information of the plurality of target configuration components.
[0107] It should be noted that the explanations of steps S401 to S403 can be found in the relevant descriptions in any embodiment of the present disclosure, and will not be elaborated here.
[0108] Step S404: Call the target editor through the code generation engine to pass the first page code into the target editor.
[0109] It should be noted that the online code editing method in the related technology is as follows: Developers manually download the page code and upload the page code to the code editor, so that developers can perform online editing on the page code in the code editor. However, the operation steps of this online code editing method are relatively cumbersome, resulting in low development efficiency of the page code.
[0110] In response to the above problems, in the present disclosure, the first page code generated by the code generation engine can be automatically passed into the target editor (denoted as the target editor in the present disclosure) through the interaction between the code generation engine and the code editor integrated with the code development platform, so that developers can perform online editing on the first page code in the target editor. Thus, developers do not need to perform code download operations and code upload operations, which can greatly reduce the operation steps of developers and improve the development efficiency of the page code.
[0111] Step S405: According to the second business requirement, perform online update on the first page code in the target editor to obtain the second page code.
[0112] As an example, developers can perform online update on the first page code in the target editor according to the second business requirement to obtain the second page code.
[0113] In any embodiment of the present disclosure, the target editor can be screened from multiple code editors and integrated into the code development platform by adopting the following steps F to H:
[0114] Step F: Obtain the feedback information of multiple code editors; wherein, the feedback information is used to indicate at least one of the integration difficulty, user-friendliness, and user satisfaction of the code editor.
[0115] Among them, the user-friendliness is used to indicate the ease of use and accessibility of the code editor, ensuring that developers can easily use it and complete code development tasks.
[0116] Among them, the user satisfaction is used to indicate the comprehensive evaluation index of multiple aspects such as the functionality, performance, and reliability of the code editor.
[0117] Step G: Determine the target positive evaluation indicators of multiple code editors according to the feedback information of multiple code editors.
[0118] Exemplarily, the positive evaluation index of each code editor can be calculated based on at least one of the integration difficulty, user - friendliness, and user satisfaction of each code editor. In this application, it is denoted as the target positive evaluation index.
[0119] Among them, the target positive evaluation index has a negative correlation with the integration difficulty, that is, the lower the integration difficulty, the higher the target positive evaluation index; conversely, the higher the integration difficulty, the lower the target positive evaluation index.
[0120] Among them, the target positive evaluation index has a positive correlation with the user - friendliness, that is, the higher the user - friendliness, the higher the target positive evaluation index; conversely, the lower the user - friendliness, the lower the target positive evaluation index.
[0121] Among them, the target positive evaluation index also has a positive correlation with the user satisfaction.
[0122] In any one of the embodiments of the present disclosure, the calculation method of the target positive evaluation index of any one code editor is, for example: First, obtain the attribute information of the code editor, where the attribute information includes at least one of the technical attributes, resource attributes, and environmental attributes of the code editor. After that, the first positive evaluation index of the code editor can be calculated according to the feedback information of the code editor, and the second positive evaluation index of the code editor can be calculated according to the attribute information of the code editor. Thus, in the present disclosure, the target positive evaluation index of the code editor can be calculated according to the first positive evaluation index and the second positive evaluation index of the code editor. For example, the mean value, weighted value, sum value, etc. of the first positive evaluation index and the second positive evaluation index can be used as the target positive evaluation index.
[0123] Exemplarily, the first positive evaluation index of any one code editor has a positive correlation with the integration difficulty, user - friendliness, and user satisfaction of the code editor.
[0124] Exemplarily, the second positive evaluation index of any one code editor can be calculated by adopting the following steps a to d:
[0125] Step a, define the attribute weights: According to the requirements of the low - code development platform, assign a weight to each attribute (such as technical attributes, resource attributes, environmental attributes), where the weight is used to indicate the importance of the corresponding attribute in the integration and use of the low - code development platform.
[0126] Step b, quantify the attribute values: For each attribute, define a quantification method to convert the attribute pair into comparable numerical values, which are denoted as attribute values in the present disclosure.
[0127] For example, technical attributes can quantify performance through performance benchmark tests (such as startup time, memory usage, code completion speed, etc.); quantify scalability by evaluating whether it supports plugins, extensions, or modular design; quantify compatibility by checking whether it supports multiple programming languages and frameworks; and quantify language support by evaluating the depth and breadth of language support (such as syntax highlighting, auto-completion, debugging support, etc.).
[0128] For another example, resource attributes can be quantified by the quality of the documentation, the completeness of the tutorials, the community activity (such as the number of forum posts, the speed of answering questions, etc.), and the update frequency (such as the interval between version releases).
[0129] For yet another example, environmental attributes can be quantified by evaluating the interface compatibility with a low-code development platform and whether it supports platform-specific functions or features (such as drag-and-drop programming, component library integration, etc.).
[0130] Step c, calculate the attribute scores: For each code editor, multiply the attribute value corresponding to each attribute by the corresponding weight to obtain the score for each attribute.
[0131] Step d, calculate the second positive evaluation index: Add or fuse the scores of different attributes to obtain the second positive evaluation index.
[0132] Thus, by comprehensively considering the technical attributes, resource attributes, and environmental attributes of multiple code editors as well as the feedback information, selecting the target editor can ensure that the selected code editor performs excellently in terms of technology, resources, environment, and user satisfaction, thereby improving development efficiency, enhancing development support, ensuring environmental compatibility, improving user satisfaction, reducing maintenance costs, and promoting development team collaboration.
[0133] Step H: Based on the target positive evaluation indices of multiple code editors, determine the target editor from multiple code editors.
[0134] Exemplarily, according to the target positive evaluation indices of multiple code editors, the target editor with the highest target positive evaluation index can be determined from multiple code editors.
[0135] In summary, screening the target editor from multiple code editors according to the feedback information of multiple code editors can balance the code development cost and development efficiency.
[0136] Step S406, compile and package the second-page code to obtain a page source file that matches the target business requirements.
[0137] It should be noted that the explanatory description of step S406 can refer to the relevant descriptions in any embodiment of the present disclosure and will not be elaborated here.
[0138] The method for generating a page source file according to an embodiment of the present disclosure automatically transfers the first page code generated by a code generation engine to a target editor by interacting the code generation engine with the target editor, so that the first page code in the target editor can be edited online according to the second business requirement. Thus, developers do not need to perform code download and code upload operations, which can greatly reduce the operation steps of developers and improve the development efficiency of page code.
[0139] To clearly illustrate any of the above embodiments of the present disclosure, the present disclosure also provides a method for generating a page source file.
[0140] Figure 5 It is a schematic flowchart of another method for generating a page source file provided by an embodiment of the present disclosure.
[0141] It should be noted that the method for generating the page source file can be executed alone, or can be executed together with any one of the embodiments in the present disclosure or possible implementation manners in the embodiments, or can also be executed together with any one of the technical solutions in related technologies. The embodiments of the present disclosure do not limit this.
[0142] As Figure 5 shown, the method for generating the page source file is applied to a code development platform. The code development platform includes a visual rendering engine and a code generation engine, and the code development platform is integrated with a target editor. The method for generating the page source file may include the following steps S501 to S508:
[0143] Step S501, obtaining a target business requirement associated with a financial institution; wherein the target business requirement includes a first business requirement for visual configuration and a second business requirement for non-visual configuration.
[0144] Step S502, configuring a plurality of target configuration components in a target configuration page associated with the first business requirement, so as to generate a first page code matching the first business requirement according to the target configuration information of the plurality of target configuration components.
[0145] It should be noted that the explanations of steps S501 to S502 can refer to the relevant descriptions in any embodiment of the present disclosure and will not be elaborated here.
[0146] Step S503, performing online rendering and preview on the first page code through the visual rendering engine to obtain a first preview page.
[0147] The visual rendering engine is used for online rendering and previewing pages.
[0148] As an example, taking the target function template as a list template and the target configuration page asFigure 3 Take the list page (or list configuration page) shown as an example. Developers can click on Figure 3 the "Design" function shown in area 31 in Figure 3 to perform code configuration and generate the first page code. After that, by clicking on Figure 6 the "Preview" function shown in area 32 in
[0149] Optionally, developers can also click on Figure 3 the "Code" function shown in area 33 in
[0150] Step S504, determine whether the first preview page meets the first business requirement. If so, execute step S505; if not, execute steps S506 to S507.
[0151] It should be noted that step S505 and steps S506 to S507 are two parallel implementation methods. In actual application, only one of them needs to be executed.
[0152] Step S505, call the target editor through the code generation engine to pass the first page code into the target editor, and online update the first page code in the target editor according to the second business requirement to obtain the second page code.
[0153] Among them, the target editor is used for online code editing.
[0154] In the embodiments of the present disclosure, developers can detect whether the first preview page meets the first business requirement. If the first preview page meets the first business requirement, the first page code can be further updated online according to the second business requirement to obtain the second page code. Exemplarily, the code generation engine can be used to call the target editor integrated in the code development platform to pass the first page code into the target editor, and online update the first page code in the target editor according to the second business requirement to obtain the second page code.
[0155] Step S506, update the target configuration page, and synchronously update the first page code according to the update information of the target configuration page through the code generation engine to obtain the third page code.
[0156] Among them, the code generation engine is used to generate page code.
[0157] In an embodiment of the present disclosure, when the first preview page does not meet the first business requirement, a developer can update the target configuration page, and the code generation engine synchronously updates the first page code according to the update information of the target configuration page to obtain the third page code.
[0158] Step S507: Update the third page code according to the second business requirement to obtain the second page code.
[0159] As an example, the code generation engine can call the target editor to pass the third page code into the target editor, and update the third page code in the target editor online according to the second business requirement to obtain the second page code.
[0160] As another example, the second page code can be obtained by updating through the following steps I to N:
[0161] Step I: Update the third page code according to the second business requirement to obtain the fourth page code.
[0162] Exemplarily, the code generation engine can call the target editor to pass the third page code into the target editor, and update the third page code in the target editor online according to the second business requirement to obtain the fourth page code.
[0163] Step J: Compile the fourth page code to render the second preview page through the visual rendering engine.
[0164] Step K: Determine whether the second preview page meets the second business requirement. If so, execute step L; if not, execute steps M to N.
[0165] It should be noted that step L and steps M to N are two parallel implementation methods. In actual application, only one of them needs to be executed.
[0166] Step L: In response to the second preview page meeting the second business requirement, use the fourth page code as the second page code.
[0167] Step M: In response to the second preview page not meeting the second business requirement, determine the difference part between the second preview page and the second business requirement.
[0168] Exemplarily, a developer can manually determine the difference part between the second preview page and the second business requirement.
[0169] Step N: Based on the difference part, update the fourth page code again to obtain the second page code that matches the second business requirement.
[0170] Exemplarily, developers can update the fourth page code in the target editor again based on the differential part to obtain the second page code that matches the second business requirement.
[0171] Step S508: Compile and package the second page code to obtain a page source file that matches the target business requirement.
[0172] It should be noted that the explanation of step S508 can be referred to the relevant descriptions in any embodiment of the present disclosure, and will not be elaborated here.
[0173] In the method for generating the page source file according to the embodiments of the present disclosure, the code development platform is based on code visual configuration, integrates an online editor, enhances the code editing function, can not only enable developers to quickly configure the front-end page, but also can meet the rapid writing of business logic in real time, improving the development efficiency of developers, and realizing one-stop development of code configuration, code preview, code editing, and code generation. That is, based on the one-stop code development of code visual configuration, visual real-time preview, and visual online code editing linkage, it can meet the requirements of development efficiency during the project implementation process, and at the same time solve the connection problem between developers and code development tools, improve the development efficiency of page code, and save the development cost of page code.
[0174] In any one of the embodiments of the present disclosure, in order to solve the coordination problem between the code development tool in the related art and the subsequent code editing, and to solve the problem of how to develop a one-stop service from code generation, code editing, and code compilation, in the present disclosure, the following business process can be adopted Figure 7 as shown in the following to develop the front-end page of a financial institution, which mainly includes the following steps:
[0175] Step 1: Visual code configuration: Developers configure the code generation specifications for the front-end and back-end through visual code configuration, such as importing business models, importing query fields, importing lists, configuring list display fields, configuring operation buttons, configuring field display forms, configuring table pagination forms, etc.
[0176] Exemplarily, the configuration page for visual code configuration can be as Figure 3 shown.
[0177] Step 2: Online visual preview: After completing the visual code configuration, through the Figure 3 "Preview" function shown in area 32 in the figure, the preview effect after code configuration can be directly viewed, such as list fields, pagination information, etc.
[0178] Exemplarily, the preview page can be as Figure 6 shown.
[0179] Step 3: Front-end code adjustment: For business logics, verification relationships, data transmission, front-end display, etc. that cannot be visually configured, real-time code adjustment is performed through the code editor integrated in the code development platform, which is denoted as the target editor (such as WebIDE) in this disclosure, and the adjusted front-end page effect is displayed after compilation; after the code adjustment is completed, a deployment file is directly generated through compilation and packaging.
[0180] Among them, WebIDE (Web Integrity Develop Environment) is a browser-based integrated development environment that allows developers to program anywhere and on any device without installing a complex local IDE.
[0181] In summary, the code visual configuration, code visual preview, and online real-time code editing are seamlessly connected in a system integration manner, and each function is highly integrated and encapsulated at the system level, providing a financial institution with an integrated code development tool.
[0182] To implement the above embodiments, the present disclosure also provides a device for generating a page source file.
[0183] Figure 8 The following is a schematic structural diagram of a device for generating a page source file provided by an embodiment of the present disclosure.
[0184] As Figure 8 shown, the device 800 for generating a page source file includes: an acquisition module 810, a configuration generation module 820, an online update module 830, and a compilation and packaging module 840.
[0185] Among them, the acquisition module 810 is used to acquire target business requirements associated with a financial institution; among them, the target business requirements include a first business requirement for visual configuration and a second business requirement for non-visual configuration;
[0186] The configuration generation module 820 is used to configure multiple target configuration components in a target configuration page associated with the first business requirement, so as to generate a first page code that matches the first business requirement according to the target configuration information of the multiple target configuration components;
[0187] The online update module 830 is used to perform online update on the first page code according to the second business requirement to obtain a second page code;
[0188] The compilation and packaging module 840 is used to compile and package the second page code to obtain a page source file that matches the target business requirement.
[0189] In a possible implementation manner of the embodiment of the present disclosure, the configuration generation module 820 is configured to: in response to a configuration operation, determine and display a target configuration page associated with the first business requirement from multiple configuration pages associated with a financial institution; determine multiple target configuration components to be configured from multiple configuration components in the target configuration page; configure the multiple target configuration components based on the first business requirement to obtain target configuration information; where the target configuration information includes at least one of the following: service configuration information, query configuration information, button configuration information, table configuration information, and field configuration information; generate a first page code that matches the first business requirement according to the target configuration information.
[0190] In a possible implementation manner of the embodiment of the present disclosure, it is applied to a code development platform, and the code development platform includes a visual design engine and a visual rendering engine. Among them, the visual design engine is used to design multiple function templates associated with a financial institution and the configuration pages associated with each function template, and the visual rendering engine is used to render and preview pages online;
[0191] The configuration generation module 820 is configured to: in response to a configuration operation, determine a target function template that matches the first business requirement from multiple function templates designed by the visual design engine; render a target configuration page associated with the target function template through the visual rendering engine; display the target configuration page.
[0192] In a possible implementation manner of the embodiment of the present disclosure, it is applied to a code development platform, and the code development platform includes a code generation engine, where the code generation engine is used to generate page code;
[0193] The configuration generation module 820 is configured to: generate a first page code that matches the first business requirement through the code generation engine according to the target configuration information of multiple target configuration components.
[0194] In a possible implementation manner of the embodiment of the present disclosure, the code development platform is integrated with a target editor, where the target editor is used to edit code online;
[0195] The online update module 830 is configured to: call the target editor through the code generation engine to pass the first page code into the target editor; perform an online update on the first page code in the target editor according to the second business requirement to obtain a second page code.
[0196] In a possible implementation manner of the embodiment of the present disclosure, the target editor is determined by using the following module:
[0197] A screening module for obtaining feedback information of multiple code editors; wherein the feedback information is used to indicate at least one of the integration difficulty, user - friendliness, and user satisfaction of the code editor; determining the target positive evaluation metrics of the multiple code editors according to the feedback information of the multiple code editors; and determining the target editor from the multiple code editors based on the target positive evaluation metrics of the multiple code editors.
[0198] In a possible implementation manner of the embodiments of the present disclosure, the screening module is configured to: obtain the attribute information of any code editor; wherein the attribute information includes at least one of technical attributes, resource attributes, and environmental attributes; determine the first positive evaluation metric of any code editor according to the feedback information of any code editor; determine the second positive evaluation metric of any code editor according to the attribute information of any code editor; and determine the target positive evaluation metric of any code editor according to the first positive evaluation metric and the second positive evaluation metric of any code editor.
[0199] In a possible implementation manner of the embodiments of the present disclosure, it is applied to a code development platform, and the code development platform includes a visual rendering engine and a code generation engine, wherein the visual rendering engine is used for online rendering and previewing pages, and the code generation engine is used for generating page code;
[0200] An online update module 830 is configured to: perform online rendering and previewing on the first page code through the visual rendering engine to obtain a first preview page; update the target configuration page in response to the first preview page not meeting the first business requirement; synchronously update the first page code according to the update information of the target configuration page through the code generation engine to obtain a third page code; and update the third page code according to the second business requirement to obtain a second page code.
[0201] In a possible implementation manner of the embodiments of the present disclosure, the online update module 830 is configured to: update the third page code according to the second business requirement to obtain a fourth page code; compile the fourth page code to render a second preview page through the visual rendering engine; determine the difference part between the second preview page and the second business requirement in response to the second preview page not meeting the second business requirement; and update the fourth page code again based on the difference part to obtain a second page code that matches the second business requirement.
[0202] It should be noted here that the device for generating the page source file provided by the embodiments of the present disclosure can implement all the method steps implemented by the above - mentioned Figures 1 to 5 method embodiments and can achieve the same technical effects. The same parts and beneficial effects as those in the method embodiments will not be specifically described in this embodiment.
[0203] To implement the above embodiments, the present disclosure also provides an electronic device. The electronic device can be any device with computing capabilities and includes: a memory, a processor, and a computer program stored on the memory and executable on the processor. When the processor executes the program, the method for generating a page source file as proposed in any of the foregoing embodiments of the present disclosure is implemented.
[0204] As an example, Figure 9 is a schematic structural diagram of an electronic device 900 shown in an exemplary embodiment of the present disclosure. As Figure 9 shown, the above-mentioned electronic device 900 may further include:
[0205] A memory 910 and a processor 920, and a bus 930 connecting different components (including the memory 910 and the processor 920). The memory 910 stores a computer program, and when the processor 920 executes the program, the method for generating a page source file described in the embodiments of the present disclosure is implemented.
[0206] The bus 930 represents one or more of several types of bus structures, including a memory bus or a memory controller, a peripheral bus, a graphics acceleration port, a processor, or a local bus using any bus structure in a variety of bus structures. By way of example, these architectures include, but are not limited to, Industry Standard Architecture (ISA) bus, Micro Channel Architecture (MAC) bus, Enhanced ISA bus, Video Electronics Standards Association (VESA) local bus, and Peripheral Component Interconnect (PCI) bus.
[0207] The electronic device 900 typically includes a variety of electronic device-readable media. These media can be any available media accessible by the electronic device 900, including volatile and non-volatile media, removable and non-removable media.
[0208] The memory 910 may further include a computer system-readable medium in the form of volatile memory, such as random access memory (RAM) 940 and / or cache memory 950. The server 900 may further include other removable / non-removable, volatile / non-volatile computer system storage media. By way of example only, a storage system 960 may be used to read and write non-removable, non-volatile magnetic media ( Figure 9 not shown, commonly referred to as a "hard disk drive"). Although Figure 9Not shown in the figure, a disk drive for reading and writing a removable non-volatile disk (such as a "floppy disk") and an optical disk drive for reading and writing a removable non-volatile optical disk (such as a CD-ROM, DVD-ROM or other optical medium) can be provided. In these cases, each drive can be connected to the bus 930 through one or more data medium interfaces. The memory 910 may include at least one program product having a set (such as at least one) of program modules configured to perform the functions of the embodiments of the present disclosure.
[0209] A program / utility 980 having a set (at least one) of program modules 970 can be stored, for example, in the memory 910. Such program modules 970 include—but are not limited to—an operating system, one or more application programs, other program modules, and program data. Each or some combination of these examples may include the implementation of a network environment. The program modules 970 generally perform the functions and / or methods in the embodiments described in the present disclosure.
[0210] The electronic device 900 can also communicate with one or more external devices 990 (such as a keyboard, a pointing device, a display 991, etc.), and can also communicate with one or more devices that enable a user to interact with the electronic device 900, and / or communicate with any device that enables the electronic device 900 to communicate with one or more other computing devices (such as a network card, a modem, etc.). Such communication can be carried out through the input / output (I / O) interface 992. In addition, the electronic device 900 can also communicate with one or more networks (such as a local area network (LAN), a wide area network (WAN), and / or a public network, such as the Internet) through the network adapter 993. As shown in the figure, the network adapter 993 communicates with other modules of the electronic device 900 through the bus 930. It should be understood that although not shown in the figure, other hardware and / or software modules can be used in combination with the electronic device 900, including but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, and data backup storage systems, etc.
[0211] The processor 920 executes various functional applications and data processing by running the programs stored in the memory 910.
[0212] It should be noted that for the implementation process and technical principle of the electronic device in this embodiment, refer to the foregoing explanation of the method for generating the page source file of the embodiments of the present disclosure, which will not be elaborated here.
[0213] To implement the above embodiments, the present disclosure also provides a non-transitory computer-readable storage medium storing a computer program, which when executed by a processor, implements the method for generating a page source file as proposed in any one of the foregoing embodiments of the present disclosure.
[0214] To implement the above embodiments, the present disclosure also provides a computer program product, which when the instructions in the computer program product are executed by a processor, executes the method for generating a page source file as proposed in any one of the foregoing embodiments of the present disclosure.
[0215] In the description of this specification, the descriptions referring to the terms "one embodiment", "some embodiments", "example", "specific example", or "some examples", etc. mean that the specific features, structures, materials, or characteristics described in connection with the embodiment or example are included in at least one embodiment or example of the present disclosure. In this specification, the schematic representations of the above terms do not necessarily refer to the same embodiment or example. Moreover, the specific features, structures, materials, or characteristics described may be combined in any one or more embodiments or examples in a suitable manner. In addition, without contradiction, those skilled in the art may combine and combine the different embodiments or examples described in this specification and the features of different embodiments or examples.
[0216] In addition, the terms "first" and "second" are used for descriptive purposes only and cannot be construed as indicating or implying relative importance or implicitly specifying the quantity of the indicated technical features. Thus, the features defined with "first" and "second" may explicitly or implicitly include at least one of the features. In the description of the present disclosure, "a plurality" means at least two, such as two, three, etc., unless otherwise specifically defined.
[0217] Any process or method description in a flowchart or described in other ways herein may be understood to represent a module, segment, or portion of code including one or more executable instructions for implementing a customized logic function or process, and the scope of the preferred embodiments of the present disclosure includes additional implementations, where the functions may be executed in a manner not shown or discussed, including in a substantially simultaneous manner according to the functions involved or in a reverse order, which should be understood by those skilled in the art to which the embodiments of the present disclosure pertain.
[0218] The logic and / or steps represented in the flowchart or otherwise described herein, for example, can be considered as a definable sequence list of executable instructions for implementing logical functions, and can be specifically implemented in any computer-readable medium for use by an instruction execution system, apparatus, or device (such as a computer-based system, a system including a processor, or other systems that can fetch and execute instructions from the instruction execution system, apparatus, or device), or used in combination with these instruction execution systems, apparatus, or devices. For the purposes of this specification, a "computer-readable medium" can be any device that can contain, store, communicate, propagate, or transmit a program for use by or in combination with an instruction execution system, apparatus, or device. More specific examples (a non-exhaustive list) of the computer-readable medium include the following: an electrical connection part with one or more wirings (electronic device), a portable computer disk cartridge (magnetic device), a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber device, and a portable compact disc read-only memory (CDROM). Additionally, the computer-readable medium can even be paper or other suitable media on which the program can be printed, because the program can be obtained electronically, for example, by optically scanning the paper or other media, followed by editing, interpretation, or other suitable processing when necessary, and then stored in a computer memory.
[0219] It should be understood that various parts of the present disclosure can be implemented by hardware, software, firmware, or a combination thereof. In the above embodiments, multiple steps or methods can be implemented by software or firmware stored in a memory and executed by a suitable instruction execution system. For example, if implemented in hardware, as in another embodiment, any one or a combination of the following techniques well known in the art can be used: discrete logic circuits with logic gate circuits for implementing logical functions on data signals, application-specific integrated circuits with suitable combinational logic gate circuits, programmable gate arrays (PGAs), field-programmable gate arrays (FPGAs), etc.
[0220] Those of ordinary skill in the art of this technology can understand that all or part of the steps carried by the method of implementing the above embodiments can be completed by instructing relevant hardware through a program, and the program can be stored in a computer-readable storage medium. When the program is executed, it includes one or a combination of the steps of the method embodiments.
[0221] In addition, in various embodiments of the present disclosure, each functional unit may be integrated into a processing module, may exist independently physically for each unit, or two or more units may be integrated into one module. The above-mentioned integrated module may be implemented in the form of hardware or in the form of a software functional module. When the integrated module is implemented in the form of a software functional module and sold or used as an independent product, it may also be stored in a computer-readable storage medium.
[0222] The above-mentioned storage medium may be a read-only memory, a magnetic disk, an optical disc, etc. Although the embodiments of the present disclosure have been shown and described above, it can be understood that the above embodiments are exemplary and should not be construed as limiting the present disclosure. Those of ordinary skill in the art can make changes, modifications, substitutions, and variations to the above embodiments within the scope of the present disclosure.
Claims
1. A method for generating a page source file, characterized in that: include: Acquire a target business requirement associated with a financial institution; wherein the target business requirement includes a first business requirement for visual configuration and a second business requirement for non-visual configuration; configuring a plurality of target configuration components in a target configuration page associated with the first business requirement, so as to generate a first page code matching the first business requirement according to target configuration information of the plurality of target configuration components; updating the first page code online according to the second business requirement to obtain a second page code; The second page code is compiled and packaged to obtain a page source file that matches the target business requirement.
2. The method according to claim 1, characterized in that The configuring a plurality of target configuration components in a target configuration page associated with the first business requirement to generate a first page code matching the first business requirement according to target configuration information of the plurality of target configuration components includes: In response to the configuration operation, determining and displaying a target configuration page associated with the first business requirement from a plurality of configuration pages associated with the financial institution; Determining multiple target configuration components to be configured from multiple configuration components in the target configuration page; Based on the first business requirement, the multiple target configuration components are configured to obtain the target configuration information; wherein the target configuration information includes at least one of the following: business configuration information, query configuration information, button configuration information, table configuration information and field configuration information; A first page code matching the first business requirement is generated according to the target configuration information.
3. The method according to claim 2, characterized in that Applied to a code development platform, the code development platform includes a visual design engine and a visual rendering engine, wherein the visual design engine is used to design a plurality of functional templates associated with the financial institution and configuration pages associated with each functional template, and the visual rendering engine is used to render and preview pages online; In response to the configuration operation, determining and displaying a target configuration page associated with the first business requirement from a plurality of configuration pages associated with the financial institution includes: In response to the configuration operation, determining a target function template matching the first business requirement from a plurality of function templates designed by the visual design engine; Rendering a target configuration page associated with the target function template by the visual rendering engine; The target configuration page is displayed.
4. The method according to claim 1, characterized in that: Applied to a code development platform, the code development platform includes a code generation engine, wherein the code generation engine is used to generate page code; The step of generating a first page code matching the first business requirement according to the target configuration information of the multiple target configuration components includes: The code generation engine generates a first page code matching the first business requirement according to the target configuration information of the multiple target configuration components.
5. The method according to claim 4, characterized in that The code development platform is integrated with a target editor, wherein the target editor is used to edit the code online; The updating the first page code online according to the second business requirement to obtain the second page code includes: Calling the target editor through the code generation engine to transfer the first page code to the target editor; According to the second business requirement, the first page code in the target editor is updated online to obtain the second page code.
6. The method according to claim 5, characterized in that The target editor is determined using the following steps: Acquire feedback information of multiple code editors; wherein the feedback information is used to indicate at least one of the integration difficulty, user friendliness and user satisfaction of the code editor; Determining target positive evaluation indicators of the multiple code editors according to feedback information of the multiple code editors; The target editor is determined from the multiple code editors based on target positive evaluation indicators of the multiple code editors.
7. The method according to claim 6, characterized in that Determining target evaluation indicators of the multiple code editors according to the feedback information of the multiple code editors includes: Acquire attribute information of any code editor; wherein the attribute information includes at least one of technical attributes, resource attributes and environment attributes; Determining a first positive evaluation indicator of any code editor according to feedback information of any code editor; Determining a second positive evaluation indicator of any code editor according to the attribute information of any code editor; A target positive evaluation index of any code editor is determined according to the first positive evaluation index and the second positive evaluation index of any code editor.
8. The method according to any one of claims 1 to 7, characterized in that Applied to a code development platform, the code development platform includes a visual rendering engine and a code generation engine, wherein the visual rendering engine is used for online rendering and previewing pages, and the code generation engine is used for generating page codes; The updating the first page code online according to the second business requirement to obtain the second page code includes: Rendering and previewing the first page code online through the visual rendering engine to obtain a first preview page; In response to the first preview page not meeting the first business requirement, updating the target configuration page; Synchronously updating the first page code according to the update information of the target configuration page by the code generation engine to obtain a third page code; The third page code is updated according to the second business requirement to obtain the second page code.
9. The method according to claim 8, characterized in that The updating of the third page code according to the second business requirement to obtain the second page code includes: The third page code is updated according to the second business requirement to obtain a fourth page code; Compiling the fourth page code to obtain a second preview page by rendering through the visual rendering engine; In response to the second preview page not meeting the second business requirement, determining a difference between the second preview page and the second business requirement; The fourth page code is updated again based on the difference portion to obtain a second page code matching the second business requirement.
10. A device for generating a page source file, characterized in that: include: An acquisition module, used to acquire a target business requirement associated with a financial institution; wherein the target business requirement includes a first business requirement for visual configuration and a second business requirement for non-visual configuration; A configuration generation module, configured to configure a plurality of target configuration components in a target configuration page associated with the first business requirement, so as to generate a first page code matching the first business requirement according to target configuration information of the plurality of target configuration components; An online update module, used for updating the first page code online according to the second service requirement to obtain a second page code; The compiling and packaging module is used to compile and package the second page code to obtain a page source file that matches the target business requirement.