CN114911468A

CN114911468A - Application platform generation method and device

Info

Publication number: CN114911468A
Application number: CN202110170362.5A
Authority: CN
Inventors: 区家宝; 陈俊峰
Original assignee: Tencent Technology Shenzhen Co Ltd
Current assignee: Tencent Technology Shenzhen Co Ltd
Priority date: 2021-02-08
Filing date: 2021-02-08
Publication date: 2022-08-16

Abstract

The application relates to the technical field of computers, in particular to an application platform generation method and device, which are used for acquiring a function code configured for a component of a target application platform, wherein the function code represents a service logic function realized by the component; binding the function code with the determined corresponding component, and displaying the bound component; displaying the selected component in a target development page of the target application platform in response to a selection operation for the displayed component; and responding to the release operation triggered by the target development page, generating a page of the target application platform, and completing the construction of the target application platform through the generated page, so that the construction and development efficiency of the application platform is improved.

Description

Application platform generation method and device

Technical Field

The present application relates to the field of computer technologies, and in particular, to a method and an apparatus for generating an application platform.

Background

With the increasing need of managing more and more function configurations and service data, a convenient and easy-to-use management system platform is urgently needed to be used by related operation teams, but due to the requirements and technical limitations of developers with different roles, the requirements for building the management system platform are different, how to support different developers to the maximum extent is very important, and the management system platform can be built better and more quickly.

The method for building the management system platform in the related technology is mainly divided into pure code development and pure drag development, but the pure drag development is complex in configuration, high in operation cost and learning cost and low in efficiency, and the high-threshold pure code development is suitable for highly customized development, needs higher professional development technical capability, cannot abstract and generally use components, can be quickly reused in the next project, and reduces development efficiency.

Disclosure of Invention

The embodiment of the application provides an application platform generation method and device, and aims to improve the efficiency of building and developing an application platform.

The embodiment of the application provides the following specific technical scheme:

an embodiment of the present application provides an application platform generation method, including:

acquiring a function code configured for a component of a target application platform, wherein the function code represents a service logic function realized by the component;

binding the function code with the determined corresponding component, and displaying the bound component;

in response to a selection operation for the exposed component, exposing the selected component in a target development page of the target application platform;

and responding to the release operation triggered by the target development page, generating a page of the target application platform, and completing the construction of the target application platform through the generated page.

Another embodiment of the present application provides an application platform generating apparatus, including:

the system comprises an acquisition module, a storage module and a processing module, wherein the acquisition module is used for acquiring a function code configured for a component of a target application platform, and the function code represents a service logic function realized by the component;

the processing module is used for binding the function codes and the determined corresponding components and displaying the bound components;

the first display module is used for responding to selection operation aiming at the displayed components and displaying the selected components in a target development page of the target application platform;

and the first generation module is used for responding to the release operation triggered by the target development page, generating a page of the target application platform, and completing the construction of the target application platform through the generated page.

In another embodiment of the present application, an electronic device is provided, which includes a memory, a processor, and a computer program stored in the memory and executable on the processor, and the processor executes the computer program to implement the steps of any one of the above-mentioned application platform generation methods.

In another embodiment of the present application, a computer-readable storage medium is provided, on which a computer program is stored, which, when being executed by a processor, implements the steps of any one of the above-mentioned application platform generation methods.

In the embodiment of the application, a function code configured for a component of a target application platform is obtained, wherein the function code represents a service logic function realized by the component; and binding the function codes and the determined corresponding components, displaying the bound components, responding to selection operation aiming at the displayed components, displaying the selected components in a target development page of the target application platform, responding to release operation triggered aiming at the target development page, generating a page of the target application platform, and completing construction of the target application platform through the generated page.

Drawings

Fig. 1 is a schematic diagram of an application architecture of an application platform generation method in an embodiment of the present application;

FIG. 2 is a flow chart of a method for generating an application platform in an application embodiment;

FIG. 3 is a schematic diagram of an embodiment of the present application for generating executable code;

FIG. 4 is a framework diagram of an application platform generation method according to an embodiment of the present application;

FIG. 5 is a flowchart illustrating operations performed by different users in generating an application platform according to an embodiment of the present disclosure;

FIG. 6 is a schematic interface diagram of a visualization layout development mode in an embodiment of the present application;

FIG. 7 is a schematic diagram of a page generated based on a visualization layout development mode in an embodiment of the present application;

FIG. 8 is a schematic interface diagram of an online lightweight code development mode in an embodiment of the present application;

FIG. 9 is a schematic diagram of a native code development mode in an embodiment of the present application;

fig. 10 is a schematic structural diagram of an application platform generation apparatus in an embodiment of the present application;

fig. 11 is a schematic structural diagram of an electronic device in an embodiment of the present application.

Detailed Description

The technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are only a part of the embodiments of the present application, and not all of the embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.

For the purpose of facilitating an understanding of the embodiments of the present application, a brief introduction of several concepts is provided below:

a development platform: the software for secondary development is represented and can be used for realizing various service systems, related personnel do not need to write a large number of codes for each service module to realize the development of the service systems only need to perform operations such as simple configuration, dragging and the like, and the design and the manufacture of various reports including complex chart reports can be quickly realized.

And (3) CURD: is an abbreviation of database technology, and the basic functions of various parameters developed by the project are usually cut, which respectively represent Create (Create), Update (Update), Read (Read) and Delete (Delete) operations, and the cut defines the basic atomic operations for processing data.

Command Line Interface (Command Line Interface, CLI): representing a tool or application that interacts through a command line, using CLI can reduce repetitive labor, improve development efficiency, and be more canonical.

Data object: all things can be abstracted into one object, such as a push message, a vote, a house, a car, etc., and the object is eventually converted into data to be stored, so the data used to store and transmit the object can be referred to as a data object. At present, typical data object description manners include json, protobuf, jce, and the like, which may be used to define any data object, for example, in this embodiment of the present application, a json schema may be used to describe one data object.

Wherein, mode (schema): the schema includes schema objects, which may be tables (table), columns (column), data types (data type), views (view), stored procedures (stored procedures), relationships (relationships), primary keys (primary keys), foreign keys (foreign keys), and the like. The database schema may be represented by a visual graph that shows the database objects and their relationships to each other.

A schema is a collection of database objects that contains various objects such as: tables, views, stored procedures, indexes, etc. in order to distinguish different sets, different names need to be put together for different sets, one set corresponds to one user in a default case, the name of the schema of the user is equal to the name of the user, and as the default schema of the user, the schema set looks like the name of the user.

Vue: vue is a set of progressive frameworks used to build user interfaces, the core of Vue framework is 1) responsive data binding: when data changes, the view can be automatically updated, and the data operation can be concentrated without concerning the dom operation; 2) view components that can be combined: the view is functionally divided into a plurality of basic units, and the components can be combined step by step to form an inverted component tree which can be maintained, reused and tested.

Vue scaffold is Vue-cli, which is a complex scaffold specially built for single-page applications, can easily create new applications and can be used to automatically generate project templates of Vue and webpack, Vue is a progressive framework for constructing user interfaces, which can be applied layer by layer from bottom to top, the core library of Vue only focuses on the view layer, not only is it easy to get up, but also is easy to integrate with third party libraries or existing projects, and Vue can provide a drive for complex single-page applications when used in combination with modern tool chains and various supporting libraries.

Cloud computing (cloud computing): the method is a computing mode, and distributes computing tasks on a resource pool formed by a large number of computers, so that various application systems can acquire computing power, storage space and information services according to needs. The network that provides the resources is referred to as the "cloud". Resources in the "cloud" appear to the user as being infinitely expandable and available at any time, available on demand, expandable at any time, and paid for on-demand.

As a basic capability provider of cloud computing, a cloud computing resource pool (called as an Infrastructure as a Service (IaaS) platform for short) is established, and multiple types of virtual resources are deployed in the resource pool and are selectively used by external clients, where the cloud computing resource pool mainly includes computing devices (which are virtualization machines and include operating systems), storage devices, and network devices.

According to the logic function division, a Platform as a Service (PaaS) layer can be deployed on the IaaS layer, a Software as a Service (SaaS) layer is deployed on the PaaS layer, and the SaaS layer can be directly deployed on the IaaS layer. PaaS is a platform on which software runs, such as a database, a web container, etc. SaaS is a variety of business software, such as web portal, sms, and mass texting. Generally speaking, SaaS and PaaS are upper layers relative to IaaS.

Backend as a Service (BaaS): the cloud service is a novel cloud service, and aims to provide a back-end cloud service for mobile and Web (Web) applications, including cloud data/file storage, account management, message pushing, social media integration and the like. BaaS is a cloud service in the vertical field, and with the development of the mobile internet, BaaS is also getting more and more attention, and as a new model of application development, the BaaS can reduce the cost of developers, so that the developers only need to concentrate on specific development work.

With more and more function configurations needing to be managed and service data needing to be managed, a convenient and easy-to-use management system platform is urgently needed to be used by related operation teams, the requirement on the manufacturing efficiency of the management system platform is more and more rigorous, the quantity or quality of professional developers needs to be larger, but due to the self appeal and technical limitation of the personnel with different roles, the requirement for building the management system platform is different, and how to support the building requirements of different developers on the management system platform to the maximum degree is particularly important.

The method for building the management system platform in the related technology is mainly divided into pure code development and pure drag development, but the pure drag development is only suitable for some specific scenes or is used under the condition of no professional developers, the configuration is relatively complicated, the operation cost and the learning cost are relatively high, the efficiency is relatively low, the binding and interactive design of a User Interface (UI) component and data logic and the like are relatively complex, the method is not friendly and inconvenient to users, the building efficiency is reduced, the high-threshold pure code development is suitable for highly customized development, higher professional development technical capability is required, the component cannot be abstracted and commonly used, the component can be quickly reused in the next project, and the development efficiency is also reduced.

Therefore, in order to solve the above problems, an embodiment of the present application provides an application platform generating method, which obtains a function code configured for a component of a target application platform, where the function code represents a service logic function implemented by the component, binds the function code with the determined corresponding component, displays the bound component, further responds to a selection operation for the displayed component, displays the selected component in a target development page of the target application platform, and responds to a publishing operation triggered by the target development page, to generate a page of the target application platform, so that the target application platform is built through the page of the target application platform, and thus, based on an idea of deriving UI components oriented to data configuration and data, a data source is determined first, and then the data source is bound with the component, which can be automatically associated, thereby realizing that a user drags out the component as a data component that can be used, instead of a mode of firstly dragging the components and then configuring the components, the most appropriate scenes can be matched with the least configuration, the development flexibility is improved, and the development efficiency can be improved.

Fig. 1 is a schematic diagram of an application architecture of an application platform generation method according to an embodiment of the present application, including a terminal 100 and a server 200.

The terminal 100 may be any intelligent device such as a smart phone, a tablet computer, a portable personal computer, a vehicle-mounted computer, a wearable electronic device, and the like, and various application programs may be installed on the terminal 100, for example, in this embodiment, a development platform may be installed on the terminal 100, and relevant personnel may perform relevant operations on the development platform to obtain a final target application platform, for example, selection operation, dragging operation, on-line lightweight coding triggering operation, and the like on a component, and may develop a page of the target application platform.

The server 200 can provide various network services for the terminal 100, and the server 200 may be considered as a corresponding backend server for different applications, for example, in this embodiment, the server 200 may provide backend data support, interface support, and the like for components. The server 200 may be a server, a server cluster formed by a plurality of servers, or a cloud computing center.

The terminal 100 and the server 200 may be connected via the internet to communicate with each other. Optionally, the internet described above uses standard communication techniques, protocols, or a combination of both. The internet is typically the internet, but can be any Network including, but not limited to, Local Area Network (LAN), Metropolitan Area Network (MAN), Wide Area Network (WAN), any combination of mobile, wired or wireless networks, private networks, or virtual private networks. In some embodiments, data exchanged over a network is represented using techniques and/or formats including HyperText Mark-up Language (HTML), Extensible Mark-up Language (XML), and the like. All or some of the links may also be encrypted using conventional encryption techniques such as Secure Socket Layer (SSL), Transport Layer Security (TLS), Virtual Private Network (VPN), Internet Protocol Security (IPsec). In other embodiments, custom and/or dedicated data communication techniques may also be used in place of, or in addition to, the data communication techniques described above.

It is worth to be noted that, in this embodiment of the present application, the application platform generation method may be executed by the terminal 100 side or the server 200 side, which is not limited in this embodiment, but an interface presentation facing to a developer is required to be performed, so that the developer performs an interface operation, for example, operations such as dragging a component, deleting or configuring a component, and the server 200 may provide a background support in the application platform generation or building process, for example, services such as data protocol conversion and data storage.

It is worth to be noted that the application architecture diagram in the embodiment of the present application is to more clearly illustrate the technical solution in the embodiment of the present application, and does not limit the technical solution provided in the embodiment of the present application, and also does not limit the application platform, and the application architecture diagram may be applied to the building of various management application platforms, and for other application architectures and application scenarios, the technical solution provided in the embodiment of the present application is also applicable to similar problems.

In the embodiments of the present application, an application platform generation method applied to the application architecture shown in fig. 1 is taken as an example for schematic description.

Based on the above embodiment, referring to fig. 2, a flowchart of an application platform generation method in the embodiment of the present application is shown, where the method includes:

step 200: the method comprises the steps of obtaining a function code configured for a component of a target application platform, wherein the function code represents a business logic function realized by the component.

In the related art at present, the page development of the application platform is to drag out the UI component first and then to perform data binding, and this way, developers need to perform repeated work of the data binding component, and the efficiency is low and tedious, therefore, in the embodiment of the present application, the idea of deriving the UI component by data is adopted, first, data storage design and structural design are performed, and then, a page of the application platform is reversely pushed, and specifically, the data object can be implemented, all things can be abstracted into an object, the object is finally converted into data to be stored, and the data used for storing and transmitting the object is called as a data object, therefore, when the application platform has a need, a background already designs a data structure of the object, and possibly already has a protobuf definition and an interface, so that only the object needs to be defined on the application platform, for example, a json schema can be used to describe a data object, a generalized data storage service.

Therefore, in this embodiment of the present application, a function code may be configured for a component, where, for example, the function code is a json schema code, where a process of converting service logic data into the json schema code provides several possible examples, for example, a single-layer schema: the user also needs to supplement related UI component information such as Chinese names, whether the user is read only or not, and the converted schema can be { "id": name "," type ": string", "title": name "," description ": please fill in name", "display": true "," read ": true }.

For another example, in the nested schema mode, the original schema is:

{“id”:”A”,”type”:”object”,”fields”:[{“id”:”name”,”type”:”string”},…]}；

the schema structure after the user supplements the relevant information of the UI component is as follows:

{ "id": A "," type ": object", "fields": { "id": B "," type ": string", "title": name "," description ": please fill in the name", "display": true "," ready ": true", … }.

In addition, an infinite nesting structure can be supported, such as:

{“id”:”A”,”type”:”object”,”fields”:[{“id”:”B”,”type”:”object”,”fields”:[{“id”:”C”,”type”:”object”},…]},…]}。

in this way, in the embodiment of the application, for example, after a user logs in a development platform, a super component may be dragged out to a target development page, and a data source, that is, a function code, may be imported, and then the super component may automatically determine a corresponding component according to information such as a field in a configuration code, and bind the function code with the corresponding component, so that a business logic function may be given to the component.

Step 210: and binding the function code and the determined corresponding component, and displaying the bound component.

When step 210 is executed, the method specifically includes:

1) and analyzing the function code according to a preset protocol format, and determining the type of a field contained in the function code.

2) And matching the corresponding component according to the type of the field contained in the function code, and binding the function code and the matched component.

For example, for a background service-based storage, the following method can be adopted for the service access of the function code: 1) automatically deriving a default json schema from a preset protocol; 2) the default json schema can only know whether the field is a character string, a number or an array, and cannot be accurately restored into a form, so that what component is used for each field needs to be manually configured; 3) configuring a service routing address read and written by a background server; 4) and completing service access, and then the upper layer can use the service, and the service is bound with the determined corresponding component, and the service can be directly used for generating a list, a form and the like.

Step 220: and in response to the selection operation aiming at the displayed component, displaying the selected component in a target development page of the target application platform.

In the embodiment of the application, the corresponding components are determined according to the function codes and are bound, the bound components can be displayed in the set area of the current page, and then a user can drag the components to the target development page according to actual needs.

Further, in order to improve development flexibility and meet customization requirements of different users, the embodiment of the present application supports other development modes in addition to the dragged visualization orchestration development mode, and specifically provides several possible implementation manners in the embodiment of the present application:

1) and an online lightweight coding development mode.

In particular, the embodiment of the present application provides a possible implementation manner: after the selected component is exposed in a target development page of the target application platform, the method further includes: displaying a coding interface in response to an online lightweight coding trigger operation for the component; receiving lightweight function codes input in an encoding interface; lightweight function code is bound to the component.

For example, after a user drags a component into a target development page, if the function of the component needs to be adjusted or added with other functions, the function of on-line lightweight coding can be triggered in the target development page, that is, a coding interface can be displayed, and then the user can perform code coding and adjustment in the coding interface, and the input lightweight function code can take effect in real time without compiling.

2) A local development mode.

In this embodiment of the present application, the local development mode is mainly to meet requirements of more specialty and high customization, and project source codes may be imported into the local for development, and specifically, this embodiment of the present application provides a possible implementation manner: generating project source code of a target application platform at least comprising the bound components and the function code; the project source code is copied to local to enable the functional code configuration to be performed locally for the component.

The method comprises the steps of developing in a development platform, possibly being limited by the development platform, being more convenient and flexible to develop when being exported to the local, adjusting and configuring functions of components after being exported to the local, defining new components, and importing codes after the local development is completed into the development platform again after the local development is completed.

Step 230: and responding to the issuing operation triggered by the target development page, generating a page of the target application platform, and completing the construction of the target application platform through the generated page.

The page of the target application platform is generated, and a possible implementation manner is provided in the specific application embodiment:

1) and generating a page layout code according to the position information of the selected component displayed in the target development page.

In the embodiment of the application, after a user selects and drags a display bound component to a target development page, the position layout of the component can be adjusted according to needs, and visual configuration is supported, so that a page layout code can be automatically generated according to adjusted position information, specifically, when the page layout code is generated, the page layout code can be derived through a classic horizontal and vertical cell structure, online compiling-free preview of the page layout code can be supported, and thus, through the position information of the component, data description information in the function code of the component, such as a display chart dial form, can be converted into a page layout source code, and then layout display of the component can be visually restored through executing the page layout source code.

In addition, infinite multilayer nested layout data can be supported in the embodiment of the application, so that a more flexible and complex layout structure can be realized, any layout requirement can be met, the assembly dragging can be flexibly matched, and any page layout configuration of an application platform can be realized.

2) And generating an executable code corresponding to the page of the target application platform at least based on the function code, the selected component and the page layout code, so that the page is displayed by running the executable code after the executable code is issued.

When the Vue framework is adopted, the generated executable code is Vue source code, and the embodiment of the present application is not limited.

Further, when the executable code is generated, the page of the target development platform may be generated by combining information associated with all target development pages, such as page-level data edited for the second time for the selected component after the selected component is dragged out and displayed in the target development page of the target application platform, based on the lightweight function code input on line. For example, referring to fig. 3, which is a schematic diagram illustrating executable code generation in the embodiment of the present application, as shown in fig. 3, Vue source code, such as a code structure with Vue source code at the rightmost portion in fig. 3, may be generated based on Vue technology according to page layout code, function code of components, page level data, lightweight function code, and the like.

After the executable code of the page of the target application platform is generated, the generated page can be displayed by running the executable code during running, that is, each function of the target application platform can be used through the page, specifically, a browser can be used for analyzing Vue the source code, and Vue the source code is analyzed and run, that is, it can be understood that the target application platform is built by generating each page, and each generated page constitutes the target application platform.

In the embodiment of the application, the function code configured for the component of the target application platform is obtained, wherein the function code represents the service logic function realized by the component, binds the function code with the determined corresponding component, displays the bound component, further responds to the selection operation of the displayed component, displays the selected component in the target development page of the target application platform, and responds to the publishing operation triggered by the target development page to generate the page of the target application platform, namely, the establishment of the target application platform is completed, so that the function code is obtained first, the corresponding component is determined and bound according to the obtained function code, the mode of configuring and deducing the component by adopting a data object oriented mode is adopted, the configuration operation of a user can be reduced, the development efficiency is improved, the rapid multiplexing of the component is facilitated, and the page can be generated through the selection and publishing operation, effectively reduce and use the threshold, improved the flexibility.

Based on the above embodiments, a specific application scenario is described below, and reference is made to fig. 4, which is a framework architecture diagram of an application platform generation method in the embodiments of the present application. Related personnel log in a development platform, and then can build a target application platform based on the development platform, and generate a page of a required target application platform based on an application platform generation method in the embodiment of the present application, as shown in fig. 4, a framework architecture applied in the embodiment of the present application can be divided into three parts for description, which are a data access part, a component configuration part, and a back-end service part, and the following description is respectively performed:

a first part: and a data access part.

In the embodiment of the application, a standard Data access Paas layer is provided, which can support a database front end development tool (PowerBuilder, PB), a HyperText Transfer Protocol (HTTP) interface, a database (Data Base, DB), an ES File browser (ES File Explorer), a Redis storage system, and the like, and is mainly responsible for converging storage differences and management differences of Data, and provides a solid Data Base for a standard Data derivation UI component.

Moreover, after logging in the development platform, a relevant person may input relevant information of the target application platform to be created, such as a project name, a department, an icon, a right, a menu, and the like, when creating the target application platform for the first time.

A second part: a component configuration section.

The method includes the steps that different types of assemblies are provided, the assemblies are divided into different types according to grades, assembly multiplexing of the assemblies and open source co-construction of the assemblies can be facilitated, and specifically, the assemblies can be divided into assemblies of types L1, L2 and L3, wherein the level L1 is a raw material assembly which represents the most basic pure UI assembly, such as input boxes, select drop-down boxes and other meta-assemblies; the L2 level is a synthesis component which represents a combination of high-level components, generally L1 level components, is from the encapsulation of raw material components, does not contain data logic, and can deal with components with more complex functions; the L3 level component is a finished component, comprises data logic, represents a high-level component for binding data and a UI, and also comprises a multiplexing component after being arranged, can be directly used in a production environment in a configuration-free and rapid mode, and reduces configuration operation of users to the maximum extent.

As shown in fig. 4, the component configuration part is mainly the component orchestrator part in fig. 3, that is, the implementation process of the application platform generation method in the embodiment of the present application, and after selecting a data source, that is, a function code of a component, the data source is bound with the determined corresponding component, and the bound component is displayed, so that a user can select the bound component, drag the bound component to a target development page, adjust the layout of each component in the target development page, and trigger a publishing operation to generate a page of the target application platform.

In the embodiment of the application, the data source and the component are bound, the idea of deriving the UI component by using data can be utilized, and the type of the data field in the function code can be understood and bound to the specified UI component, so that the data component which can be used after being dragged by a user can be realized. Meanwhile, certain open configuration items are provided for each component, more detailed adjustment is provided, and a user can configure and adjust the components according to requirements, which is not limited in the embodiment of the application.

And a third part: a back-end service part.

The back-end service part mainly refers to the BaaS part in fig. 4, and provides background support for the development platform, for example, including data storage service, code parsing service, and the like.

In the embodiment of the application, an intelligent component, a data interface, service support and the like can be provided in a development platform, a user imports the function codes of the component, the component can be automatically associated with the function codes, the user can select the required component from the bound components, the use threshold is effectively reduced, the efficiency is improved, and the component can be supported to carry out on-line lightweight coding configuration or local configuration, so that the code amount of the user in some customized scenes can be compressed to the minimum, the threshold is reduced, and meanwhile, the flexible expansion capability is provided.

Based on the above embodiments, the application platform generation method in the embodiments of the present application is described below from the product side. Referring to fig. 5, an operation flow chart of application platform generation performed by different users in the embodiment of the present application is shown, and as shown in fig. 5, the embodiment of the present application can meet requirements for building an application platform for users with different technical levels.

1) Non-technical users: for example, a product or an operator may directly use a visual arrangement development mode to directly drag out a component, so that a conventional cut operation and the like may be implemented, specifically, as shown in fig. 5, a user logs in a development platform to create a target application platform, and may input information related to the target application platform, such as a name, a department, a trademark (logo), a right, menu configuration and the like, so as to import a function code of a data source, that is, a functional component, and perform component binding and display of the bound component in a background, and the user may drag the component to a target development page as needed, so as to trigger a publishing operation, that is, generate a page of the target application platform, and implement establishment of the target application platform.

2) Background or operational development users: generally, there is no professional front-end development capability, an interface and other data modes can be provided, and a related management platform interface for background configuration can be quickly dragged out, specifically, as shown in fig. 5, compared with a non-technical user, the background development user has certain development capability, and can use an online lightweight coding development mode to input lightweight function codes in a coding interface so as to perform function configuration and adjustment on components.

3) Professional front-end development users: the method can not only use an online lightweight coding development mode to write a small amount of codes to realize customized operation, but also select to directly export project source codes to the local to fulfill the requirement of higher customization in a local development mode.

Based on the above embodiments, the following briefly describes three development modes in the embodiments of the present application.

1) For example, referring to fig. 6, an interface schematic diagram of the visualized orchestration development mode in the embodiment of the present application is shown, in the embodiment of the present application, through automatic derivation and binding of a data source and a component, a user is not required to configure a cumbersome data interface, a style configuration, and the like, and can perform visualized configuration, and drag the component to a target development page, for example, a selected component, such as an input box component, is shown in a page in fig. 6.

For example, referring to fig. 7, which is a schematic diagram of a page generated based on a visualization layout development mode in an embodiment of the present application, as shown in fig. 7, a schematic diagram of a generated page is shown, a user can use functions in the page, the page in fig. 7 has a search function, and the page includes components configured with an input business logic function, a search logic function, and the like.

2) And an online lightweight coding development mode.

For example, referring to fig. 8, which is a schematic diagram of an interface of an online lightweight code development mode in the embodiment of the present application, a user may open a function button of an online lightweight code by clicking, i.e., open the online lightweight code development mode, display a coding interface, and input a lightweight function code in the coding interface, as shown in fig. 8, after the online lightweight code development mode is opened, the function button may be changed to a function button for displaying and closing the online lightweight code development mode, and after the lightweight code is completed, the function button may be triggered, so that the online lightweight code development mode may be closed, and the target development page may be returned.

In addition, in the embodiment of the application, a source-open monaco editor can be combined, a specific grammar prompt set and dynamic collection of a page component list can be matched, prompt of codes can be provided, for example, when a user inputs light-weight function codes, prompt of words and grammars can be automatically performed, a code formatting function can be realized by combining an eslinet method and a presty method, so that the code style is unified and normalized, and an online assembly Vue source code compiling-free access function can be supported, namely, real-time validation of the codes can be realized.

3) A native code development mode.

For example, referring to fig. 9, which is a schematic diagram of a local code development mode in an embodiment of the present application, as shown in fig. 9, a whole project source code may be generated by collecting dependencies and installing, formatting and standardizing a code, and generating the code into a scaffold directory, and then imported into the local, and provided to a professional developer, without relying on any scaffold or any special environment configuration, the source code may be operated and edited locally, and after local development is completed, the source code may be deployed independently, or may be imported into a development platform again, and may be compiled and run on a real-time line to generate a page.

In the embodiment of the application, the idea of data object configuration and data derivation UI component oriented is provided, the concept of a progressive development framework is realized, and a visual arrangement development mode, an online lightweight coding development mode and a local code development mode are fused, so that the progressive development mode is fused through the three, users with different technical levels and requirements can be supported, the required application platform can be rapidly developed through the development platform in the embodiment of the application, the building efficiency of the application platform is improved, and the capability of enabling more people to build the application platform is realized.

Based on the same inventive concept, the embodiment of the present application further provides an application platform generating device, which may be a hardware structure, a software module, or a hardware structure plus a software module. Based on the foregoing embodiment, referring to fig. 10, an application platform generating apparatus in the embodiment of the present application specifically includes:

an obtaining module 1000, configured to obtain a function code configured for a component of a target application platform, where the function code represents a service logic function implemented by the component;

the processing module 1010 is configured to bind the function code with the determined corresponding component, and display the bound component;

a first presentation module 1020 for presenting the selected component in a target development page of the target application platform in response to a selection operation for the presented component;

the first generating module 1030 is configured to generate a page of the target application platform in response to a publishing operation triggered for the target development page, so as to complete the construction of the target application platform through the generated page.

Optionally, when the function code is bound to the determined corresponding component, the processing module 1010 is specifically configured to:

analyzing the function code according to a preset protocol format, and determining the type of a field contained in the function code;

and matching the corresponding component according to the type of the field contained in the function code, and binding the function code and the matched component.

Optionally, after the selected component is displayed in the target development page of the target application platform, the method further includes:

a second presentation module 1040, configured to present an encoded interface in response to an online lightweight encoded trigger operation for a component;

a receiving module 1050, configured to receive the lightweight function code input in the encoding interface;

a binding module 1060 to bind the lightweight function code with the component.

Optionally, further comprising:

a second generating module 1070, configured to generate a source code of the item of the target application platform including at least the bound component and the function code;

a copy module 1080, configured to copy the project source code to the local so as to configure the functional code for the component locally.

Optionally, when generating the page of the target application platform, the first generating module 1030 is specifically configured to:

generating a page layout code according to the position information of the selected component displayed in the target development page;

and generating an executable code corresponding to the page of the target application platform at least based on the functional code, the selected component and the page layout code, so that the page is displayed by running the executable code after the executable code is issued.

Based on the above embodiments, fig. 11 is a schematic structural diagram of an electronic device in an embodiment of the present application.

An embodiment of the present application provides an electronic device, which may include a processor 1110 (CPU), a memory 1120, an input device 1130, an output device 1140, and the like, where the input device 1130 may include a keyboard, a mouse, a touch screen, and the like, and the output device 1140 may include a Display device, such as a Liquid Crystal Display (LCD), a Cathode Ray Tube (CRT), and the like.

The memory 1120 may include a Read Only Memory (ROM) and a Random Access Memory (RAM), and provides the processor 1110 with program instructions and data stored in the memory 1120. In the embodiment of the present application, the memory 1120 may be used for storing a program of any one of the application platform generation methods in the embodiment of the present application.

The processor 1110 is configured to execute any of the application platform generation methods according to the present embodiment by calling the program instructions stored in the memory 1120 and the processor 1110 is configured to execute the obtained program instructions.

Based on the foregoing embodiments, in the embodiments of the present application, a computer-readable storage medium is provided, on which a computer program is stored, and when the computer program is executed by a processor, the application platform generation method in any of the above method embodiments is implemented.

Those of ordinary skill in the art will understand that: all or part of the steps for implementing the method embodiments may be implemented by hardware related to program instructions, and the program may be stored in a computer readable storage medium, and when executed, the program performs the steps including the method embodiments; and the aforementioned storage medium includes: a mobile storage device, a Read-Only Memory (ROM), a Random Access Memory (RAM), a magnetic disk or an optical disk, and other various media capable of storing program codes.

Alternatively, the integrated unit of the present invention may be stored in a computer-readable storage medium if it is implemented in the form of a software functional module and sold or used as a separate product. Based on such understanding, the technical solutions of the embodiments of the present invention may be essentially implemented or a part contributing to the prior art may be embodied in the form of a software product, which is stored in a storage medium and includes several instructions for causing a computer device (which may be a personal computer, a server, or a network device) to execute all or part of the methods described in the embodiments of the present invention. And the aforementioned storage medium includes: a removable storage device, a ROM, a RAM, a magnetic or optical disk, or various other media that can store program code.

Claims

1. An application platform generation method, comprising:

2. The method of claim 1, wherein binding the function code with the determined corresponding component comprises:

3. The method of claim 1, after exposing the selected component in a target development page of the target application platform, further comprising:

displaying a coding interface in response to an online lightweight coding trigger operation for the component;

receiving lightweight function codes input in the coding interface;

binding the lightweight function code with the component.

4. The method of claim 1, further comprising:

generating project source code of the target application platform including at least the bound component and the function code;

copying the project source code to local to enable function code configuration for the component locally.

5. The method according to any one of claims 1 to 4, wherein generating the page of the target application platform specifically includes:

6. An application platform generation apparatus, comprising:

7. The apparatus of claim 6, after exposing the selected component in a target development page of the target application platform, further comprising:

the second display module is used for responding to the on-line lightweight coding trigger operation aiming at the component and displaying the coding interface;

the receiving module is used for receiving the lightweight function codes input in the coding interface;

a binding module for binding the lightweight function code with the component.

8. The apparatus of claim 6, further comprising:

a second generation module for generating project source code of the target application platform including at least the bound component and the function code;

and the copying module is used for copying the project source code to the local so as to configure the functional code for the component locally.

9. An electronic device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, wherein the steps of the method of any of claims 1-5 are implemented when the program is executed by the processor.

10. A computer-readable storage medium having stored thereon a computer program, characterized in that: the computer program when executed by a processor implements the steps of the method of any one of claims 1 to 5.