Method and device for developing pages

Abstract

This application discloses a method and apparatus for developing pages. A specific implementation of the method includes: determining the type of page to be developed based on first indication information; determining a target template for the page to be developed from a preset template library corresponding to the type based on second indication information; and determining the components required to be configured in the target template from a preset component library corresponding to the type based on third indication information, thereby generating the page to be developed. This application provides a method for developing pages based on a preset template library and a preset component library, which reduces the difficulty of page development, ensures the uniformity and standardization of page development, and improves page development efficiency.

Description

Technical Field

[0001] The embodiments of the present application relate to the field of computer technology, and in particular to a method and apparatus for developing a page. Background Art

[0002] Currently, page development typically requires multiple rounds of communication between product managers and technical staff before the final page is completed. The page development process includes: the product manager reviews the requirements document; the product manager, UI (User Interface) designer, and front-end development engineer conduct a review; the UI designer designs the page based on the requirements document; the UI designer, product manager, and front-end development engineer align the design draft to ensure it meets the requirements and finalize it; the front-end development engineer develops the page based on the finalized UI draft; the UI designer performs a fidelity check; the front-end development engineer makes repeated revisions based on the verification results, ultimately completing page development. Summary of the Invention

[0003] The embodiments of the present application provide a method and apparatus for developing a page.

[0004] In a first aspect, an embodiment of the present application provides a method for developing pages, comprising: determining the type of the page to be developed based on first indication information; determining the target template of the page to be developed from a preset template library corresponding to the type based on second indication information; and determining the components required to be set in the target template from a preset component library corresponding to the type based on third indication information to generate the page to be developed.

[0005] In some embodiments, the above-mentioned determining, based on the third indication information, the components required to be set in the target template from the preset component library corresponding to the type, and generating the page to be developed, includes: for each block in the target template, performing the following operations until the page to be developed is completed: based on the third indication information, determining the components required to be set in the block from the preset component library corresponding to the type, and configuring the determined components in the block; in response to determining that the configuration of the block is completed, displaying the completed part of the page to be developed.

[0006] In some embodiments, after the above response to determining that the configuration of the block is completed and displaying the completed portion of the page to be developed, the above method also includes: adjusting the components in the configured block in the page to be developed indicated by the first adjustment information according to the first adjustment information.

[0007] In some embodiments, after determining the components required to be set in the target template from the preset component library corresponding to the type according to the third indication information and generating the page to be developed, it also includes: displaying the page to be developed; and adjusting the components in the block in the page to be developed indicated by the second adjustment information according to the second adjustment information.

[0008] In some embodiments, the above method further includes: in response to determining that the components required to be set in the block include multiple styles, determining a target style of the components required to be set in the block according to fourth indication information.

[0009] In some embodiments, the above-mentioned first indication information, second indication information, third indication information, fourth indication information, first adjustment information and second adjustment information are represented in the form of voice; and the above-mentioned method also includes: identifying the received voice information to obtain the first indication information, second indication information, third indication information, fourth indication information, first adjustment information or second adjustment information.

[0010] In some embodiments, the above method further includes: performing testing operations, pre-release operations, and online operations on the page to be developed in sequence through a preset test environment, a preset pre-release environment, and a preset online environment corresponding to the type.

[0011] In the second aspect, an embodiment of the present application provides a device for developing pages, including: a first indication unit, configured to determine the type of the page to be developed based on first indication information; a second indication unit, configured to determine the target template of the page to be developed from a preset template library corresponding to the type based on the second indication information; a third indication unit, configured to determine the components required to be set in the target template from a preset component library corresponding to the type based on the third indication information, and generate the page to be developed.

[0012] In some embodiments, the third indication unit is further configured to: for each block in the target template, perform the following operations until the page to be developed is completed: according to the third indication information, determine the components required to be set in the block from the preset component library corresponding to the type, and configure the determined components in the block; in response to determining that the configuration of the block is completed, display the completed part of the page to be developed.

[0013] In some embodiments, the apparatus further includes: a first adjustment unit configured to adjust, according to the first adjustment information, the components in the configured block in the page to be developed and indicated by the first adjustment information.

[0014] In some embodiments, the apparatus further includes: a display unit configured to display the page to be developed; and a second adjustment unit configured to adjust, according to the second adjustment information, the components in the block in the page to be developed indicated by the second adjustment information.

[0015] In some embodiments, the above-mentioned device also includes: a fourth indication unit, configured to determine the target style of the component required to be set in the block according to the fourth indication information in response to determining that the components required to be set in the block include multiple styles.

[0016] In some embodiments, the first indication information, the second indication information, the third indication information, the fourth indication information, the first adjustment information and the second adjustment information are represented in the form of voice; and the above-mentioned device also includes: an identification unit, configured to identify the received voice information to obtain the first indication information, the second indication information, the third indication information, the fourth indication information, the first adjustment information or the second adjustment information.

[0017] In some embodiments, the above-mentioned device also includes: an operating unit, which is configured to perform testing operations, pre-release operations, and online operations on the page to be developed in sequence through a preset test environment, a preset pre-release environment, and a preset online environment corresponding to the type.

[0018] In a third aspect, an embodiment of the present application provides a computer-readable medium having a computer program stored thereon, wherein when the program is executed by a processor, the method described in any implementation manner of the first aspect is implemented.

[0019] In a fourth aspect, an embodiment of the present application provides an electronic device comprising: one or more processors; a storage device on which one or more programs are stored, and when the one or more programs are executed by one or more processors, the one or more processors implement the method described in any implementation manner of the first aspect.

[0020] The method and device for developing pages provided in the embodiments of the present application determine the type of page to be developed based on first indication information; determine the target template of the page to be developed from a preset template library corresponding to the type based on second indication information; and determine the components required to be set in the target template from a preset component library corresponding to the type based on third indication information to generate the page to be developed, thereby providing a method for developing pages based on a preset template library and a preset component library, reducing the difficulty of page development, ensuring the unification and standardization of page development, and improving the efficiency of page development. BRIEF DESCRIPTION OF THE DRAWINGS

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

[0022] Figure 1 is an exemplary system architecture diagram in which an embodiment of the present application may be applied;

[0023] Figure 2 is a flow chart of an embodiment of a method for developing a page according to the present application;

[0024] Figure 3 is a schematic diagram of an application scenario of the method for developing a page according to this embodiment;

[0025] Figure 4 is a flowchart of another embodiment of a method for developing a page according to the present application;

[0026] Figure 5 is a structural diagram of an embodiment of an apparatus for developing a page according to the present application;

[0027] Figure 6 It is a structural diagram of a computer system suitable for implementing the embodiments of the present application. DETAILED DESCRIPTION

[0028] The present application will be further described in detail below with reference to the accompanying drawings and examples. It should be understood that the specific embodiments described herein are merely for the purpose of explaining the relevant invention and are not intended to limit the invention. It should also be noted that, for ease of description, only portions relevant to the relevant invention are shown in the accompanying drawings.

[0029] It should be noted that, in the absence of conflict, the embodiments and features of the embodiments in this application can be combined with each other. The present application will be described in detail below with reference to the accompanying drawings and in combination with the embodiments.

[0030] Figure 1 An exemplary architecture 100 is shown to which the method and apparatus for developing pages of the present application can be applied.

[0031] like Figure 1 As shown, system architecture 100 may include terminal devices 101, 102, and 103, a network 104, and a server 105. The communication connections between terminal devices 101, 102, and 103 constitute a topological network, and network 104 is used to provide a medium for communication links between terminal devices 101, 102, and 103 and server 105. Network 104 may include various connection types, such as wired or wireless communication links or fiber optic cables.

[0032] Terminal devices 101, 102, and 103 can be hardware devices or software that support network connection for data interaction and data processing. When terminal devices 101, 102, and 103 are hardware, they can be various electronic devices that support network connection, information acquisition, interaction, display, processing, and other functions, including but not limited to smartphones, tablet computers, e-book readers, laptop computers, and desktop computers. When terminal devices 101, 102, and 103 are software, they can be installed in the electronic devices listed above. They can be implemented as multiple software or software modules, for example, to provide distributed services, or they can be implemented as a single software or software module. No specific limitations are given here.

[0033] Server 105 can be a server that provides various services, such as a backend processing server that receives instructions sent by users through terminal devices 101, 102, and 103 and develops pages based on a preset template library and a preset component library. The server is provided with a preset template library and a preset component library. Optionally, during the page development process, the server can feed back the page being developed to the terminal device in real time for display. As an example, server 105 can be a cloud server.

[0034] It should be noted that the server can be either hardware or software. When the server is hardware, it can be implemented as a distributed server cluster consisting of multiple servers, or as a single server. When the server is software, it can be implemented as multiple software or software modules (e.g., software or software modules for providing distributed services), or as a single software or software module. No specific limitations are given here.

[0035] It should also be noted that the method for developing a page provided in the embodiments of the present application can be executed by a server, can be executed by a terminal device, or can be executed by a server and a terminal device in cooperation with each other. Accordingly, the various parts (e.g., various units) included in the apparatus for developing a page can be all set in the server, can be all set in the terminal device, or can be set separately in the server and the terminal device.

[0036] It should be understood that Figure 1 The number of terminal devices, networks, and servers in the system is merely illustrative. Any number of terminal devices, networks, and servers may be provided as needed. When the electronic device on which the method for developing a page is running does not need to transmit data with other electronic devices, the system architecture may only include the electronic device (e.g., a server or terminal device) on which the method for developing a page is running.

[0037] Continue to refer Figure 2 , a process 200 of an embodiment of a method for developing a page is shown, comprising the following steps:

[0038] Step 201: Determine the type of the page to be developed according to the first indication information.

[0039] In this embodiment, the execution subject of the method for developing a page (eg Figure 1 The terminal device or server in the process may determine the type of the page to be developed according to the first indication information.

[0040] The type of the page to be developed represents the application scenario of the page to be developed, including but not limited to PC (Personal Computer) pages, H5 (Hypertext Markup Language 5) pages, and APP (Application) pages. For each type, the execution entity sets a type identifier based on text, numbers, images, etc.

[0041] In this embodiment, the execution entity may display all supported types of pages to be developed to the user based on the visualization page, and the user may select the desired type of page to be developed on the visualization page. For example, the execution entity may display multiple virtual buttons such as "PC page," "H5 page," and "APP page" to the user through the visualization page, and the execution entity may send first indication information representing the type of the selected page to the execution entity through a click, touch, or other operation.

[0042] Step 202: According to the second indication information, a target template for the page to be developed is determined from a preset template library corresponding to the type.

[0043] In this embodiment, the execution entity may determine the target template of the page to be developed from a preset template library corresponding to the type according to the second indication information.

[0044] In this embodiment, for each page type, the execution entity or the electronic device communicatively connected to the execution entity is provided with a preset template library corresponding to that type. The preset template library includes multiple preset templates applicable to pages of the corresponding type. The preset templates are used to represent the layout information of the page.

[0045] As an example, for the PC type, a corresponding first preset template library can be set, and the preset templates in the first preset template library can all be selected for the development of PC type pages. Similarly, for the H5 type, a corresponding second preset template library can be set, and the preset templates in the second preset template library can all be selected for the development of H5 type pages. For the APP type, a corresponding third preset template library can be set, and the preset templates in the third preset template library can all be selected for the development of APP type web pages.

[0046] Each preset template allows you to configure layouts based on blocks. Blocks represent sections of a page. By setting block attributes such as size, position, shape, and color, you can flexibly configure blocks within a preset template to create a variety of preset templates.

[0047] For each preset template in the preset template library, the execution entity may set a template identifier for it in the form of text, numbers, images, etc.

[0048] In this embodiment, the execution entity may display each preset template in the preset template library corresponding to the selected type to the user based on the visualization page, and the user may select the desired preset template as the target template on the visualization page. For example, the execution entity may display each preset template in the preset template library corresponding to the selected type to the user through the visualization page (for example, multiple preset templates such as "Template 1", "Template 2", ..., "Template N", etc.), and the execution entity may send second indication information representing the selected target template to the execution entity through operations such as clicking or touching.

[0049] Step 203: According to the third instruction information, components required to be set in the target template are determined from a preset component library corresponding to the type, and a page to be developed is generated.

[0050] In this embodiment, the execution entity may determine the components required to be set in the target template from a preset component library corresponding to the type according to the third indication information, and generate a page to be developed.

[0051] For each page type, the execution entity or an electronic device communicatively connected to the execution entity is provided with a preset component library corresponding to that type. The preset component library includes multiple components applicable to the page type corresponding to the preset component library, including but not limited to navigation, table, tree, linked drop-down box, and other components. For each component in the preset component library, the execution entity can set a component identifier for it in the form of text, numbers, images, etc.

[0052] In this embodiment, the execution entity may display each component in the preset component library corresponding to the selected type to the user based on the visualization page, and the user may select the desired component and set it in the target template on the visualization page to generate the page to be developed. For example, the execution entity may display each component in the preset component library corresponding to the selected type to the user (e.g., "Component 1," "Component 2," ..., "Component N," and other components) on the visualization page, and the execution entity may send third indication information representing the selected component to the execution entity through operations such as clicking or touching.

[0053] The user may send multiple third instruction messages to the execution subject to set multiple components in the target template to generate components to be developed.

[0054] In some optional implementations of this embodiment, the execution entity may perform step 203 as follows:

[0055] For each block in the target template, perform the following operations until the page to be developed is completed: first, according to the third indication information, determine the components that need to be set in the block from the preset component library corresponding to the type, and configure the determined components in the block; then, in response to determining that the configuration of the block is completed, display the completed part of the page to be developed.

[0056] In this implementation, one or more components can be set in each block. For each block, the user can send one or more third instructions to the execution entity to set one or more components in the block and complete the configuration of the block. After each block is set up, the execution entity displays the completed portion of the page to be developed to the user, allowing the user to determine the development effect of the page. In this implementation, page development is performed in blocks, and the completed portion of the page is displayed to the user after the development of a block is completed, which increases the flexibility and difficulty of page development.

[0057] In some optional implementations of this embodiment, the execution entity may adjust, according to the first adjustment information, the components in the configured block in the page to be developed and indicated by the first adjustment information.

[0058] The first adjustment information is used to adjust the properties of a configured component or replace a configured component. For example, the execution entity can select the component to be adjusted by clicking, touching, or otherwise performing the property adjustment or component replacement. In this implementation, the execution entity can adjust the page to be developed after completing the configuration of each block, further increasing the flexibility of page development.

[0059] In some optional implementations of this embodiment, after the above step 203, the above execution entity may further perform the following operations: first, display the page to be developed; then, according to the second adjustment information, adjust the components in the block in the page to be developed indicated by the second adjustment information.

[0060] In this implementation, after completing page development and obtaining the page to be developed, the execution entity displays the page to be developed to the user so that the user can determine the development effect of the page. After receiving the second adjustment information, the execution entity adjusts the components in the block of the page to be developed. The second adjustment information can be executed with reference to the first adjustment information, which is not detailed here.

[0061] In this implementation, after the page to be developed is obtained, multiple adjustments can be made to the page to be developed based on the second adjustment information, thereby further improving the flexibility of page development.

[0062] To further enhance the flexibility and diversity of page development, the above-mentioned execution entities can set multiple styles for components in the preset component library, providing greater choice during the component configuration process. For example, the navigation component has several styles, including ceiling navigation, bottom navigation, and waist navigation.

[0063] Corresponding to setting components of multiple styles, in some optional implementations of this embodiment, the above-mentioned execution entity determines the target style of the components required to be set in the block in response to determining that the components required to be set in the block include multiple styles, according to the fourth indication information.

[0064] In this implementation, the execution entity may display multiple styles corresponding to the selected component to the user based on the visualization page. The user may select the desired component style on the visualization page and set it in the target template to generate the page to be developed. For example, the execution entity may display each style corresponding to the selected component to the user (e.g., "Style 1," "Style 2," ..., "Style N," and other styles) on the visualization page, and the execution entity may send fourth indication information representing the style of the selected component to the execution entity through a click, touch, or other operation.

[0065] To further improve the efficiency of page development, the execution entity may have a voice recognition function. The user may send the first instruction information, the second instruction information, the third instruction information, the fourth instruction information, the first adjustment information, and the second adjustment information in the form of voice. The execution entity may recognize the received voice information and obtain the first instruction information, the second instruction information, the third instruction information, the fourth instruction information, the first adjustment information, or the second adjustment information. For example, the execution entity may determine the instruction information or adjustment information represented by the voice information based on voice-to-text technology.

[0066] Objects such as page types, preset templates, blocks, components, and styles are all assigned identifiers. Therefore, during the development of a page, the object indicated by the speech can be determined based on the identifier of the object represented by the speech. For example, when selecting a page type, a user utters a speech message representing "H5." The execution entity recognizes the speech message and determines that the type of page selected by the user is H5.

[0067] For the configured components in the page to be developed, set the corresponding identification chain of the components in the hierarchical order of page type, preset template, block, component, style (when the component includes multiple styles), etc. For example, the component is the ceiling navigation style of the navigation component in block 1 of the H5 type page using template 1. The identifications corresponding to H5 type, template 1, block 1, navigation component, and ceiling navigation style are "H5", "Template 1", "Block 1", "Navigation component", and "Ceiling navigation style" respectively. The identification chain of the component is "H5-Template-Block 1-Navigation component-Ceiling navigation style".

[0068] When adjusting a page to be developed, the execution entity may send voice information representing the type, preset template, block, component, style, and other objects of the page to be adjusted, so that the execution entity determines the object to be adjusted based on the voice information.

[0069] To further improve page development efficiency and target specific page types, a preset test environment, a preset pre-release environment, and a preset online environment are set for each page type. The aforementioned execution entities can use these preset test environments, pre-release environments, and online environments to sequentially test, pre-release, and launch the page under development.

[0070] Continue to see Figure 3 , Figure 3 FIG3 is a schematic diagram 300 of an application scenario of the method for developing a page according to this embodiment. Figure 3 In the application scenario, the target user 301 interacts with the server 303 through the terminal device 302 to develop a page. First, the user starts the page development system and triggers the initialization interface 3021. The initialization interface 3021 displays the types of pages available for selection to the user 301, including PC type, H5 type, and APP type. The user 302 sends a first indication message representing the selection of "H5 type" to the terminal device 302. The server 303 determines that the type of the page to be developed is the H5 type based on the first indication message, and displays the various templates in the preset template library corresponding to the H5 type to the user through the interface 3022 of the terminal device 302. Then, the user 301 sends a second indication message representing the selection of "Template 1" to the terminal device 302. The server 303 determines Template 1 as the target template for the page to be developed based on the second indication message, and displays the various components in the preset component library of the H5 type page to the user through the interface 3023 of the terminal device 302. The user 301 sends third indication information representing the selected component to the terminal device 302 . The server 303 determines the components required to be set in the target template from the preset component library corresponding to the type according to the third indication information and generates a page to be developed 3024 .

[0071] The method provided by the above-mentioned embodiment of the present application determines the type of the page to be developed according to the first indication information; determines the target template of the page to be developed from the preset template library corresponding to the type according to the second indication information; determines the components required to be set in the target template from the preset component library corresponding to the type according to the third indication information, and generates the page to be developed, thereby providing a method for developing pages based on the preset template library and the preset component library, reducing the difficulty of page development, ensuring the unification and standardization of page development, and improving the efficiency of page development.

[0072] Continue to refer Figure 4 , shows a schematic process 400 of an embodiment of a method for developing a page according to the present application, comprising the following steps:

[0073] Step 401: Determine the type of the page to be developed according to the first indication information.

[0074] Step 402: According to the second indication information, a target template for the page to be developed is determined from a preset template library corresponding to the type.

[0075] Step 403: For each block in the target template, perform the following operations until the page to be developed is completed:

[0076] Step 4031: According to the third indication information, determine the components required to be set in the block from the preset component library corresponding to the type, and configure the determined components in the block.

[0077] Step 4032: In response to determining that the configuration of the block is completed, display the completed portion of the pages to be developed.

[0078] Step 4033: Adjust the components in the configured block in the page to be developed indicated by the first adjustment information according to the first adjustment information.

[0079] Step 404: Display the page to be developed.

[0080] Step 405 : Adjust the components in the block in the page to be developed indicated by the second adjustment information according to the second adjustment information.

[0081] Step 406 , through the preset test environment, preset pre-release environment, and preset online environment corresponding to the type, the page to be developed is tested, pre-released, and put online in sequence.

[0082] The first indication information, the second indication information, the third indication information, the fourth indication information, the first adjustment information, and the second adjustment information are represented in the form of voice. The above-mentioned execution entity can recognize the received voice information and obtain the first indication information, the second indication information, the third indication information, the fourth indication information, the first adjustment information, or the second adjustment information.

[0083] It can be seen from this embodiment that Figure 2 Compared with the corresponding embodiments, the process 400 of the method for developing a page in this embodiment specifically describes the development process, adjustment process, testing, pre-release, and online process of the page to be developed, providing a complete process of page development, further reducing the difficulty of page development, and improving the efficiency of page development.

[0084] Continue to refer Figure 5 As an implementation of the methods shown in the above figures, the present application provides an embodiment of a device for developing a page. Figure 2 Corresponding to the method embodiment shown, the device can be specifically applied to various electronic devices.

[0085] like Figure 5 As shown, the device for developing a page includes: a first indication unit 501, configured to determine the type of the page to be developed based on first indication information; a second indication unit 502, configured to determine the target template of the page to be developed from a preset template library corresponding to the type based on the second indication information; a third indication unit 503, configured to determine the components required to be set in the target template from a preset component library corresponding to the type based on the third indication information, and generate the page to be developed.

[0086] In some optional implementations of this embodiment, the third indication unit 503 is further configured to: for each block in the target template, perform the following operations until the page to be developed is completed: according to the third indication information, determine the components required to be set in the block from the preset component library corresponding to the type, and configure the determined components in the block; in response to determining that the configuration of the block is completed, display the completed part of the page to be developed.

[0087] In some optional implementations of this embodiment, the above-mentioned device also includes: a first adjustment unit (not shown in the figure), which is configured to adjust the components in the configured block in the page to be developed and indicated by the first adjustment information according to the first adjustment information.

[0088] In some optional implementations of this embodiment, the above-mentioned device also includes: a display unit (not shown in the figure), configured to display the page to be developed; a second adjustment unit (not shown in the figure), configured to adjust the components in the block in the page to be developed indicated by the second adjustment information according to the second adjustment information.

[0089] In some optional implementations of this embodiment, the above-mentioned device also includes: a fourth indication unit (not shown in the figure), which is configured to determine the target style of the components required to be set in the block according to the fourth indication information in response to determining that the components required to be set in the block include multiple styles.

[0090] In some optional implementations of this embodiment, the first indication information, the second indication information, the third indication information, the fourth indication information, the first adjustment information and the second adjustment information are represented in the form of voice; and the above-mentioned device also includes: an identification unit (not shown in the figure), which is configured to identify the received voice information and obtain the first indication information, the second indication information, the third indication information, the fourth indication information, the first adjustment information or the second adjustment information.

[0091] In some optional implementations of this embodiment, the above-mentioned device also includes: an operation unit (not shown in the figure), which is configured to perform testing operations, pre-release operations, and online operations on the page to be developed in sequence through a preset test environment, a preset pre-release environment, and a preset online environment corresponding to the type.

[0092] In this embodiment, the first indication unit in the device for developing pages determines the type of the page to be developed based on the first indication information; the second indication unit determines the target template of the page to be developed from the preset template library corresponding to the type based on the second indication information; the third indication unit determines the components required to be set in the target template from the preset component library corresponding to the type based on the third indication information, and generates the page to be developed, thereby providing a method for developing pages based on the preset template library and the preset component library, reducing the difficulty of page development, ensuring the unification and standardization of page development, and improving the efficiency of page development.

[0093] Reference below Figure 6 , which shows a device suitable for implementing the embodiments of the present application (eg Figure 1 Schematic diagram of the structure of the computer system 600 of the devices 101, 102, 103, 105 shown. Figure 6 The device shown is only an example and should not limit the functions and scope of use of the embodiments of the present application.

[0094] like Figure 6As shown, the computer system 600 includes a processor (e.g., CPU, central processing unit) 601, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 602 or a program loaded from a storage unit 608 into a random access memory (RAM) 603. Various programs and data required for the operation of the system 600 are also stored in the RAM 603. The processor 601, ROM 602, and RAM 603 are connected to each other via a bus 604. An input / output (I / O) interface 605 is also connected to the bus 604.

[0095] The following components are connected to the I / O interface 605: an input section 606 including a keyboard, a mouse, and the like; an output section 607 including devices such as a cathode ray tube (CRT), a liquid crystal display (LCD), and a speaker; a storage section 608 including a hard disk; and a communication section 609 including a network interface card such as a LAN card or a modem. The communication section 609 performs communication processing via a network such as the Internet. A drive 610 is also connected to the I / O interface 605 as needed. A removable medium 611, such as a magnetic disk, an optical disk, a magneto-optical disk, or a semiconductor memory, is installed in the drive 610 as needed, so that computer programs read therefrom can be installed into the storage section 608 as needed.

[0096] In particular, according to an embodiment of the present application, the process described above with reference to the flowchart can be implemented as a computer software program. For example, an embodiment of the present application includes a computer program product, which includes a computer program carried on a computer-readable medium, and the computer program contains program code for executing the method shown in the flowchart. In such an embodiment, the computer program can be downloaded and installed from a network via the communication section 609 and / or installed from a removable medium 611. When the computer program is executed by the processor 601, the above-mentioned functions defined in the method of the present application are performed.

[0097] It should be noted that the computer-readable medium of the present application may be a computer-readable signal medium or a computer-readable storage medium, or any combination of the two. The computer-readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or device, or any combination of the above. More specific examples of computer-readable storage media may include, but are not limited to: an electrical connection with one or more wires, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In the present application, a computer-readable storage medium may be any tangible medium that contains or stores a program that can be used by or in conjunction with an instruction execution system, device, or device. In the present application, a computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave, which carries computer-readable program code. This propagated data signal may take a variety of forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the above. A computer-readable signal medium may also be any computer-readable medium other than a computer-readable storage medium that can transmit, propagate, or transport a program for use by or in conjunction with an instruction execution system, apparatus, or device. Program code embodied on a computer-readable medium may be transmitted using any suitable medium, including but not limited to wireless, wireline, optical fiber cable, RF, or any suitable combination thereof.

[0098] Computer program code for performing the operations of the present application may be written in one or more programming languages, or a combination thereof, including object-oriented programming languages such as Java, Smalltalk, C++, and conventional procedural programming languages such as "C" or similar programming languages. The program code may be executed entirely on the client computer, partially on the client computer, as a stand-alone software package, partially on the client computer and partially on a remote computer, or entirely on the remote computer or server. In cases involving a remote computer, the remote computer may be connected to the client computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., through the Internet using an Internet service provider).

[0099] The flowcharts and block diagrams in the accompanying drawings illustrate the possible architecture, functions and operations of the devices, methods and computer program products according to various embodiments of the present application. In this regard, each box in the flowchart or block diagram can represent a module, program segment or a part of code, and the module, program segment or a part of code contains one or more executable instructions for realizing the specified logical function. It should also be noted that in some alternative implementations, the functions marked in the box can also occur in a different order than that marked in the accompanying drawings. For example, two boxes represented in succession can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each box in the block diagram and / or flowchart, and the combination of the boxes in the block diagram and / or flowchart, can be implemented by a dedicated hardware-based system that performs the specified function or operation, or can be implemented by a combination of dedicated hardware and computer instructions.

[0100] The units involved in the embodiments described in the present application can be implemented by software or by hardware. The units described can also be set in a processor. For example, they can be described as: a processor comprising a first indication unit, a second indication unit, and a third indication unit. Among them, the names of these units do not constitute a limitation on the unit itself under certain circumstances. For example, the third indication unit can also be described as "a unit that determines the components required to be set in the target template from the preset component library corresponding to the type according to the third indication information, and generates a page to be developed."

[0101] As another aspect, the present application also provides a computer-readable medium, which may be included in the device described in the above embodiment; or may exist independently and not be incorporated into the device. The computer-readable medium carries one or more programs, and when executed by the device, causes the computer device to: determine the type of the page to be developed based on first indication information; determine a target template for the page to be developed from a preset template library corresponding to the type based on second indication information; and determine the components required to be set in the target template from a preset component library corresponding to the type based on third indication information, thereby generating the page to be developed.

[0102] The above description is merely a preferred embodiment of the present application and an illustration of the technical principles employed. Those skilled in the art should understand that the scope of the invention involved in this application is not limited to the technical solutions formed by the specific combination of the above-mentioned technical features, but also encompasses other technical solutions formed by any combination of the above-mentioned technical features or their equivalents without departing from the above-mentioned inventive concept. For example, a technical solution formed by replacing the above-mentioned features with (but not limited to) technical features with similar functions disclosed in this application.

Claims

1. A method for developing a page, comprising: Determining, based on the first indication information, a type of the page to be developed, wherein the type represents an application scenario of the page to be developed, including at least one of the following: a PC page, an H5 page, and an APP page; Determining, based on the second indication information, a target template for the page to be developed from a preset template library corresponding to the type, wherein the preset templates in the preset template library are used to represent layout information of the page, and the layout setting is performed in units of blocks in the preset templates. A block represents a portion of the page, and by setting the size, position, shape, and color of the blocks in the preset templates, the blocks in the preset templates can be flexibly configured to obtain a variety of preset templates; Determining, according to the third instruction information, components required to be set in the target template from a preset component library corresponding to the type, and generating the page to be developed, including: For each block in the target template, perform the following operations until the page to be developed is completed: According to the third indication information, one or more components required to be set in the block are determined from a preset component library corresponding to the type, and the determined one or more components are configured in the block, wherein the preset component library includes at least one of the following components applicable to the page type corresponding to the preset component library: navigation, table, tree, and linked drop-down box; In response to determining that the configuration of the block is completed, a completed portion of the pages to be developed is displayed.

2. The method according to claim 1, wherein After displaying the completed portion of the pages to be developed in response to determining that the configuration of the block is completed, the method further includes: According to the first adjustment information, the components in the block configured in the page to be developed and indicated by the first adjustment information are adjusted.

3. The method according to claim 1, wherein After determining, according to the third instruction information, the components required to be set in the target template from the preset component library corresponding to the type and generating the page to be developed, the method further includes: Displaying the page to be developed; According to the second adjustment information, the components in the block in the page to be developed indicated by the second adjustment information are adjusted.

4. The method according to claim 1, wherein Also includes: In response to determining that the components required to be set in the block include multiple styles, a target style of the components required to be set in the block is determined according to the fourth indication information.

5. The method according to any one of claims 1 to 4, wherein: The first indication information, the second indication information, the third indication information, the fourth indication information, the first adjustment information and the second adjustment information are represented in voice form; as well as Also includes: Identify the received voice information and obtain the first indication information, the second indication information, the third indication information, the fourth indication information, the first adjustment information or the second adjustment information.

6. The method according to claim 1, wherein Also includes: Through the preset test environment, preset pre-release environment, and preset online environment corresponding to the type, the page to be developed is tested, pre-released, and online.

7. A device for developing a page, comprising: The first indication unit is configured to determine the type of the page to be developed according to the first indication information, wherein the type represents the application scenario of the page to be developed, including at least one of the following: PC page, H5 page, and APP page; a second indicating unit configured to determine, based on the second indicating information, a target template for the page to be developed from a preset template library corresponding to the type, wherein the preset templates in the preset template library are used to represent layout information of the page, and the layout setting is performed in units of blocks in the preset templates, where a block represents a portion of the page, and by setting the size, position, shape, and color of the blocks in the preset templates, the blocks in the preset templates can be flexibly configured to obtain a variety of preset templates; The third instruction unit is configured to determine, based on the third instruction information, components required to be set in the target template from a preset component library corresponding to the type, and generate the page to be developed, including: For each block in the target template, perform the following operations until the page to be developed is completed: According to the third indication information, one or more components required to be set in the block are determined from a preset component library corresponding to the type, and the determined one or more components are configured in the block, wherein the preset component library includes at least one of the following components applicable to the page type corresponding to the preset component library: navigation, table, tree, and linked drop-down box; In response to determining that the configuration of the block is completed, a completed portion of the pages to be developed is displayed.

8. The device according to claim 7, wherein Also includes: The first adjustment unit is configured to adjust, according to first adjustment information, the components in the block configured in the page to be developed and indicated by the first adjustment information.

9. The device according to claim 7, wherein Also includes: A display unit, configured to display the page to be developed; The second adjustment unit is configured to adjust, according to second adjustment information, the components in the block in the page to be developed and indicated by the second adjustment information.

10. The device according to claim 7, wherein Also includes: The fourth indication unit is configured to, in response to determining that the components required to be set in the block include multiple styles, determine a target style of the components required to be set in the block according to fourth indication information.

11. The device according to any one of claims 7 to 10, wherein: The first indication information, the second indication information, the third indication information, the fourth indication information, the first adjustment information and the second adjustment information are represented in voice form; as well as Also includes: The recognition unit is configured to recognize the received voice information and obtain the first indication information, the second indication information, the third indication information, the fourth indication information, the first adjustment information or the second adjustment information.

12. The device according to claim 7, wherein Also includes: The operating unit is configured to perform testing operations, pre-launch operations, and online operations on the page to be developed in sequence through a preset testing environment, a preset pre-launch environment, and a preset online environment corresponding to the type.

13. A computer-readable medium having a computer program stored thereon, wherein: When the program is executed by a processor, the method according to any one of claims 1 to 6 is implemented.

14. An electronic device comprising: one or more processors; a storage device having one or more programs stored thereon, When the one or more programs are executed by the one or more processors, the one or more processors implement the method according to any one of claims 1 to 6.

Images