Application development method, device and equipment

Abstract

The invention provides an application development method, device and equipment, and relates to the computer technology, and the method comprises the steps: obtaining a new page request for a to-be-developed application; and generating a page corresponding to the new page identifier based on the new page request. Obtaining a dragging operation for the plurality of controls; and according to the dragging operation, obtaining a plurality of controls dragged to the editing area in the page. Obtaining configuration operations for the page and the plurality of controls dragged to the editing area; according to the configuration operation, obtaining first attribute information of the page and second attribute information of the control dragged to the editing area; and displaying a page according to the plurality of controls dragged to the editing area, the first attribute information and the second attribute information. According to the scheme, the page can be edited through the dragging operation and the configuration operation, coding is not needed, and the problem that the development efficiency is low is solved.

Description

Technical Field

[0001] The present application relates to computer technology, and in particular to an application development method, device and equipment. Background Art

[0002] At present, system customization has become a necessary requirement for many applications. System customization refers to customizing the application's functions and page display information according to user needs. Even if the same application is viewed by different customers, it has its own unique requirements and displays for functions and homepage screens. There are functional customizations, as well as various personalized needs such as theme style, color matching, style, etc. Specifically, in order to meet this demand, current solutions basically need to customize and develop different large screens and functional pages for different customers.

[0003] However, due to the need to customize and develop different large screens and functional pages for different customers, the initial development costs increased sharply and the development time was long, which led to low development efficiency. Summary of the invention

[0004] The present application provides an application development method, device and equipment to solve the technical problem of low development efficiency.

[0005] In a first aspect, the present application provides an application development method, comprising: obtaining a new page request for an application to be developed; wherein the new page request includes a new page identifier; and based on the new page request, generating a page corresponding to the new page identifier; the page includes a plurality of controls and an editing area, wherein the controls are preset development elements of the page;

[0006] Acquire a drag operation for the plurality of controls; wherein the drag operation indicates dragging the controls to the editing area in the page; and acquire, according to the drag operation, a plurality of controls in the page that have been dragged to the editing area;

[0007] Acquire a configuration operation for the page and the plurality of controls dragged to the editing area; wherein the configuration operation is to edit the attribute information of the page and the controls dragged to the editing area respectively; and acquire first attribute information of the page and second attribute information of the controls dragged to the editing area according to the configuration operation;

[0008] If a page save request is received, the multiple controls in the page that have been dragged to the editing area, the first attribute information, and the second attribute information are sent to the server, so that the server stores the page corresponding to the new page identifier; and the page is displayed based on the multiple controls that have been dragged to the editing area, the first attribute information, and the second attribute information.

[0009] Further, the page includes a component area, and the component area includes a plurality of controls;

[0010] The step of obtaining a drag operation on a plurality of controls; and obtaining a plurality of controls on the page that have been dragged to an editing area according to the drag operation, includes:

[0011] Acquire a drag operation for a plurality of controls; wherein the drag operation indicates that the controls are moved from the component area to the editing area in the page;

[0012] According to the dragging operation, a plurality of controls in the page that have been dragged to the editing area are acquired.

[0013] Furthermore, the component area includes multiple component types, and each component type includes multiple controls.

[0014] Furthermore, the page further includes a setting area, and the setting area includes a page information input box corresponding to the page and a control information input box corresponding to each control dragged to the editing area;

[0015] The acquiring of configuration operations for the page and the plurality of controls dragged to the editing area; and acquiring, according to the configuration operations, first attribute information of the page and second attribute information of the controls dragged to the editing area, comprises:

[0016] Obtaining a first configuration operation for a page information input box of the page; and obtaining first attribute information of the page according to the first configuration operation;

[0017] Acquire a selection operation for each of the multiple controls that have been dragged to the editing area; and display a control information input box corresponding to each of the controls that have been dragged to the editing area according to the selection operation;

[0018] A second configuration operation is obtained for each control information input box of the control that has been dragged to the editing area; and according to the second configuration operation, second attribute information of the plurality of controls that have been dragged to the editing area is obtained.

[0019] Furthermore, the sending of the plurality of controls in the page that have been dragged to the editing area, the first attribute information, and the second attribute information to the server includes:

[0020] Serializing the plurality of controls in the page that have been dragged to the editing area, the first attribute information, and the second attribute information to obtain code information in a preset format;

[0021] The code information in the preset format is sent to the server.

[0022] Further, displaying the page according to the plurality of controls dragged to the editing area and the property information includes:

[0023] Obtaining a new page identifier of the page, and determining code information corresponding to the new page identifier;

[0024] Acquire the plurality of controls dragged to the editing area, the first attribute information, and the second attribute information in the code information;

[0025] Based on the multiple controls that have been dragged to the editing area, a target control corresponding to each control that has been dragged to the editing area is created in the page; and based on the first attribute information and the second attribute information, the first attribute information corresponding to the page and the second attribute information corresponding to each control that has been dragged to the editing area are displayed.

[0026] Furthermore, the page also includes an export button; the method also includes:

[0027] Obtaining a first trigger operation for the export button;

[0028] According to the first trigger operation, searching for the image used by the page, the plurality of controls dragged to the editing area, the first attribute information, and the second attribute information;

[0029] The picture, the plurality of controls dragged to the editing area, the first attribute information and the second attribute information are packaged and exported.

[0030] Furthermore, the page also includes an import button; the method also includes:

[0031] Obtaining a second trigger operation for the import button; and displaying an import selection page according to the second trigger operation;

[0032] A confirmation operation for the package to be imported in the import selection page is obtained, and according to the confirmation operation, the package to be imported is imported into the current page.

[0033] Furthermore, the second attribute information of the control dragged to the editing area includes control information, and the first attribute information of the page includes page style information.

[0034] In a second aspect, the present application provides an application development device, comprising:

[0035] A first acquisition unit is used to acquire a new page request for the application to be developed; wherein the new page request includes a new page identifier; and based on the new page request, a page corresponding to the new page identifier is generated; the page includes a plurality of controls and an editing area, and the controls are preset development elements of the page;

[0036] A second acquisition unit is used to acquire a drag operation on the plurality of controls; wherein the drag operation indicates dragging the control to the editing area in the page; and according to the drag operation, acquire the plurality of controls in the page that have been dragged to the editing area;

[0037] A third acquisition unit is used to acquire a configuration operation for the page and the plurality of controls that have been dragged to the editing area; wherein the configuration operation is to edit the attribute information of the page and the controls that have been dragged to the editing area respectively; and according to the configuration operation, to acquire the first attribute information of the page and the second attribute information of the controls that have been dragged to the editing area;

[0038] a sending unit, configured to send the plurality of controls in the page that have been dragged to the editing area, the first attribute information, and the second attribute information to a server if a page saving request is received, so that the server stores the page corresponding to the new page identifier;

[0039] A display unit is used to display the page according to the plurality of controls dragged to the editing area, the first attribute information and the second attribute information.

[0040] Further, the page includes a component area, and the component area includes a plurality of controls;

[0041] The second acquisition unit includes:

[0042] A first acquisition module is used to acquire a drag operation on a plurality of controls; wherein the drag operation indicates that the controls are moved from the component area to the editing area in the page;

[0043] The second acquisition module is used to acquire a plurality of controls in the page that have been dragged to the editing area according to the drag operation.

[0044] Furthermore, the component area includes multiple component types, and each component type includes multiple controls.

[0045] Furthermore, the page further includes a setting area, and the setting area includes a page information input box corresponding to the page and a control information input box corresponding to each control dragged to the editing area;

[0046] The third acquisition unit includes:

[0047] A third acquisition module is used to acquire a first configuration operation for the page information input box of the page; and acquire first attribute information of the page according to the first configuration operation;

[0048] A fourth acquisition module is used to acquire a selection operation for each of the multiple controls that have been dragged to the editing area; and according to the selection operation, display a control information input box corresponding to each of the controls that have been dragged to the editing area;

[0049] The fifth acquisition module is used to acquire the second configuration operation of the control information input box of each control that has been dragged to the editing area; and acquire the second attribute information of multiple controls that have been dragged to the editing area according to the second configuration operation.

[0050] Furthermore, the sending unit includes:

[0051] A sixth acquisition module, used for serializing the plurality of controls in the page that have been dragged to the editing area, the first attribute information, and the second attribute information, to acquire code information in a preset format;

[0052] The sending module is used to send the code information in the preset format to the server.

[0053] Furthermore, the display unit comprises:

[0054] A determination module, used for obtaining a new page identifier of the page and determining code information corresponding to the new page identifier;

[0055] A seventh acquisition module, used to acquire the plurality of controls dragged to the editing area, the first attribute information and the second attribute information in the code information;

[0056] A display module is used to create a target control corresponding to each control dragged to the editing area in the page according to the multiple controls that have been dragged to the editing area; and to display the first attribute information corresponding to the page and the second attribute information corresponding to each control that has been dragged to the editing area according to the first attribute information and the second attribute information.

[0057] Furthermore, the page also includes an export button; the device also includes:

[0058] A fourth acquisition unit, configured to acquire a first trigger operation for the export button;

[0059] a search unit, configured to search, according to the first trigger operation, for the image used by the page, the plurality of controls dragged to the editing area, the first attribute information, and the second attribute information;

[0060] The export unit is used to package and export the image, the multiple controls dragged to the editing area, the first attribute information and the second attribute information.

[0061] Furthermore, the page also includes an import button; the device also includes:

[0062] A fifth acquisition unit, configured to acquire a second trigger operation for the import button; and display an import selection page according to the second trigger operation;

[0063] The import unit is used to obtain a confirmation operation for the package to be imported in the import selection page, and import the package to be imported into the current page according to the confirmation operation.

[0064] Furthermore, the second attribute information of the control dragged to the editing area includes control information, and the first attribute information of the page includes page style information.

[0065] In a third aspect, the present application provides an electronic device, comprising a memory and a processor, wherein the memory stores a computer program executable on the processor, and when the processor executes the computer program, the method described in the first aspect is implemented.

[0066] In a fourth aspect, the present application provides a computer-readable storage medium, wherein the computer-readable storage medium stores computer-executable instructions, and when the computer-executable instructions are executed by a processor, they are used to implement the method described in the first aspect.

[0067] In a fifth aspect, the present application provides a computer program product, including a computer program, which implements the method described in the first aspect when executed by a processor.

[0068] The present application provides an application development method, device and equipment, which obtains a new page request for an application to be developed; wherein the new page request includes a new page identifier; and based on the new page request, generates a page corresponding to the new page identifier; the page includes multiple controls and an editing area, and the control is a preset development element of the page. Obtain a drag operation for multiple controls; wherein the drag operation indicates dragging the control to the editing area in the page; and according to the drag operation, obtain multiple controls in the page that have been dragged to the editing area. Obtain a configuration operation for the page and multiple controls that have been dragged to the editing area; wherein the configuration operation is to edit the attribute information of both the page and the controls that have been dragged to the editing area; and according to the configuration operation, obtain the first attribute information of the page and the second attribute information of the controls that have been dragged to the editing area. If a page save request is received, the multiple controls in the page that have been dragged to the editing area, the first attribute information and the second attribute information are all sent to the server, so that the server stores the page corresponding to the new page identifier. According to the multiple controls that have been dragged to the editing area, the first attribute information and the second attribute information, the page is displayed. In this solution, in a newly created page, a drag operation for multiple controls is obtained, and according to the drag operation, multiple controls in the page that have been dragged to the editing area are obtained. A configuration operation for the page and the multiple controls that have been dragged to the editing area is obtained, and according to the configuration operation, the first attribute information of the page and the second attribute information of the controls that have been dragged to the editing area are obtained. At this point, the editing of the page has been completed. If a page save request is received, the multiple controls and attribute information in the page that have been dragged to the editing area are automatically sent to the server, and the server receives and stores the page corresponding to the new page identifier. Finally, according to the multiple controls that have been dragged to the editing area, the first attribute information and the second attribute information, the page is displayed to achieve preview. Therefore, the page can be edited and displayed quickly through the drag operation and configuration operation, without coding, and the layout of the page can be realized by dragging the control; the attribute information of the page can be configured only through the configuration operation; what you see is what you get, the current page can be quickly edited, and the page can be quickly previewed after saving; the configured and saved page can be persistent, templated, and reused, saving development costs, shortening the development cycle, and solving the technical problem of low development efficiency. BRIEF DESCRIPTION OF THE DRAWINGS

[0069] The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present disclosure and, together with the description, serve to explain the principles of the present disclosure.

[0070] Figure 1 A flowchart of an application development method provided in an embodiment of the present application;

[0071] Figure 2 A schematic diagram of a scenario of an application development method provided in an embodiment of the present application;

[0072] Figure 3 A schematic diagram of another application development method provided in an embodiment of the present application;

[0073] Figure 4 A schematic diagram of another application development method provided in an embodiment of the present application;

[0074] Figure 5 A schematic diagram of another application development method provided in an embodiment of the present application;

[0075] Figure 6 A flowchart of another application development method provided in an embodiment of the present application;

[0076] Figure 7 A flowchart of another application development method provided in an embodiment of the present application;

[0077] Figure 8 A flowchart of another application development method provided in an embodiment of the present application;

[0078] Fig. 9 A schematic diagram of a scenario of dragging an alarm page provided in an embodiment of the present application;

[0079] Fig.10 A schematic diagram of another scenario of dragging an alarm page provided in an embodiment of the present application;

[0080] Fig.11 A schematic diagram of the structure of an application development device provided in an embodiment of the present application;

[0081] Fig.12 A schematic diagram of the structure of another application development device provided in an embodiment of the present application;

[0082] Fig.13 A schematic diagram of the structure of an electronic device provided in an embodiment of the present application;

[0083] Fig.14 A block diagram of an electronic device provided in an embodiment of the present application.

[0084] The above drawings show clear embodiments of the present disclosure, which will be described in more detail below. These drawings and text descriptions are not intended to limit the scope of the present disclosure in any way, but to illustrate the concepts of the present disclosure to those skilled in the art by referring to specific embodiments. DETAILED DESCRIPTION

[0085] Here, exemplary embodiments will be described in detail, examples of which are shown in the accompanying drawings. When the following description refers to the drawings, unless otherwise indicated, the same numbers in different drawings represent the same or similar elements. The implementations described in the following exemplary embodiments do not represent all implementations consistent with the present disclosure.

[0086] At present, system customization has become a necessary requirement for many applications. System customization refers to customizing the application's functions and the application's page display information according to user needs. Even if the same application is viewed by different customers, it has its own unique requirements and displays for functions and homepage screens. There are functional customizations, as well as various personalized needs such as theme style, color matching, style, etc. Specifically, in order to meet this demand, current solutions basically need to customize and develop different large screens and function pages for different customers. However, due to the need to customize and develop different large screens and function pages for different customers, the initial development cost increases sharply, the development takes a long time, and the development efficiency is low.

[0087] In one example, due to the need to customize and develop different large screens and functional pages for different customers, subsequent maintenance is also extremely difficult and cumbersome.

[0088] The present application provides an application development method, device and equipment, which are intended to solve the above technical problems in the prior art.

[0089] The technical solution of the present application and how the technical solution of the present application solves the above-mentioned technical problems are described in detail below with specific embodiments. The following specific embodiments can be combined with each other, and the same or similar concepts or processes may not be repeated in some embodiments. The embodiments of the present application will be described below in conjunction with the accompanying drawings.

[0090] First, the relevant concepts or nouns involved in this application are explained:

[0091] TypeScript ("TS") is a free and open source programming language that extends the syntax of JavaScript and is a superset of JavaScript. Therefore, existing JavaScript code can work with TypeScript without any modification. TypeScript provides static type checking at compile time through type annotations. TypeScript can process existing JavaScript code and only compile the TypeScript code in it.

[0092] Angular JS (Angular): is an open source development platform based on TypeScript. As a platform, Angular includes: a component-based framework that can be used to build scalable web applications, a well-integrated library that covers a variety of functions, including routing, form management, client-server communication, etc. Angular has no concept of "scope" or controller, and the main roles in its architecture are some hierarchical components. Angular has a different expression syntax, mainly using "[]" to represent property binding and "()" to represent event binding [6]. Many core functions have been modularized, dynamic loading, asynchronous template compilation, and RxJS provides iterative callbacks.

[0093] Figure 1 A flowchart of an application development method provided in an embodiment of the present application is shown in FIG. Figure 1 As shown, the method includes:

[0094] Step 101, obtaining a new page request for the application to be developed; wherein the new page request includes a new page identifier; and based on the new page request, generating a page corresponding to the new page identifier; the page includes multiple controls and an editing area, and the controls are preset development elements of the page.

[0095] For example, the execution subject of this embodiment may be an electronic device, or a terminal device, or an application development device or device, or other devices or equipment that can execute this embodiment, and this is not limited. In this embodiment, the execution subject is introduced as an electronic device.

[0096] First of all, the development language of this application is Typescript, and it is implemented based on the Angular framework, which is mainly divided into page generation and page display. Specifically, this application uses Angular's component factory class method to dynamically create code information corresponding to the dragged component in the newly created page through reflection, and then obtain the code information of the page.

[0097] In this step, a new page request for the application to be developed is obtained, and the new page request includes a new page identifier. The electronic device generates a page corresponding to the new page identifier based on the new page request. Specifically, Figure 2 A schematic diagram of a scenario of an application development method provided in an embodiment of the present application, such as Figure 2As shown, the newly created page includes a component area and an editing area. The component area includes controls and elements. Controls include multiple control types, and each control type includes multiple controls. Controls are preset development elements of the page. For example, control types include general, dynamic, indicator, custom, energy consumption, and charts, etc. Elements are also preset development elements of the page. Elements include letters, symbols, and / or numbers for dragging, etc., which are not limited to this. The editing area is used to display the controls that have been dragged to the editing area after the drag operation.

[0098] Step 102: Obtain a drag operation for multiple controls; wherein the drag operation indicates dragging the control to an editing area in the page; and according to the drag operation, obtain multiple controls in the page that have been dragged to the editing area.

[0099] For example, Figure 3 A schematic diagram of another application development method provided in an embodiment of the present application is shown in FIG. Figure 3 As shown, the electronic device obtains the user's drag operation on multiple controls, and the drag operation indicates that the control is moved from the component area to the editing area in the page, and the editing area is the editor of the editing page. And according to the type of the component dragged in the drag operation, the control is dynamically created in the editing area, that is, multiple controls in the page that have been dragged to the editing area are obtained.

[0100] Step 103: obtain configuration operations for the page and multiple controls that have been dragged to the editing area; wherein the configuration operation is to edit the attribute information of both the page and the controls that have been dragged to the editing area separately; and according to the configuration operation, obtain the first attribute information of the page and the second attribute information of the controls that have been dragged to the editing area.

[0101] For example, Figure 4 A scenario diagram of another application development method provided in an embodiment of the present application, such as Figure 4 As shown, the newly created page also includes a setting area, which includes a page information input box corresponding to the page, and the page information input box is used to edit the first attribute information of the page. The first attribute information of the page includes page style information, and the page style information includes page color, background image, page size, and background image size, etc. Figure 5 A scenario diagram of another application development method provided in an embodiment of the present application, such as Figure 5As shown, the setting area includes a control information input box corresponding to each control that has been dragged to the editing area, the control information input box includes an input box for the style configuration part, an input box for the data configuration part, and an input box for the theme configuration part. The control information input box is used to edit the second attribute information of the control that has been dragged to the editing area. The second attribute information of the control that has been dragged to the editing area includes control information. The control information includes a data source of the data configuration part, theme information of the theme configuration part, and appearance information of the style configuration part, etc., wherein the data source is set through a data interface, and there is no limitation on the data type of the data source.

[0102] For example, the settings area of ​​a newly created page displays a page information input box. If the user enters Figure 5 Drag "Control 1" in the editing area and click the dragged "Control 1" in the editing area. The setting area will display the control information input box of "Control 1" accordingly, and then you can obtain the data source entered by the user in the data configuration part, the theme information entered in the theme configuration part, and the appearance information entered in the style configuration part.

[0103] In this step, the electronic device obtains a first configuration operation for a page information input box of a page, and obtains first attribute information of the page according to the first configuration operation. Then, a selection operation for each of the multiple controls dragged to the editing area is obtained, and according to the selection operation, a control information input box corresponding to each control dragged to the editing area is displayed. A second configuration operation for the control information input box of each control dragged to the editing area is obtained, and according to the second configuration operation, second attribute information of the multiple controls dragged to the editing area is obtained.

[0104] Step 104: If a page saving request is received, multiple controls in the page that have been dragged to the editing area, the first attribute information, and the second attribute information are all sent to the server, so that the server stores the page corresponding to the new page identifier.

[0105] Exemplarily, if the electronic device receives a page save request, it sends multiple controls in the page that have been dragged to the editing area, the first attribute information, and the second attribute information to the server. The server receives the multiple controls in the page that have been dragged to the editing area, the first attribute information, and the second attribute information, and based on the received multiple controls in the page that have been dragged to the editing area, the first attribute information, and the second attribute information, persistently stores the page corresponding to the new page identifier.

[0106] Step 105: Display a page according to the multiple controls dragged to the editing area, the first attribute information, and the second attribute information.

[0107] Exemplarily, after the page is saved, the page can be automatically previewed. Since each page corresponds to a new page identifier, the electronic device can obtain the corresponding multiple controls that have been dragged to the editing area, the first attribute information and the second attribute information according to the new page identifier, and then dynamically display the page according to the multiple controls that have been dragged to the editing area, the first attribute information and the second attribute information. Therefore, the page obtains the new page identifier (id), drags the control in the page, and sets the page style, background image and display mode, etc., sets the display mode of the control, business display and bound data source, etc., and clicks Save after setting to preview the page instantly.

[0108] In an embodiment of the present application, a new page request for an application to be developed is obtained; wherein the new page request includes a new page identifier; and based on the new page request, a page corresponding to the new page identifier is generated; the page includes multiple controls and an editing area, and the control is a preset development element of the page. A drag operation for multiple controls is obtained; wherein the drag operation indicates dragging the control to the editing area in the page; and according to the drag operation, multiple controls in the page that have been dragged to the editing area are obtained. A configuration operation for the page and multiple controls that have been dragged to the editing area is obtained; wherein the configuration operation is to edit the attribute information of both the page and the controls that have been dragged to the editing area respectively; and according to the configuration operation, the first attribute information of the page and the second attribute information of the controls that have been dragged to the editing area are obtained. If a page save request is received, the multiple controls that have been dragged to the editing area, the first attribute information, and the second attribute information in the page are all sent to the server, so that the server stores the page corresponding to the new page identifier. According to the multiple controls that have been dragged to the editing area, the first attribute information, and the second attribute information, the page is displayed. In this solution, in the page, a drag operation for multiple controls is obtained, and according to the drag operation, multiple controls in the page that have been dragged to the editing area are obtained. A configuration operation for the page and the multiple controls that have been dragged to the editing area is obtained, and according to the configuration operation, the first attribute information of the page and the second attribute information of the controls that have been dragged to the editing area are obtained. At this point, the editing of the page has been completed. If a page save request is received, the multiple controls and attribute information in the page that have been dragged to the editing area are automatically sent to the server, and the server receives and stores the page corresponding to the new page identifier. Finally, according to the multiple controls that have been dragged to the editing area, the first attribute information and the second attribute information, the page is displayed to achieve preview. Therefore, the page can be edited and displayed quickly through the drag operation and configuration operation, without coding, and the layout of the page can be realized by dragging the control; the attribute information of the page can be configured only through the configuration operation; what you see is what you get, the current page can be quickly edited, and the page can be quickly previewed after saving; the configured and saved page can be persisted, templated, and reused, saving development costs, shortening the development cycle, and solving the technical problem of low development efficiency.

[0109] Figure 6 A flowchart of another application development method provided in an embodiment of the present application is shown in FIG. Figure 6 As shown, the process includes: creating a new page; dragging the controls of the page; setting the first attribute information of the page; setting the second attribute information of the controls; saving the page; wherein, setting the first attribute information of the page can be placed after "page", and there is no limitation on this.

[0110] Figure 7 A flowchart of another application development method provided in the embodiment of the present application is as follows: Figure 7 As shown, the method includes:

[0111] Step 201, obtaining a new page request for the application to be developed; wherein the new page request includes a new page identifier; and based on the new page request, generating a page corresponding to the new page identifier; the page includes multiple controls and an editing area, and the controls are preset development elements of the page.

[0112] For example, this step can be referred to Figure 1 Step 101 in the above is not described in detail.

[0113] Step 202: The page includes a component area, and the component area includes a plurality of controls; a drag operation for the plurality of controls is obtained; wherein the drag operation indicates that the controls are moved from the component area to an editing area in the page.

[0114] In one example, the component area includes multiple component types, and each component type includes multiple controls.

[0115] For example, this step can be referred to Figure 1 Step 102 in the above is not described in detail.

[0116] Step 203: According to the drag operation, multiple controls in the page that have been dragged to the editing area are obtained.

[0117] Exemplarily, the electronic device obtains multiple controls in the page that have been dragged to the editing area according to the drag operation.

[0118] Step 204: The page also includes a setting area, which includes a page information input box corresponding to the page and a control information input box corresponding to each control dragged to the editing area; obtain a first configuration operation for the page information input box of the page; and obtain first attribute information of the page based on the first configuration operation.

[0119] In one example, the first attribute information of the page includes page style information.

[0120] For example, Figure 4 , Figure 5 As shown, the page also includes a setting area, which includes a page information input box corresponding to the page and a control information input box corresponding to each control that has been dragged to the editing area. The developer can first set the first attribute information of the page, that is, the electronic device obtains the first configuration operation of the page information input box for the page, and obtains the first attribute information of the page according to the first configuration operation. Among them, the first attribute information of the page includes page style information, and the page style information includes page color, background image, page size, and background image size, etc., which are not limited.

[0121] Step 205: Obtain a selection operation for each of the multiple controls that have been dragged to the editing area; and display a control information input box corresponding to each control that has been dragged to the editing area according to the selection operation.

[0122] For example, Figure 5 As shown, the developer can edit the second attribute information of each control that has been dragged to the editing area in turn. If the developer clicks on each control that has been dragged to the editing area in turn, the electronic device obtains a selection operation for each control that has been dragged to the editing area, and displays a control information input box corresponding to each control that has been dragged to the editing area based on the selection operation.

[0123] Step 206: Obtain a second configuration operation for the control information input box of each control that has been dragged to the editing area; and according to the second configuration operation, obtain second attribute information of multiple controls that have been dragged to the editing area.

[0124] In one example, the second attribute information of the control dragged to the editing area includes control information.

[0125] For example, Figure 5 As shown, if the developer performs a configuration operation on the control information input box of each control that has been dragged to the editing area, the electronic device obtains a second configuration operation for the control information input box of each control that has been dragged to the editing area; and according to the second configuration operation, obtains the second attribute information of the multiple controls that have been dragged to the editing area. Among them, the second attribute information of the control that has been dragged to the editing area includes control information, and the control information includes data source, theme information, appearance information, etc., which is not limited to this.

[0126] Step 207: If a page saving request is received, multiple controls in the page that have been dragged to the editing area, the first attribute information, and the second attribute information are serialized to obtain code information in a preset format.

[0127] Exemplarily, the preset format is json format. If the electronic device receives a page save request, it serializes multiple controls in the page that have been dragged to the editing area, the first attribute information, and the second attribute information into json format, and obtains code information in json format.

[0128] Step 208: Send the code information in a preset format to the server so that the server stores the page corresponding to the newly created page identifier.

[0129] Exemplarily, the electronic device sends code information in a preset format to the server, and the server receives multiple controls in the page that have been dragged to the editing area, the first attribute information, and the second attribute information, and based on the multiple controls in the page that have been dragged to the editing area, the first attribute information, and the second attribute information, stores the page corresponding to the new page identifier, thereby saving the page to the server for persistence.

[0130] Step 209: Obtain the new page identifier of the page, and determine the code information corresponding to the new page identifier.

[0131] Exemplarily, after the page is saved, the page can be automatically previewed. Since each page corresponds to a new page identifier, the server corresponding to the electronic device stores code information in a preset format corresponding to the new page identifier, and the electronic device can first obtain the new page identifier and determine the code information corresponding to the new page identifier.

[0132] Step 210: Acquire multiple controls that have been dragged to the editing area, first attribute information, and second attribute information in the code information.

[0133] Exemplarily, describing the data format and rules refers to identifying code information in json format and rule information for loading pages during preview. Based on the preset description data format and rules and the service interface between the electronic device and the server, the electronic device reads the code information in json format and obtains a component list, first attribute information and second attribute information in json format from the code information. The component list includes multiple controls that have been dragged to the editing area.

[0134] Step 211: based on multiple controls that have been dragged to the editing area, create a target control in the page corresponding to each control that has been dragged to the editing area; and based on the first attribute information and the second attribute information, display the first attribute information corresponding to the page and the second attribute information corresponding to each control that has been dragged to the editing area.

[0135] Exemplarily, the electronic device can dynamically create target controls in the page in sequence according to the component list. According to the second attribute information corresponding to the control dragged to the editing area, the style and size and other attributes of the control dragged to the editing area under the rendering component are rendered. At the same time, each control dragged to the editing area dynamically obtains data according to the data source bound to itself, and binds and displays it in the control dragged to the editing area. And according to the first attribute information of the page, the first attribute information corresponding to the page is rendered.

[0136] Step 212: The page also includes an export button; a first trigger operation for the export button is obtained.

[0137] For example, Figure 2 As shown, the page also includes an export button and a setting button. If the developer clicks the export button, the electronic device obtains a first trigger operation for the export button, and the first trigger operation can be a single click, a double click, etc., which is not limited. The setting button can set basic information of the page, etc., which is not limited.

[0138] Step 213: According to the first trigger operation, search for the image used in the page, the multiple controls dragged to the editing area, the first attribute information, and the second attribute information.

[0139] Exemplarily, according to the first trigger operation, the electronic device searches for pictures used in the page, and searches for all controls in the page that have been dragged to the editing area, the first attribute information, and the second attribute information.

[0140] Step 214: Package and export the image, the multiple controls dragged to the editing area, the first attribute information, and the second attribute information.

[0141] Exemplarily, the electronic device packages the picture, all controls dragged to the editing area, the first attribute information and the second attribute information into a package in a preset format, and downloads it with one click, wherein the preset format may be a zip format, which is not limited to this.

[0142] For example, the electronic device used by the developer corresponds to Server 1. After the developer clicks the export button for the page, the electronic device will automatically search for images, all controls that have been dragged to the editing area, the first attribute information, and the second attribute information in Server 1, and package the images, all controls that have been dragged to the editing area, the first attribute information, and the second attribute information into Package 1 of a preset format, and download it. If the customer places a new development order, and the server used by the customer is Server 2, Package 1 can be directly imported into the new page and displayed, and development can continue on the new page to obtain Package 2 that meets the new development order, and Package 2 is sent to Server 2, which realizes the reuse of packages in the form of basic templates, reduces configuration work, and quickly generates the same or similar pages. A pop-up window can also be displayed to show whether the export is successful.

[0143] Step 215: The page also includes an import button; a second trigger operation for the import button is obtained; and according to the second trigger operation, an import selection page is displayed.

[0144] For example, Figure 2 As shown, the newly created page also includes an import button. If the developer clicks the import button, the electronic device obtains a second trigger operation for the import button, and displays an import selection page according to the second trigger operation. The import selection page displays an import data list, which includes multiple packages.

[0145] Step 216: Obtain a confirmation operation for the package to be imported in the import selection page, and import the package to be imported into the current page according to the confirmation operation.

[0146] For example, if the developer selects and confirms a package to be imported in the import selection list, the electronic device obtains a confirmation operation for the package to be imported in the import selection page, and imports the package to be imported into the current page according to the confirmation operation. A pop-up window may also be displayed to show whether the import is successful.

[0147] In an embodiment of the present application, a new page request for an application to be developed is obtained; wherein the new page request includes a new page identifier; and based on the new page request, a page corresponding to the new page identifier is generated; the page includes multiple controls and an editing area, and the control is a preset development element of the page. The page includes a component area, and the component area includes multiple controls; a drag operation for the multiple controls is obtained; wherein the drag operation indicates that the control is moved from the component area to the editing area in the page. According to the drag operation, multiple controls that have been dragged to the editing area in the page are obtained. The page also includes a setting area, and the setting area includes a page information input box corresponding to the page and a control information input box corresponding to each control that has been dragged to the editing area; a first configuration operation for the page information input box of the page is obtained; and according to the first configuration operation, the first attribute information of the page is obtained. A selection operation for each control that has been dragged to the editing area is obtained; and according to the selection operation, a control information input box corresponding to each control that has been dragged to the editing area is displayed. A second configuration operation for the control information input box of each control that has been dragged to the editing area is obtained; and according to the second configuration operation, the second attribute information of the multiple controls that have been dragged to the editing area is obtained. If a page save request is received, multiple controls that have been dragged to the editing area, the first attribute information, and the second attribute information in the page are serialized to obtain code information in a preset format. The code information in the preset format is sent to the server so that the server stores the page corresponding to the new page identifier. The new page identifier of the page is obtained, and the code information corresponding to the new page identifier is determined. Multiple controls that have been dragged to the editing area, the first attribute information, and the second attribute information in the code information are obtained. According to the multiple controls that have been dragged to the editing area, a target control corresponding to each control that has been dragged to the editing area is created in the page; and according to the first attribute information and the second attribute information, the first attribute information corresponding to the page and the second attribute information corresponding to each control that has been dragged to the editing area are displayed. The page also includes an export button; a first trigger operation for the export button is obtained. According to the first trigger operation, the picture used by the page, the multiple controls that have been dragged to the editing area, the first attribute information, and the second attribute information are searched. The picture, the multiple controls that have been dragged to the editing area, the first attribute information, and the second attribute information are packaged and exported. The page also includes an import button; a second trigger operation for the import button is obtained; and according to the second trigger operation, an import selection page is displayed. Get the confirmation operation for the package to be imported in the import selection page, and import the package to be imported into the current page according to the confirmation operation.Therefore, you can edit pages and quickly display them by dragging and configuring them. No coding is required. You can achieve page layout by dragging controls. You can configure page attribute information by configuring them. What you see is what you get. You can quickly edit the current page and quickly preview it after saving it. The saved pages can be persisted, templated, and reused, saving development costs, shortening development cycles, and solving the technical problem of low development efficiency. In addition, it also saves maintenance costs for later applications. One set of code can meet the personalized needs of different users without modification.

[0148] Figure 8 A flowchart of another application development method provided in the embodiment of the present application is as follows: Figure 8 As shown, the process includes: obtaining a newly created page according to a newly created page identifier (id); creating a page according to the page information of the page, the page information including the control that has been dragged to the editing area, the first attribute information and the second attribute information; creating a control according to the control that has been dragged to the editing area; creating page style information of the page according to the first attribute information, and creating control information of the control that has been dragged to the editing area according to the second attribute information; obtaining data of the control that has been dragged to the editing area according to the data source; and displaying the complete page.

[0149] Therefore, when the page is displayed, the persistently saved page is re-rendered into the web page, and the controls dragged to the editing area, the first attribute information, and the second attribute information in the saved page are completely restored. At the same time, data can be dynamically loaded according to the bound data source.

[0150] Fig. 9 A schematic diagram of a scenario of dragging an alarm page provided in an embodiment of the present application, such as Fig. 9 As shown, the process includes:

[0151] Step 1: Drag the alarm control to the editing area of ​​the newly created page;

[0152] Step 2: Click the dragged alarm control;

[0153] Step 3: Set the display format of the alarm control to a bar graph;

[0154] Step 4: Set the position and size; set the first attribute information and the second attribute information.

[0155] Step 5: Set the data binding area, which includes object type and selection object;

[0156] Step 6: Click Save to automatically exit and return to the browsing page.

[0157] like Fig. 9As shown, the drag alarm page also includes an import button and an export button. Click the import button to export the code information of the page, and the import is successful; click the export button to export the code information of the page, and the export is successful.

[0158] Fig.10 A schematic diagram of another scenario of dragging an alarm page provided in an embodiment of the present application, such as Fig.10 As shown, create a new blank page, click the Import button, select to import the code information about the drag and drop alarm page, and click the OK button in the pop-up window. The blank page shows that the new page has been imported. After saving the imported new page, it will automatically exit and display the new page content, thereby achieving a quick preview.

[0159] Fig.11 A schematic diagram of the structure of an application development device provided in an embodiment of the present application is shown in FIG. Fig.11 As shown, the device comprises:

[0160] The first acquisition unit 31 is used to acquire a new page request for the application to be developed; wherein the new page request includes a new page identifier; and based on the new page request, a page corresponding to the new page identifier is generated; the page includes multiple controls and an editing area, and the controls are preset development elements of the page.

[0161] The second acquisition unit 32 is used to acquire a drag operation on multiple controls; wherein the drag operation indicates dragging a control to an editing area in a page; and according to the drag operation, acquire multiple controls in the page that have been dragged to the editing area.

[0162] The third acquisition unit 33 is used to acquire configuration operations for the page and multiple controls that have been dragged to the editing area; wherein the configuration operation is to edit the attribute information of both the page and the controls that have been dragged to the editing area respectively; and according to the configuration operation, the first attribute information of the page and the second attribute information of the controls that have been dragged to the editing area are acquired.

[0163] The sending unit 34 is used to send the multiple controls in the page that have been dragged to the editing area, the first attribute information and the second attribute information to the server if a page saving request is received, so that the server stores the page corresponding to the new page identifier.

[0164] The display unit 35 is used to display a page according to the multiple controls dragged to the editing area, the first attribute information and the second attribute information.

[0165] The device of this embodiment can execute the technical solution in the above method. Its specific implementation process and technical principles are the same and will not be repeated here.

[0166] Fig.12A schematic diagram of another application development device provided in an embodiment of the present application, in Fig.11 Based on the embodiment shown, Fig.12 As shown, the page includes a component area, and the component area includes multiple controls;

[0167] The second acquisition unit 32 includes:

[0168] The first acquisition module 321 is used to acquire a drag operation on multiple controls; wherein the drag operation indicates that the control is moved from the component area to the editing area in the page.

[0169] The second acquisition module 322 is used to acquire multiple controls in the page that have been dragged to the editing area according to the drag operation.

[0170] In one example, the component area includes multiple component types, and each component type includes multiple controls.

[0171] In one example, the page also includes a setting area, and the setting area includes a page information input box corresponding to the page and a control information input box corresponding to each control that has been dragged to the editing area.

[0172] The third acquisition unit 33 includes:

[0173] The third acquisition module 331 is used to acquire a first configuration operation for a page information input box of a page; and acquire first attribute information of the page according to the first configuration operation.

[0174] The fourth acquisition module 332 is used to acquire a selection operation for each of the multiple controls that have been dragged to the editing area; and display a control information input box corresponding to each control that has been dragged to the editing area according to the selection operation.

[0175] The fifth acquisition module 333 is used to acquire the second configuration operation of the control information input box of each control dragged to the editing area; and acquire the second attribute information of multiple controls dragged to the editing area according to the second configuration operation.

[0176] In one example, the sending unit 34 includes:

[0177] The sixth acquisition module 341 is used to serialize the multiple controls in the page that have been dragged to the editing area, the first attribute information, and the second attribute information to obtain code information in a preset format.

[0178] The sending module 342 is used to send the code information in a preset format to the server.

[0179] In one example, the display unit 35 includes:

[0180] The determination module 351 is used to obtain the new page identifier of the page and determine the code information corresponding to the new page identifier.

[0181] The seventh acquisition module 352 is used to acquire multiple controls that have been dragged to the editing area, the first attribute information and the second attribute information in the code information.

[0182] Display module 353 is used to create a target control corresponding to each control dragged to the editing area in the page according to multiple controls that have been dragged to the editing area; and to display the first attribute information corresponding to the page and the second attribute information corresponding to each control dragged to the editing area according to the first attribute information and the second attribute information.

[0183] In one example, the page further includes an export button; the device further includes:

[0184] The fourth obtaining unit 41 is used to obtain a first trigger operation for the export button.

[0185] The search unit 42 is used to search for the image used in the page, the multiple controls dragged to the editing area, the first attribute information and the second attribute information according to the first trigger operation.

[0186] The export unit 43 is used to package and export the picture, the multiple controls dragged to the editing area, the first attribute information and the second attribute information.

[0187] In one example, the page further includes an import button; the device further includes:

[0188] The fifth acquisition unit 44 is used to acquire a second trigger operation for the import button; and display the import selection page according to the second trigger operation.

[0189] The importing unit 45 is used to obtain a confirmation operation for the package to be imported in the import selection page, and import the package to be imported into the current page according to the confirmation operation.

[0190] In one example, the second attribute information of the control dragged to the editing area includes control information, and the first attribute information of the page includes page style information.

[0191] The device of this embodiment can execute the technical solution in the above method. Its specific implementation process and technical principles are the same and will not be repeated here.

[0192] Fig.13 A schematic diagram of the structure of an electronic device provided in an embodiment of the present application is shown in FIG. Fig.13 As shown, the electronic device includes: a memory 51 and a processor 52.

[0193] The memory 51 stores a computer program that can be executed on the processor 52 .

[0194] The processor 52 is configured to execute the method provided in the above embodiment.

[0195] The electronic device further includes a receiver 53 and a transmitter 54. The receiver 53 is used to receive instructions and data sent by an external device, and the transmitter 54 is used to send instructions and data to the external device.

[0196] Fig.14 This is a block diagram of an electronic device provided in an embodiment of the present application. The electronic device may be a mobile phone, a computer, a digital broadcast terminal, a message transceiver, a game console, a tablet device, a medical device, a fitness device, a personal digital assistant, etc.

[0197] The device 600 may include one or more of the following components: a processing component 602 , a memory 604 , a power component 606 , a multimedia component 608 , an audio component 610 , an input / output (I / O) interface 612 , a sensor component 614 , and a communication component 616 .

[0198] The processing component 602 generally controls the overall operation of the device 600, such as operations associated with display, phone calls, data communications, camera operations, and recording operations. The processing component 602 may include one or more processors 620 to execute instructions to complete all or part of the steps of the above-mentioned method. In addition, the processing component 602 may include one or more modules to facilitate the interaction between the processing component 602 and other components. For example, the processing component 602 may include a multimedia module to facilitate the interaction between the multimedia component 608 and the processing component 602.

[0199] The memory 604 is configured to store various types of data to support operations on the device 600. Examples of such data include instructions for any application or method operating on the device 600, contact data, phone book data, messages, pictures, videos, etc. The memory 604 can be implemented by any type of volatile or non-volatile storage device or a combination thereof, such as static random access memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic memory, flash memory, magnetic disk or optical disk.

[0200] The power supply component 606 provides power to the various components of the device 600. The power supply component 606 may include a power management system, one or more power supplies, and other components associated with generating, managing, and distributing power for the device 600.

[0201] The multimedia component 608 includes a screen that provides an output interface between the device 600 and the user. In some embodiments, the screen may include a liquid crystal display (LCD) and a touch panel (TP). If the screen includes a touch panel, the screen may be implemented as a touch screen to receive input signals from the user. The touch panel includes one or more touch sensors to sense touch, slide, and gestures on the touch panel. The touch sensor may not only sense the boundaries of the touch or slide action, but also detect the duration and pressure associated with the touch or slide operation. In some embodiments, the multimedia component 608 includes a front camera and / or a rear camera. When the device 600 is in an operating mode, such as a shooting mode or a video mode, the front camera and / or the rear camera may receive external multimedia data. Each front camera and rear camera may be a fixed optical lens system or have a focal length and optical zoom capability.

[0202] The audio component 610 is configured to output and / or input audio signals. For example, the audio component 610 includes a microphone (MIC), and when the device 600 is in an operating mode, such as a call mode, a recording mode, and a speech recognition mode, the microphone is configured to receive an external audio signal. The received audio signal can be further stored in the memory 604 or sent via the communication component 616. In some embodiments, the audio component 610 also includes a speaker for outputting audio signals.

[0203] I / O interface 612 provides an interface between processing component 602 and peripheral interface modules, such as keyboards, click wheels, buttons, etc. These buttons may include but are not limited to: a home button, a volume button, a start button, and a lock button.

[0204] The sensor assembly 614 includes one or more sensors for providing various aspects of status assessment for the device 600. For example, the sensor assembly 614 can detect the open / closed state of the device 600, the relative positioning of components, such as the display and keypad of the device 600, the sensor assembly 614 can also detect the position change of the device 600 or a component of the device 600, the presence or absence of user contact with the device 600, the orientation or acceleration / deceleration of the device 600 and the temperature change of the device 600. The sensor assembly 614 can include a proximity sensor configured to detect the presence of nearby objects without any physical contact. The sensor assembly 614 can also include an optical sensor, such as a CMOS or CCD image sensor, for use in imaging applications. In some embodiments, the sensor assembly 614 can also include an accelerometer, a gyroscope sensor, a magnetic sensor, a pressure sensor or a temperature sensor.

[0205] The communication component 616 is configured to facilitate wired or wireless communication between the device 600 and other devices. The device 600 can access a wireless network based on a communication standard, such as WiFi, 2G or 3G, or a combination thereof. In an exemplary embodiment, the communication component 616 receives a broadcast signal or broadcast-related information from an external broadcast management system via a broadcast channel. In an exemplary embodiment, the communication component 616 also includes a near field communication (NFC) module to facilitate short-range communication. For example, the NFC module can be implemented based on radio frequency identification (RFID) technology, infrared data association (IrDA) technology, ultra-wideband (UWB) technology, Bluetooth (BT) technology and other technologies.

[0206] In an exemplary embodiment, the apparatus 600 may be implemented by one or more application specific integrated circuits (ASICs), digital signal processors (DSPs), digital signal processing devices (DSPDs), programmable logic devices (PLDs), field programmable gate arrays (FPGAs), controllers, microcontrollers, microprocessors or other electronic components to perform the above method.

[0207] In an exemplary embodiment, a non-transitory computer-readable storage medium including instructions is also provided, such as a memory 604 including instructions, and the instructions can be executed by the processor 620 of the device 600 to perform the above method. For example, the non-transitory computer-readable storage medium can be a ROM, a random access memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, etc.

[0208] An embodiment of the present application also provides a non-temporary computer-readable storage medium. When the instructions in the storage medium are executed by a processor of an electronic device, the electronic device can execute the method provided by the above embodiment.

[0209] An embodiment of the present application also provides a computer program product, which includes: a computer program, which is stored in a readable storage medium, and at least one processor of an electronic device can read the computer program from the readable storage medium, and at least one processor executes the computer program so that the electronic device executes the solution provided by any of the above embodiments.

[0210] Those skilled in the art will readily appreciate other embodiments of the present disclosure after considering the specification and practicing the invention disclosed herein. This application is intended to cover any variations, uses or adaptations of the present disclosure that follow the general principles of the present disclosure and include common knowledge or customary techniques in the art that are not disclosed in the present disclosure. The specification and examples are intended to be exemplary only, and the true scope and spirit of the present disclosure are indicated by the following claims.

[0211] It should be understood that the present disclosure is not limited to the exact structures that have been described above and shown in the drawings, and that various modifications and changes may be made without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.

Claims

1. An application development method, characterized in that: Applied to electronic equipment; the method comprises: Obtaining a new page request for the application to be developed; wherein the new page request includes a new page identifier; and based on the new page request, generating a page corresponding to the new page identifier; the page includes a plurality of controls and an editing area, wherein the controls are preset development elements of the page; Acquire a drag operation for the plurality of controls; wherein the drag operation indicates dragging the controls to the editing area in the page; and acquire, according to the drag operation, a plurality of controls in the page that have been dragged to the editing area; Acquire a configuration operation for the page and the plurality of controls dragged to the editing area; wherein the configuration operation is to edit the attribute information of the page and the controls dragged to the editing area respectively; and acquire first attribute information of the page and second attribute information of the controls dragged to the editing area according to the configuration operation; If a page save request is received, the multiple controls in the page that have been dragged to the editing area, the first attribute information, and the second attribute information are sent to the server, so that the server stores the page corresponding to the new page identifier; and the page is displayed based on the multiple controls that have been dragged to the editing area, the first attribute information, and the second attribute information.

2. The method according to claim 1, characterized in that The page includes a component area, and the component area includes a plurality of controls; The obtaining of the drag operation on the multiple controls; And according to the drag operation, a plurality of controls in the page that have been dragged to the editing area are obtained, including: Acquire a drag operation for a plurality of controls; wherein the drag operation indicates that the controls are moved from the component area to the editing area in the page; According to the dragging operation, a plurality of controls in the page that have been dragged to the editing area are acquired.

3. The method according to claim 2, characterized in that The component area includes multiple component types, and each component type includes multiple controls.

4. The method according to claim 1, characterized in that: The page also includes a setting area, which includes a page information input box corresponding to the page and a control information input box corresponding to each control dragged to the editing area; The acquiring of configuration operations for the page and the plurality of controls dragged to the editing area; And according to the configuration operation, obtaining the first attribute information of the page and the second attribute information of the control dragged to the editing area includes: Obtaining a first configuration operation for a page information input box of the page; and obtaining first attribute information of the page according to the first configuration operation; Acquire a selection operation for each of the multiple controls that have been dragged to the editing area; and display a control information input box corresponding to each of the controls that have been dragged to the editing area according to the selection operation; A second configuration operation is obtained for each control information input box of the control that has been dragged to the editing area; and according to the second configuration operation, second attribute information of the plurality of controls that have been dragged to the editing area is obtained.

5. The method according to claim 1, characterized in that The step of sending the plurality of controls in the page that have been dragged to the editing area, the first attribute information, and the second attribute information to the server includes: Serializing the plurality of controls in the page that have been dragged to the editing area, the first attribute information, and the second attribute information to obtain code information in a preset format; The code information in the preset format is sent to the server.

6. The method according to claim 5, characterized in that The step of displaying the page according to the plurality of controls dragged to the editing area and the attribute information includes: Obtaining a new page identifier of the page, and determining code information corresponding to the new page identifier; Acquire the plurality of controls dragged to the editing area, the first attribute information, and the second attribute information in the code information; Based on the multiple controls that have been dragged to the editing area, a target control corresponding to each control that has been dragged to the editing area is created in the page; and based on the first attribute information and the second attribute information, the first attribute information corresponding to the page and the second attribute information corresponding to each control that has been dragged to the editing area are displayed.

7. The method according to claim 1, characterized in that The page also includes an export button; the method also includes: Obtaining a first trigger operation for the export button; According to the first trigger operation, searching for the image used by the page, the plurality of controls dragged to the editing area, the first attribute information, and the second attribute information; The picture, the plurality of controls dragged to the editing area, the first attribute information and the second attribute information are packaged and exported.

8. The method according to claim 7, characterized in that The page also includes an import button; the method also includes: Obtaining a second trigger operation for the import button; and displaying an import selection page according to the second trigger operation; A confirmation operation for the package to be imported in the import selection page is obtained, and according to the confirmation operation, the package to be imported is imported into the current page.

9. The method according to any one of claims 1 to 8, characterized in that: The second attribute information of the control dragged to the editing area includes control information, and the first attribute information of the page includes page style information.

10. An application development device, characterized in that: include: A first acquisition unit is used to acquire a new page request for the application to be developed; wherein the new page request includes a new page identifier; and based on the new page request, a page corresponding to the new page identifier is generated; the page includes a plurality of controls and an editing area, and the controls are preset development elements of the page; A second acquisition unit is used to acquire a drag operation on the plurality of controls; wherein the drag operation indicates dragging the control to the editing area in the page; and according to the drag operation, acquire the plurality of controls in the page that have been dragged to the editing area; A third acquisition unit is used to acquire a configuration operation for the page and the plurality of controls that have been dragged to the editing area; wherein the configuration operation is to edit the attribute information of the page and the controls that have been dragged to the editing area respectively; and according to the configuration operation, to acquire the first attribute information of the page and the second attribute information of the controls that have been dragged to the editing area; a sending unit, configured to send the plurality of controls in the page that have been dragged to the editing area, the first attribute information, and the second attribute information to a server if a page saving request is received, so that the server stores the page corresponding to the new page identifier; A display unit is used to display the page according to the plurality of controls dragged to the editing area, the first attribute information and the second attribute information.

11. The device according to claim 10, characterized in that The page includes a component area, and the component area includes a plurality of controls; The second acquisition unit includes: A first acquisition module is used to acquire a drag operation on a plurality of controls; wherein the drag operation indicates that the controls are moved from the component area to the editing area in the page; The second acquisition module is used to acquire a plurality of controls in the page that have been dragged to the editing area according to the drag operation.

12. The device according to claim 11, characterized in that The component area includes multiple component types, and each component type includes multiple controls.

13. The device according to claim 10, characterized in that The page also includes a setting area, and the setting area includes a page information input box corresponding to the page and a control information input box corresponding to each control that has been dragged to the editing area; The third acquisition unit includes: A third acquisition module is used to acquire a first configuration operation for the page information input box of the page; and acquire first attribute information of the page according to the first configuration operation; A fourth acquisition module is used to acquire a selection operation for each of the multiple controls that have been dragged to the editing area; and according to the selection operation, display a control information input box corresponding to each of the controls that have been dragged to the editing area; The fifth acquisition module is used to acquire the second configuration operation of the control information input box of each control that has been dragged to the editing area; and acquire the second attribute information of multiple controls that have been dragged to the editing area according to the second configuration operation.

14. The device according to claim 10, characterized in that The sending unit comprises: A sixth acquisition module, used for serializing the plurality of controls in the page that have been dragged to the editing area, the first attribute information, and the second attribute information, to acquire code information in a preset format; The sending module is used to send the code information in the preset format to the server.

15. The device according to claim 14, characterized in that The display unit comprises: A determination module, used for obtaining a new page identifier of the page and determining code information corresponding to the new page identifier; A seventh acquisition module, used to acquire the plurality of controls dragged to the editing area, the first attribute information and the second attribute information in the code information; A display module is used to create a target control corresponding to each control dragged to the editing area in the page according to the multiple controls that have been dragged to the editing area; and to display the first attribute information corresponding to the page and the second attribute information corresponding to each control that has been dragged to the editing area according to the first attribute information and the second attribute information.

16. The device according to claim 10, characterized in that The page also includes an export button; the device also includes: A fourth acquisition unit, configured to acquire a first trigger operation for the export button; a search unit, configured to search, according to the first trigger operation, for the image used by the page, the plurality of controls dragged to the editing area, the first attribute information, and the second attribute information; The export unit is used to package and export the image, the multiple controls dragged to the editing area, the first attribute information and the second attribute information.

17. The device according to claim 16, characterized in that The page also includes an import button; the device also includes: A fifth acquisition unit, configured to acquire a second trigger operation for the import button; and display an import selection page according to the second trigger operation; The import unit is used to obtain a confirmation operation for the package to be imported in the import selection page, and import the package to be imported into the current page according to the confirmation operation.

18. The device according to any one of claims 10 to 17, characterized in that: The second attribute information of the control dragged to the editing area includes control information, and the first attribute information of the page includes page style information.

19. An electronic device, characterized in that: The method comprises a memory and a processor, wherein the memory stores a computer program executable on the processor, and the processor implements the method according to any one of claims 1 to 9 when executing the computer program.

20. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores computer-executable instructions, which are used to implement the method according to any one of claims 1 to 9 when executed by a processor.

21. A computer program product, characterized in that The invention comprises a computer program, which implements the method according to any one of claims 1 to 9 when being executed by a processor.

Images