Application program development method and device based on component display

Abstract

The invention discloses an application program development method and device based on component display, relates to the technical field of computer development, and mainly aims to solve the problem that the efficiency of developing an application program based on a component is relatively low in the prior art. Comprising the steps that in response to a development instruction of a target application program, reference components of different business logics are called, and the reference components are constructed in advance according to the business logics; displaying component basic information and component dynamic information of the reference component, wherein the component dynamic information is used for representing historical application conditions of the reference component; and in response to a target component selection instruction of the reference component, determining configuration information of the target component, and developing the target application program based on the configuration information.

Description

Technical Field

[0001] The present application relates to the technical field of computer development, and in particular, to an application development method and device based on component display. Background Art

[0002] With the diversified development of computer application development scenarios, when developing applications in the field of enterprise training / education training online classrooms, the development focus is usually placed on component research and development and reuse to improve the rapid update of applications.

[0003] Currently, when existing applications are developed based on components, developers usually need to configure applicable components in real time according to different scenario requirements to meet new application development scenarios. However, when developers configure components, they often require a large amount of code compilation time and parameter adjustment time, wasting a lot of labor costs. Moreover, when business personnel put forward new application requirements, developers need to spend a lot of time and energy to make adjustments, increasing the development cost of the application and greatly reducing the efficiency of developing applications based on components. Summary of the Invention

[0004] In view of this, the present application provides an application development method and device based on component display, mainly aiming to solve the problem of low efficiency in developing applications based on components in the prior art.

[0005] According to one aspect of the present application, an application development method based on component display is provided, including:

[0006] In response to a development instruction of a target application, retrieve reference components with different business logics, where the reference components are pre-constructed according to the business logics;

[0007] Display the component basic information and component dynamic information of the reference components, where the component dynamic information is used to characterize the historical application situation of the reference components;

[0008] In response to a target component selection instruction for the reference components, determine the configuration information of the target components, and develop the target application based on the configuration information.

[0009] Further, the display of the component basic information and component dynamic information of the reference components includes:

[0010] Obtain the component basic information and component dynamic information of the reference components, where the component basic information includes component identification, component classification, and component attributes, and the component dynamic information includes historical application projects, historical test results, historical evaluation results, and historical download volumes;

[0011] Display the basic information and dynamic information of the component according to the selected display conditions, where the display conditions include at least one of search conditions, sorting conditions, and classification conditions.

[0012] Further, before retrieving the reference components with different business logics, the method further includes:

[0013] Obtain the development requirement information of different application programs and retrieve the basic components;

[0014] Analyze the basic component information and business logic in the development requirement information, and configure the basic components based on the basic component information and the business logic to obtain the reference components. The business logic includes interaction scenario information and business scenario information of different business terminals, and the reference components include at least one of general components, business components, page block components, and auxiliary components.

[0015] Further, before retrieving the reference components with different business logics, the method further includes:

[0016] Obtain all associated application programs and determine the business logic of the associated application programs. The business logic includes interaction scenario information and business scenario information of different business terminals;

[0017] Extract components from the associated application programs according to the business logic to obtain the reference components. The reference components include at least one of general components, business components, page block components, and auxiliary components.

[0018] Further, after obtaining the reference components, the method further includes:

[0019] Publish all reference components according to the basic component information;

[0020] When it is detected that the reference components are called into the application development project, count the historical usage of the reference components to obtain the dynamic information of the components.

[0021] Further, determining the configuration information of the target component includes:

[0022] Display the configuration items of the target component based on the basic component information, and respond to the configuration instructions for the configuration items to determine the configuration information of the target component; or,

[0023] Retrieve the development parameters of the target application program and determine the configuration information of the target component that matches the development parameters based on a preset configuration mapping relationship. The preset configuration mapping relationship includes configuration information corresponding to different development parameters;

[0024] Wherein, the configuration information is used to characterize the development content in which the target component is applied to the target application.

[0025] Further, the method further includes:

[0026] If the target component selection instruction is not obtained, the configuration instructions for the component basic information, component template, and component project information are displayed to indicate the configuration of the component basic information, the component template, and the component project information;

[0027] Generate a component configuration document based on the configured component basic information, component template, and component project information, and generate a target component based on the component configuration document.

[0028] According to another aspect of the present application, there is provided an application development device based on component display, including:

[0029] A retrieval module, configured to retrieve reference components with different business logics in response to a development instruction of a target application, where the reference components are pre-constructed according to the business logics;

[0030] A display module, configured to display the component basic information and component dynamic information of the reference component, where the component dynamic information is used to characterize the historical application situation of the reference component;

[0031] A development module, configured to determine the configuration information of the target component in response to a target component selection instruction of the reference component, and develop the target application based on the configuration information.

[0032] Further, the display module is specifically configured to obtain the component basic information and component dynamic information of the reference component, where the component basic information includes a component identifier, component classification, and component attributes, and the component dynamic information includes historical application projects, historical test results, historical evaluation results, and historical download volumes; display the component basic information and the component dynamic information according to the selected display conditions, where the display conditions include at least one of a search condition, a sorting condition, and a classification condition.

[0033] Further, the device further includes:

[0034] A first acquisition module, configured to obtain the development requirement information of different applications and retrieve basic components;

[0035] A configuration module, configured to parse the component basic information and business logic in the development requirement information, and configure the basic components based on the component basic information and the business logic to obtain the reference components. The business logic includes interaction scenario information and business scenario information of different business terminals. The reference components include at least one of general components, business components, page block components, and auxiliary components.

[0036] Further, the device further includes:

[0037] A second acquisition module, configured to acquire all associated application programs and determine the business logic of the associated application programs. The business logic includes interaction scenario information and business scenario information of different business terminals;

[0038] An extraction module, configured to extract components from the associated application programs according to the business logic to obtain the reference components. The reference components include at least one of general components, business components, page block components, and auxiliary components.

[0039] Further, the device further includes:

[0040] A publishing module, configured to publish all reference components according to the component basic information;

[0041] A statistics module, configured to, when detecting that the reference components are called into an application development project, statistics the historical usage of the reference components to obtain the component dynamic information.

[0042] Further, the development module is specifically further configured to display configuration items of the target component based on the component basic information, and determine configuration information of the target component in response to a configuration instruction for the configuration items; or, retrieve development parameters of the target application program, and determine configuration information of the target component that matches the development parameters based on a preset configuration mapping relationship. The preset configuration mapping relationship includes configuration information corresponding to different development parameters; wherein the configuration information is used to characterize the development content of the target component applied to the target application program.

[0043] Further, the display module is further configured to, if a target component selection instruction is not obtained, display configuration instructions for component basic information, component templates, and component project information to indicate configuration of the component basic information, the component templates, and the component project information; generate a component configuration document based on the configured component basic information, component templates, and component project information, and generate a target component based on the component configuration document.

[0044] According to another aspect of the present application, a storage medium is provided. At least one executable instruction is stored in the storage medium, and the executable instruction causes a processor to perform operations corresponding to the above-mentioned application development method based on component display.

[0045] According to still another aspect of the present application, a terminal is provided, including: a processor, a memory, a communication interface, and a communication bus. The processor, the memory, and the communication interface complete mutual communication through the communication bus;

[0046] The memory is used to store at least one executable instruction, and the executable instruction causes the processor to perform operations corresponding to the above-mentioned application development method based on component display.

[0047] By means of the above technical solutions, the technical solutions provided in the embodiments of the present application have at least the following advantages:

[0048] The present application provides an application development method and device based on component display. Compared with the prior art, in the embodiments of the present application, in response to a development instruction of a target application program, reference components with different service logics are retrieved, and the reference components are pre-constructed according to the service logics; the basic component information and component dynamic information of the reference components are displayed, and the component dynamic information is used to characterize the historical application situations of the reference components; in response to a target component selection instruction of the reference component, the configuration information of the target component is determined, and the target application program is developed based on the configuration information. By displaying reusable components, an effective reference is provided for users to select components to develop application programs, the purpose of exemplary display of components is achieved, a diverse component selection demonstration method is provided for developers, blind configuration of components is avoided, the labor cost and time cost of developing application programs based on components are reduced, and repeated creation and configuration of components are avoided, greatly improving the development efficiency of application programs.

[0049] The above description is only an overview of the technical solutions of the present application. In order to be able to understand the technical means of the present application more clearly, it can be implemented according to the content of the specification. And in order to make the above and other purposes, features, and advantages of the present application more obvious and understandable, the specific embodiments of the present application are specifically described below. Description of the Drawings

[0050] By reading the following detailed description of the preferred embodiments, various other advantages and benefits will become clear to those of ordinary skill in the art. The drawings are only for the purpose of showing the preferred embodiments and are not considered to be a limitation of the present application. And throughout the drawings, the same reference numerals are used to represent the same components. In the drawings:

[0051] Figure 1Shows a flowchart of an application development method based on component display provided by an embodiment of the present application;

[0052] Figure 2 Shows a schematic diagram of a display box provided by an embodiment of the present application;

[0053] Figure 3 Shows a block diagram of an application development device based on component display provided by an embodiment of the present application;

[0054] Figure 4 Shows a schematic diagram of the structure of a terminal provided by an embodiment of the present application. Detailed implementation manners

[0055] Hereinafter, exemplary embodiments of the present disclosure will be described in more detail with reference to the accompanying drawings. Although the exemplary embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure can be implemented in various forms and should not be limited by the embodiments set forth herein. On the contrary, these embodiments are provided so that a more thorough understanding of the present disclosure can be achieved and the scope of the present disclosure can be fully communicated to those skilled in the art.

[0056] An embodiment of the present application provides an application development method based on component display. As Figure 1 shown, the method includes:

[0057] 101. In response to a development instruction of a target application, retrieve reference components of different business logics.

[0058] In an embodiment of the present application, the target application is an application to be developed, applicable to application programs such as online education training and enterprise online training. The current execution end, as the application development end, can be a server or a terminal with development functions. The embodiment of the present application does not make specific limitations. Among them, after the current execution end receives a development instruction triggered by a user with development requirements, it retrieves reference components of different business logics. At this time, the reference components are pre-constructed according to the business logic. Specifically, the business logic is used to represent the program logic required for executing different application services, including but not limited to login logic, upload logic, video playback logic, transaction logic, etc. The embodiment of the present application does not make specific limitations. In addition, the components in the embodiment of the present application are program units with separate processing functions, and the reference components are created according to the business logic to complete the separate processing functions for the user to select multiple or one component.

[0059] It should be noted that when constructing the reference components in the embodiments of the present application, they can be created by developers for the first time, including but not limited to basic components. At this time, the basic components can be common components, such as interface login components, playback components, etc. They can also be components extracted by the current execution end after stripping the business logic from the developed application programs in advance, including but not limited to interactive scenario components, etc. The embodiments of the present application do not make specific limitations.

[0060] 102. Display the basic component information and component dynamic information of the reference component.

[0061] In the embodiments of the present application, after the current execution end retrieves all the reference components, they are displayed in the front-end interface of the current execution end. The displayed content includes the basic component information and component dynamic information of the reference component. Among them, the basic component information includes component identification, component classification, and component attributes. The component identification is used to identify the component identity, such as the component ID. The component classification is used to represent the type to which the component belongs, including but not limited to basic components or business components, etc. The component attributes are used to represent content such as attribute classification and creation, including but not limited to code documents, creators, compatibility, component types, component permissions, etc. The embodiments of the present application do not make specific limitations. In addition, the component dynamic information is used to represent the historical application situation of the reference component, which can include historical application projects, historical test results, historical evaluation results, and historical download volumes. At this time, the historical application project is used to represent the project content in which the reference component is used in other application programs. The historical test result is used to represent the result of the business test of the reference component. The historical rating result is used to represent the evaluation result after the reference component is developed and used in other application programs. The historical download volume is used to represent the number of downloads of the reference component after it is developed in other application programs. The embodiments of the present application do not make specific limitations.

[0062] It should be noted that in the embodiments of the present application, for the display of the basic component information and component dynamic information of the reference component, the front-end interface can be the display interface in the component demonstration system. Different display methods can be pre-configured for the display of the reference component in the component demonstration system, so as to achieve a diverse and flexible component information visualization effect for users to choose.

[0063] 103. In response to the target component selection instruction of the reference component, determine the configuration information of the target component, and develop the target application program based on the configuration information.

[0064] In the embodiments of the present application, after presenting the basic information and dynamic information of different reference components, the user can select the required target component from the foregoing reference components. That is, after the current execution end receives the selection instruction of the target component, it determines the configuration information of the target component. At this time, the configuration information can be directly input by the user or pre-generated. Thus, the development of the target application program is carried out based on the configuration information, which is not specifically limited in the embodiments of the present application. In addition, when selecting the target component from the reference components, the click selection method or the drag-and-drop selection method can be used, which is not specifically limited in the embodiments of the present application. At this time, the configuration information is used to characterize the development content of the target component applied to the target application program, which can be information for changing the business logic in the reference component or information for changing the basic component information of the reference component. The developer can export the selected target component through the Sketch plugin, so that the selected target component can be further developed and designed to complete the development adapted to the target application program.

[0065] It should be noted that when developing the target application program, the current execution end can convert the selected target component into an interface element Sketch symbol, export the HTML specification, and at the same time, call the code document based on the selected target component id for the development of the application program, which is not specifically limited in the embodiments of the present application.

[0066] In another embodiment of the present application, for further limitation and illustration, the steps of presenting the basic information and dynamic information of the reference component include:

[0067] Obtain the basic information and dynamic information of the reference component;

[0068] Present the basic information and the dynamic information of the component according to the selected display conditions.

[0069] To improve the reuse rate of component-based application development, avoid excessive R & D caused by repeated component creation, and achieve a more accurate display of available components, when the current execution end displays reference components, it first obtains the basic component information and component dynamic information of the reference components. Among them, the basic component information includes component identification, component classification, and component attributes. The component dynamic information includes historical application projects, historical test results, historical evaluation results, and historical download volumes. At this time, since the reference component can be created by developers for the first time or can be a component extracted by the current execution end after stripping the business logic from the developed application programs in advance, for the component dynamic information, those created for the first time can all be counted as 0, and those after extraction can be counted in real time. The embodiments of the present application do not make specific limitations. At the same time, to better provide users with a visual display effect of reference components, when displaying, it can be displayed according to display conditions. At this time, the display conditions include at least one of search conditions, sorting conditions, and classification conditions. Among them, the search condition is a search restriction for displaying reference components, including but not limited to the id, interaction scenario information, component type, etc. entered by the user. The sorting condition is an order restriction for displaying reference components, including but not limited to the number of creation times, the order of classification numbers, etc. The classification condition is the type for displaying reference components now, including but not limited to business types, page types, etc. The embodiments of the present application do not make specific limitations.

[0070] It should be noted that the above display conditions can be determined by the user's input. For example, in the front-end page of the component demonstration system, an input box for display conditions is first provided to the user. By inputting the display conditions of the reference components to be displayed, the reference components can be sorted, filtered, etc. The embodiments of the present application do not make specific limitations.

[0071] In another embodiment of the present application, for further limitation and illustration, before the step of retrieving reference components with different business logics, the method further includes:

[0072] Obtain the development requirement information of different application programs and retrieve basic components;

[0073] Analyze the component basic information and business logic in the development requirement information, and configure the basic components based on the component basic information and the business logic to obtain the reference components.

[0074] To achieve the goal of high reuse of components, avoid repeated and large amounts of ineffective component development, and thus reduce the development efficiency of component-based applications, the current execution end first creates a reference component before retrieving the reference component. Specifically, the current execution end obtains the development requirement information of all applications. At this time, the development requirement information is the requirement content during development, including but not limited to scenario requirements, UI interface requirements, etc., which can be retrieved by referring to the development document or requirement document. The embodiments of the present application do not make specific limitations. At the same time, the basic components are retrieved. At this time, the basic components are the most basic component units that have been pre-developed and can be reused repeatedly, such as login components, download components, etc., which can be retrieved from the basic component library. The embodiments of the present application do not make specific limitations.

[0075] It should be noted that, in order to extract unnecessary business content from the published application, the current execution end analyzes the component basic information and business logic in the development requirement information. At this time, the business logic includes but not limited to login logic, upload logic, video playback logic, transaction logic, etc., so as to create a reference component that needs to be displayed for the user to select in real time. In addition, when configuring the basic components based on the component basic information and business logic, the component basic information is used to define the basic content such as the id, classification, and attributes of the reference component, and the business logic is used to define the applicable logic and scenarios of the reference component, such as dedicated page components, etc. The embodiments of the present application do not make specific limitations.

[0076] In a specific implementation scenario, the business logic includes the interaction scenario information and business scenario information of different business ends (client side, server side), so as to achieve the reuse purpose of dedicated components when creating the reference component. At the same time, the reference component includes at least one of a general component, a business component, a page block component, and an auxiliary component, that is, after configuring the component information based on the component basic information and business logic, the obtained reference component can include at least one of a general component, a business component, a page block component, and an auxiliary component. Among them, the general component can be obtained by configuring the basic component based on the component basic information, the business component can be obtained by configuring the basic component based on the business scenario information. For example, the courseware list component, the page block component, and the auxiliary component can be obtained by configuring based on the interaction scenario component. The auxiliary component can include but not limited to tool components (such as lodash components), applet components (such as JSBridge components, Bridge components), project template components, etc. The embodiments of the present application do not make specific limitations.

[0077] In the scenario of developing an online education and training application, the basic components can be UI basic components or UI atomic components of the view layer. For example, they include open-source UI basic components or custom UI basic components. At this time, the basic components do not carry business logic to support the configuration of theme styles for different business requirements. At this time, they can be referenced through the npm method, and the props tool class components also need to include schema descriptions to achieve the integrity of component information.

[0078] In another embodiment of the present application, for further limitation and explanation, before the step of retrieving reference components with different business logics, the method further includes:

[0079] Retrieve all associated applications and determine the business logics of the associated applications;

[0080] Extract components from the associated applications according to the business logics to obtain the reference components.

[0081] To achieve the purpose of high reuse of components, avoid repeated and large amounts of ineffective component development, and thus reduce the development efficiency of component-based applications, the current execution end first creates reference components before retrieving reference components. Specifically, the current execution end can separate the components that have been used from the associated applications through an extraction method. At this time, the associated applications can be applications with the same business domain or business functions as the target application. For example, if the target application is an online teacher education training application, the associated applications can be online enterprise education training applications. The embodiments of the present application do not make specific limitations. Furthermore, for flexible stripping of components, the current execution end can extract components from the associated applications according to the business logics as reference components. Among them, the business logics include interaction scenario information and business scenario information of different business ends. The business ends can be client sides or enterprise sides, etc. When extracting components from the associated applications according to the business logics, it means stripping the component codes from the code layer where the applications are developed based on each component, and restoring the applications developed by combining each component back to individual components according to the business logics to obtain reference components that play a demonstration role. The embodiments of the present application do not make specific limitations.

[0082] In another embodiment of the present application, for further limitation and explanation, after the step of obtaining the reference components, the method further includes:

[0083] Publish all reference components according to the basic component information;

[0084] When it is detected that the reference components are called into the application development project, count the historical usage of the reference components to obtain the component dynamic information.

[0085] In order to show users the usage of components in other applications, thus serving as a demonstration of components for developing applications, the current execution end publishes reference components in the published npm repository according to the basic information of each component for users to retrieve and use. Since the component dynamic information is used to characterize the historical application situation of the reference component, it may include historical application projects, historical test results, historical evaluation results, and historical download volume. Therefore, after publishing the reference components, the current execution end real-time statistics the usage situation of each reference component being called into the development projects of different applications. For example, reference component a is retrieved into the application 3 times, namely in application 1, application 3, and application 4 respectively; reference component b is retrieved into the application 2 times, namely in application 1 and application 2 respectively; reference component c is retrieved into the application 1 time, namely in application 1. After statistics, as Figure 2 The described display box is displayed in the display box to instruct users to select the target component based on the historical test results, historical evaluation results, and historical download volume of each reference component. No specific limitation is made in the embodiments of the present application.

[0086] In another embodiment of the present application, for further limitation and explanation, the step of determining the configuration information of the target component includes:

[0087] Display the configuration items of the target component based on the component basic information, and respond to the configuration instructions of the configuration items to determine the configuration information of the target component; or,

[0088] Retrieve the development parameters of the target application, and determine the configuration information of the target component that matches the development parameters based on the preset configuration mapping relationship.

[0089] To achieve the adaptation of components to applications and thus accelerate the development efficiency of applications, after the current execution end receives the selection instruction of the target component, it determines that the target application to be developed uses the configuration information of the target component. In a specific embodiment, the current execution end can provide configuration items for users to perform custom configurations. Specifically, the current execution end first displays the configuration items of the target component according to the basic component information. At this time, the configuration items can be options or input boxes that provide configuration parameters for users. For example, the basic component information of the target component includes component classification a and component id-s. When displaying component id-s, in order to flexibly and accurately apply the target component to application development, the configuration information is the information for changing the business logic in the reference component or the information for changing the basic component information of the reference component. Therefore, the configuration items can be options or input boxes that are matched with the configuration information. The embodiments of this application do not make specific limitations. When the corresponding configuration information is entered through the configuration items, the current execution end obtains the configuration instruction and determines the content of the configuration items as the configuration information of the target component.

[0090] In a specific embodiment, the current execution end can also automatically allocate configuration information for the target component. Specifically, the current execution end first retrieves the development parameters of the target application and determines the configuration information of the target component that matches these development parameters based on the preset configuration mapping relationship. At this time, the preset configuration mapping relationship includes the configuration information corresponding to different development parameters, so as to achieve the purpose of automatically matching configuration information. Among them, the development parameters are the parameters for the target application and the component to be retrieved and developed, including but not limited to the component document path, component interface parameters, component tool parameters, etc. The preset configuration mapping relationship can be selected and written by application developers into the current execution end. The embodiments of this application do not make specific limitations.

[0091] In another embodiment of this application, for further limitation and explanation, the steps further include:

[0092] If the selection instruction of the target component is not obtained, then display the configuration instructions for the basic component information, component template, and component project information to indicate the configuration of the basic component information, component template, and component project information;

[0093] Generate a component configuration document based on the configured basic component information, component template, and component project information, and generate a target component based on the component configuration document.

[0094] To ensure the effectiveness of component-based application development, when the current execution end fails to obtain the target selection instruction from the user, a new component is re-created and used as the target component for application development. Specifically, the current execution end displays the basic information of the components that can be created, component templates, and component project information. After the user selects the basic information of the component, component template, and component project information required for creating the component in the front-end interface of the component demonstration system, a component configuration document is generated. At this time, a component generator can be used for creation, such as the VUE component generation framework, which is not specifically limited in the embodiments of the present application. At this time, the component project information is all the steps or project information for the created component to execute the business logic. After generating the component based on the component generator with the basic information of the component, component model, and component project information, a component configuration document is obtained to record and store information such as the code or parameters of the created target component for publishing the target component, which is not specifically limited in the embodiments of the present application.

[0095] For example, after the current execution end fails to obtain the target component selection instruction, the user can trigger the initialization instruction for component generation, and then display the basic information of the component, component template, and component project information. After the user fills in the corresponding information and selects basic information such as the component name, component type, and version number, the execution end is configured for the PC side, and the applicable systems are Android / iOS / iPad / aPhone, etc. Furthermore, the component template and the corresponding component project information are configured, such as the login component or transaction component, etc., which is not specifically limited in the embodiments of the present application. After the target component is generated, code testing and code standardization detection can also be performed on the target component. After passing the detection, it can be published, which is not specifically limited in the embodiments of the present application.

[0096] The embodiments of the present application provide a method for developing an application based on component display. Compared with the prior art, in the embodiments of the present application, by responding to the development instruction of the target application, reference components with different business logics are retrieved, and the reference components are pre-constructed according to the business logic; the basic information and dynamic information of the reference components are displayed, and the dynamic information of the components is used to characterize the historical application situation of the reference components; in response to the target component selection instruction of the reference component, the configuration information of the target component is determined, and the target application is developed based on the configuration information. By displaying reusable components, an effective reference is provided for users to select components to develop applications, achieving the purpose of demonstrating components, providing diverse component selection demonstration methods for developers, avoiding blind configuration of components, reducing the labor cost and time cost of developing applications based on components, and avoiding repeated creation and configuration of components, thus greatly improving the development efficiency of applications.

[0097] Furthermore, as for the above Figure 1For the implementation of the method shown, an embodiment of the present application provides an application development device based on component display, such as Figure 3 shown, the device includes:

[0098] A retrieval module 21, configured to retrieve reference components with different business logics in response to a development instruction of a target application program, where the reference components are pre-constructed according to the business logics;

[0099] A display module 22, configured to display the basic component information and component dynamic information of the reference components, where the component dynamic information is used to characterize the historical application situation of the reference components;

[0100] A development module 23, configured to determine the configuration information of the target component in response to a target component selection instruction of the reference component, and develop the target application program based on the configuration information.

[0101] Further, the display module is specifically configured to obtain the basic component information and component dynamic information of the reference components, where the basic component information includes a component identifier, a component classification, and component attributes, and the component dynamic information includes historical application projects, historical test results, historical evaluation results, and historical download volumes; display the basic component information and the component dynamic information according to the selected display conditions, where the display conditions include at least one of a search condition, a sorting condition, and a classification condition.

[0102] Further, the device further includes:

[0103] A first acquisition module, configured to acquire development requirement information of different application programs and retrieve basic components;

[0104] A configuration module, configured to analyze the component basic information and business logics in the development requirement information, and configure the basic components based on the component basic information and the business logics to obtain the reference components, where the business logics include interaction scenario information and business scenario information of different business terminals, and the reference components include at least one of general components, business components, page block components, and auxiliary components.

[0105] Further, the device further includes:

[0106] A second acquisition module, configured to acquire all associated application programs and determine the business logics of the associated application programs, where the business logics include interaction scenario information and business scenario information of different business terminals;

[0107] An extraction module, configured to extract components from the associated application programs according to the business logics to obtain the reference components, where the reference components include at least one of general components, business components, page block components, and auxiliary components.

[0108] Further, the device further includes:

[0109] A publishing module, configured to publish all reference components according to the basic component information;

[0110] A statistics module, configured to, when detecting that the reference component is called into an application development project, count the historical usage of the reference component to obtain the component dynamic information.

[0111] Further, the development module is specifically further configured to display the configuration items of the target component based on the basic component information, and determine the configuration information of the target component in response to a configuration instruction for the configuration item; or, retrieve the development parameters of the target application program, and determine the configuration information of the target component matching the development parameters based on a preset configuration mapping relationship, where the preset configuration mapping relationship includes configuration information corresponding to different development parameters; wherein, the configuration information is used to characterize the development content of the target component applied to the target application program.

[0112] Further, the display module is further configured to, if a target component selection instruction is not obtained, display configuration instructions for component basic information, a component template, and component project information to indicate configuration of the component basic information, the component template, and the component project information; generate a component configuration document based on the configured component basic information, the component template, and the component project information, and generate a target component based on the component configuration document.

[0113] The embodiment of the present application provides an application development device based on component display. Compared with the prior art, in the embodiment of the present application, in response to a development instruction of a target application program, reference components with different business logics are retrieved, where the reference components are pre-constructed according to the business logic; the basic component information and component dynamic information of the reference components are displayed, and the component dynamic information is used to characterize the historical application situation of the reference components; in response to a target component selection instruction for the reference component, the configuration information of the target component is determined, and the development of the target application program is performed based on the configuration information. By displaying reusable components, an effective reference is provided for users to select components to develop application programs, the purpose of exemplary display of components is achieved, a diverse component selection demonstration method is provided for development users, blind configuration of components is avoided, the labor cost and time cost of developing application programs based on components are reduced, and repeated creation and configuration of components are avoided, greatly improving the development efficiency of application programs.

[0114] According to an embodiment of the present application, a storage medium is provided. The storage medium stores at least one executable instruction, and the computer executable instruction can execute the application development method based on component display in any of the above method embodiments.

[0115] Figure 4 FIG. shows a schematic structural diagram of a terminal provided according to an embodiment of the present application. The specific embodiments of the present application do not limit the specific implementation of the terminal.

[0116] As Figure 4 shown, the terminal may include: a processor 302, a communication interface 304, a memory 306, and a communication bus 308.

[0117] Among them: the processor 302, the communication interface 304, and the memory 306 communicate with each other through the communication bus 308.

[0118] The communication interface 304 is used to communicate with network elements of other devices such as clients or other servers.

[0119] The processor 302 is used to execute the program 310, and specifically can execute the relevant steps in the above embodiments of the application development method based on component display.

[0120] Specifically, the program 310 may include program code, and the program code includes computer operation instructions.

[0121] The processor 302 may be a central processing unit CPU, or a specific integrated circuit ASIC (Application Specific Integrated Circuit), or one or more integrated circuits configured to implement the embodiments of the present application. One or more processors included in the terminal may be of the same type of processor, such as one or more CPUs; or may be of different types of processors, such as one or more CPUs and one or more ASICs.

[0122] The memory 306 is used to store the program 310. The memory 306 may include a high-speed RAM memory, and may also include non-volatile memory, such as at least one disk memory.

[0123] The program 310 is specifically used to cause the processor 302 to perform the following operations:

[0124] In response to the development instruction of the target application, retrieve reference components of different service logics, and the reference components are pre-constructed according to the service logics;

[0125] Display the basic component information and component dynamic information of the reference component, where the component dynamic information is used to characterize the historical application situation of the reference component;

[0126] In response to a target component selection instruction for the reference component, determine the configuration information of the target component, and develop the target application program based on the configuration information.

[0127] Obviously, those skilled in the art should understand that the above-mentioned modules or steps of the present application can be implemented by a general-purpose computing device. They can be concentrated on a single computing device or distributed on a network composed of multiple computing devices. Optionally, they can be implemented by program codes executable by the computing device. Thus, they can be stored in a storage device and executed by the computing device. And in some cases, the steps shown or described can be executed in a different order from here, or they can be separately made into individual integrated circuit modules, or multiple modules or steps among them can be made into a single integrated circuit module to implement. In this way, the present application is not limited to any specific combination of hardware and software.

[0128] The above are only the preferred embodiments of the present application and are not used to limit the present application. For those skilled in the art, the present application can have various changes and modifications. Any modification, equivalent replacement, improvement, etc. made within the spirit and principle of the present application shall be included within the protection scope of the present application.

Claims

1. A method for developing an application based on component display, characterized in that, Including: In response to a development instruction of a target application, retrieving reference components with different business logics, where the reference components are pre-constructed according to the business logics; Displaying the basic component information and component dynamic information of the reference components, where the component dynamic information is used to characterize the historical application situation of the reference components; In response to a target component selection instruction for the reference components, determining the configuration information of the target components and developing the target application based on the configuration information.

2. The method according to claim 1, characterized in that, The displaying the basic component information and component dynamic information of the reference components includes: Obtaining the basic component information and component dynamic information of the reference components, where the basic component information includes component identifiers, component classifications, and component attributes, and the component dynamic information includes historical application projects, historical test results, historical evaluation results, and historical download volumes; Displaying the basic component information and the component dynamic information according to the selected display conditions, where the display conditions include at least one of search conditions, sorting conditions, and classification conditions.

3. The method according to claim 1, wherein Before retrieving the reference components with different business logics, the method further includes: Obtaining the development requirement information of different applications and retrieving basic components; Analyzing the component basic information and business logics in the development requirement information and configuring the basic components based on the component basic information and the business logics to obtain the reference components, where the business logics include interaction scenario information and business scenario information of different business terminals, and the reference components include at least one of general components, business components, page block components, and auxiliary components.

4. The method according to claim 1, characterized in that, Before retrieving the reference components with different business logics, the method further includes: Obtaining all associated applications and determining the business logics of the associated applications, where the business logics include interaction scenario information and business scenario information of different business terminals; Extracting components from the associated applications according to the business logics to obtain the reference components, where the reference components include at least one of general components, business components, page block components, and auxiliary components.

5. The method according to claim 2 or 3, characterized in that After obtaining the reference components, the method further includes: Publishing all the reference components according to the basic component information; When it is detected that the reference components are called into an application development project, counting the historical usage of the reference components to obtain the component dynamic information.

6. The method according to claim 1, wherein The determining the configuration information of the target components includes: Displaying the configuration items of the target components based on the basic component information and, in response to a configuration instruction for the configuration items, determining the configuration information of the target components; or Retrieving the development parameters of the target application and determining the configuration information of the target components that matches the development parameters based on a preset configuration mapping relationship, where the preset configuration mapping relationship includes configuration information corresponding to different development parameters; wherein, the configuration information is used to characterize the development content when the target components are applied to the target application.

7. The method according to any one of claims 1-6, characterized in that, The method further includes: If the target component selection instruction is not obtained, the configuration instructions for the component basic information, the component template, and the component project information are displayed to indicate the configuration of the component basic information, the component template, and the component project information; Based on the configured component basic information, the component template, and the component project information, a component configuration document is generated, and a target component is generated based on the component configuration document.

8. A method for developing an application based on component display, characterized in that, Including: A retrieval module for retrieving reference components with different business logics in response to a development instruction of a target application program, where the reference components are pre-constructed according to the business logics; A display module for displaying the component basic information and the component dynamic information of the reference component, where the component dynamic information is used to characterize the historical application situation of the reference component; A development module for determining the configuration information of the target component in response to a target component selection instruction of the reference component, and developing the target application program based on the configuration information.

9. A computer-readable storage medium having computer programs / instructions stored thereon, characterized in that, When the computer program / instructions are executed by a processor, the steps of the method described in claim 1 are implemented.

10. A computer device, comprising a memory, a processor, and a computer program stored on the memory, characterized in that, The processor executes the computer program to implement the steps of the method described in claim 1.

Images