Detail page configuration method, loading method, equipment, medium and program product

Abstract

The invention provides a detail page configuration method, a loading method, equipment, a medium and a program product, and relates to the technical field of smart home / smart home. The method comprises the following steps: acquiring configuration information input by a first user through an interactive interface; wherein the interactive interface is used for a first user to configure a control detail page for target equipment; generating a template file of the control detail page corresponding to the type according to page elements contained in the control detail page corresponding to the type of each control end and filling contents corresponding to at least part of the page elements; and generating an environment description file, the environment description file being used for indicating template files corresponding to the types of the control ends, so as to determine corresponding template files according to the environment description file and the type of the target control end, and loading corresponding control detail pages according to the template files. The method is adapted to each equipment environment, repeated development is reduced through the environment description file, and the development efficiency is improved.

Description

Technical Field

[0001] The present application relates to the field of smart home / intelligent family technology, and in particular to a details page configuration method, loading method, device, medium and program product. Background Art

[0002] The control details page is used to display and manage detailed information and control options of the device. The control details page can be adaptively designed and implemented with different functions in different devices and application scenarios.

[0003] In the existing technology, the development of the control details page is usually carried out by developers using development tools based on the front-end development language. This has certain technical requirements for developers, and targeted development and adaptation are required for different types of devices, which affects the development efficiency of applications on each device.

[0004] Therefore, this application proposes a details page configuration method to solve the above problems. Summary of the Invention

[0005] The present application provides a details page configuration method, loading method, device, medium and program product to solve the problems of high technical requirements and low development efficiency of details page development in the existing technology.

[0006] In a first aspect, the present application provides a method for configuring a details page, comprising:

[0007] Obtaining configuration information input by a first user through an interactive interface, wherein the interactive interface is used for the first user to configure a control details page for a target device, the configuration information including: types of multiple control terminals for controlling the target device, page elements included in the control details page corresponding to each type of control terminal, and filler content corresponding to at least some of the page elements;

[0008] Generate a template file for the control details page corresponding to the type of each control terminal according to the page elements included in the control details page and the filling content corresponding to at least part of the page elements;

[0009] Generate an environment description file, which is used to indicate the template files corresponding to the types of each control terminal, so that when a loading instruction initiated by the target control terminal for loading the control details page of the target device is obtained, the corresponding template file is determined according to the environment description file and the type of the target control terminal, and the corresponding control details page is loaded according to the template file.

[0010] In one possible implementation, the type of the control terminal is represented by an environment information set, and the environment information set includes at least one of the following environment information: the installation method, user interaction type, software framework, and operating system used by the application used by the control terminal to display the control details page; wherein the application installation method includes an APP or a mini-program, and the user interaction type includes a touch screen or a remote control;

[0011] Accordingly, the generated environment description file is used to indicate the first mapping relationship and the second mapping relationship;

[0012] Among them, the first mapping relationship is used to indicate the identifier of the type of the control terminal and the corresponding environment information set, and the second mapping relationship is used to indicate the identifier of the type of the control terminal and the corresponding template file, so that when the loading instruction is obtained, the identifier of the type corresponding to the target control terminal is determined according to the first mapping relationship and the environment information corresponding to the target control terminal, and the corresponding template file is determined according to the identifier and the second mapping relationship and the corresponding control details page is loaded according to the template file.

[0013] In a possible implementation, the environmental information set further includes the following environmental information: style category and / or user experience category;

[0014] The style category is used to indicate the display style of the control details page, and the user experience category is used to indicate the operation style of the second user performing operations on the control details page.

[0015] Optionally, the style category and / or user experience category of the target control terminal is configured by the second user on the target control terminal.

[0016] Optionally, the style category and / or user experience category of the target control terminal is configured by the first user on the interaction interface.

[0017] In a possible implementation, the template file further includes the position of the page element in the control details page;

[0018] Accordingly, based on the page elements included in the control details page corresponding to the type of each control terminal and the filling content corresponding to at least some of the page elements, a template file of the control details page corresponding to the type is generated, including:

[0019] For each control terminal type, according to the page elements included in the corresponding control details page and the filling content corresponding to at least some of the page elements, the filling content is filled into the position of the corresponding page element to form a corresponding template file.

[0020] In a second aspect, the present application provides a method for loading a details page, comprising:

[0021] Obtain a loading instruction for loading the control details page of the target device on the target control terminal;

[0022] Determining, based on the loading instruction, an environment description file corresponding to the target device; wherein the environment description file is used to indicate template files corresponding to multiple types of control terminals, the template files being obtained based on configuration information provided by a first user, the configuration information including: multiple types of control terminals for controlling the target device, and page elements included in a control details page corresponding to each type of control terminal, and filler content corresponding to at least some of the page elements;

[0023] Determining a template file corresponding to the target control terminal according to the environment description file and the type of the target control terminal;

[0024] Load the corresponding control details page according to the template file.

[0025] In one possible implementation, the type of the control terminal is represented by an environment information set, and the environment information set includes at least one of the following environment information: the installation method, user interaction type, software framework, and operating system used by the application used by the control terminal to display the control details page; wherein the application installation method includes an APP or a mini-program, and the user interaction type includes a touch screen or a remote control;

[0026] Accordingly, according to the environment description file and the type of the target control terminal, determining the template file corresponding to the target control terminal includes:

[0027] Determine an identifier of the type corresponding to the target control terminal according to the environment information set corresponding to the target control terminal and the first mapping relationship in the environment description file;

[0028] Determine a corresponding template file according to the identifier and the second mapping relationship in the environment description file;

[0029] The first mapping relationship is used to indicate the identifier of the type of the control terminal and the corresponding environment information set, and the second mapping relationship is used to indicate the identifier of the type of the control terminal and the corresponding template file.

[0030] In a third aspect, the present application provides a device for configuring a details page, comprising:

[0031] a first acquisition module configured to acquire configuration information input by a first user through an interactive interface; wherein the interactive interface is configured for the first user to configure a control details page for a target device, the configuration information including: types of multiple control terminals for controlling the target device, page elements included in the control details page corresponding to each type of control terminal, and filler content corresponding to at least some of the page elements;

[0032] A first generating module is configured to generate a template file of a control details page corresponding to the type of each control terminal based on the page elements contained in the control details page and the filling content corresponding to at least some of the page elements;

[0033] The second generation module is used to generate an environment description file, which is used to indicate the template files corresponding to the types of each control terminal, so that when a loading instruction initiated by the target control terminal for loading the control details page of the target device is obtained, the corresponding template file is determined according to the environment description file and the type of the target control terminal, and the corresponding control details page is loaded according to the template file.

[0034] In a fourth aspect, the present application provides a device for loading a details page, comprising:

[0035] A second acquisition module is used to acquire a loading instruction for loading a control details page of a target device on a target control terminal;

[0036] a first determining module configured to determine, based on the loading instruction, an environment description file corresponding to the target device; wherein the environment description file is configured to indicate template files corresponding to a plurality of control terminal types, the template files being obtained based on configuration information provided by a first user, the configuration information including: a plurality of control terminal types for controlling the target device, and page elements included in a control details page corresponding to each control terminal type, and filler content corresponding to at least some of the page elements;

[0037] A second determining module is configured to determine a template file corresponding to the target control terminal according to the environment description file and the type of the target control terminal;

[0038] The loading module is used to load the corresponding control details page according to the template file.

[0039] In a fifth aspect, the present application provides an electronic device, comprising: at least one processor and a memory;

[0040] The memory stores computer-executable instructions;

[0041] The at least one processor executes the computer-executable instructions stored in the memory, so that the at least one processor performs the method described above.

[0042] In a sixth aspect, the present application provides a computer-readable storage medium having a computer program stored thereon, which implements the steps of the method described above when executed by a processor.

[0043] In a seventh aspect, the present application provides a computer program product, which includes instructions, and when the instructions are executed on an electronic device, the electronic device implements the method as described above.

[0044] The present application provides a details page configuration method, loading method, device, medium and program product, which obtain configuration information input by a first user through an interactive interface; wherein the interactive interface is used for the first user to configure a control details page for a target device, and the configuration information includes: types of multiple control terminals for controlling the target device, and page elements respectively contained in the control details page corresponding to the type of each control terminal and fill content corresponding to at least some of the page elements; based on the page elements contained in the control details page corresponding to the type of each control terminal and the fill content corresponding to at least some of the page elements, a template file of the control details page corresponding to the type is generated; an environment description file is generated, and the environment description file is used to indicate the template files corresponding to the types of each control terminal, so that when a loading instruction initiated by the target control terminal for loading the control details page of the target device is obtained, the corresponding template file is determined according to the environment description file and the type of the target control terminal, and the corresponding control details page is loaded according to the template file.

[0045] In the above method, the first user is the developer, and the first user inputs configuration information in the interactive interface of the development platform to configure a control details page for the target device; the configuration information contains information about the types of multiple control terminals of the target device that need to be configured; the configuration information contains page content of the control details page corresponding to the type of each control terminal, including page elements and fill content corresponding to at least some of the page elements; according to the page content corresponding to the type of each control terminal, a template file corresponding to the type is set, and the template file is used to describe the page content; when each type of control terminal needs to load the control details page, the corresponding template file is found through the generated environment description file, wherein the environment description file indicates the template files corresponding to the types of each control terminal; if a loading instruction of the control details page is received, the corresponding template file can be found according to the environment description file and the type of the target control terminal to load the control details page; based on the environment description file, developers can develop details pages in a more automated manner, improve development efficiency, and provide adapted details page template files to multiple control terminals of the target device. BRIEF DESCRIPTION OF THE DRAWINGS

[0046] In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the following briefly introduces the drawings required for use in the embodiments or the description of the prior art. Obviously, the drawings described below are some embodiments of the present invention. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying any creative labor.

[0047] Figure 1 A hardware environment diagram provided for an embodiment of the present application;

[0048] Figure 2 A system framework diagram provided for an embodiment of the present application;

[0049] Figure 3 A schematic diagram of an interactive interface provided in an embodiment of the present application;

[0050] Figure 4 A flowchart of a method for configuring a details page provided in an embodiment of the present application;

[0051] Figure 5 A flowchart of a method for loading a details page provided in an embodiment of the present application;

[0052] Figure 6 A diagram of a device for configuring a details page provided in an embodiment of the present invention;

[0053] Figure 7 A diagram of a details page loading device provided by an embodiment of the present invention;

[0054] Figure 8 A hardware diagram of an electronic device provided by an embodiment of the present invention. DETAILED DESCRIPTION

[0055] To make the objectives, technical solutions, and advantages of the embodiments of the present invention more clear, the technical solutions in the embodiments of the present invention will be clearly and completely described below in conjunction with the accompanying drawings of the embodiments of the present invention. Obviously, the described embodiments are only part of the embodiments of the present invention, not all of the embodiments. All other embodiments obtained by ordinary technicians in this field based on the embodiments of the present invention without making any creative efforts shall fall within the scope of protection of the present invention.

[0056] It should be noted that the terms "first", "second" etc. of the present application are used to distinguish similar objects, and are not necessarily used to describe a specific order or sequential order. It should be understood that the data used in this way can be interchangeable in appropriate circumstances, so that the embodiments of the present application described herein can be implemented in an order other than those illustrated or described herein. In addition, the terms "comprise" and "have" and any of their variations are intended to cover non-exclusive inclusions, for example, the process, method, system, product or equipment comprising a series of steps or units need not be limited to those steps or units clearly listed, but may include other steps or units that are not clearly listed or that are intrinsic to these processes, methods, products or equipment.

[0057] Currently, developers typically develop control detail pages using development tools based on front-end development languages and frameworks. These tools include the IDEA development tool, and front-end development languages like HTML5, JS, and CSS, with frameworks like VUE and React. After development, developers use Jenkins (an automated server) to package and automatically deploy the detail page. When the detail page is used on various platforms, it is then customized to suit the UI, framework, and user experience of each platform.

[0058] This details page development method has high technical requirements and work experience for developers and related staff, and needs to follow a more complex software engineering interaction process, resulting in low development efficiency. The details page will be used on multiple control terminals such as apps, mini-programs, touch screens, and TVs, and the user UI, experience, and operating framework of each terminal are different. Different control terminals of the device require targeted customization and development, and the workload of repeated development and maintenance caused by changing requirements is very large.

[0059] To solve these problems, this application uses the detail page development platform (IDE) to develop detail pages suitable for various device environments. By configuring environment description files for different terminals, it reduces repeated development and improves development efficiency.

[0060] The following describes an implementation process of a details page configuration method proposed in this application in conjunction with the accompanying drawings and specific embodiments.

[0061] Figure 1 A hardware environment diagram is provided for an embodiment of the present application; according to one aspect of an embodiment of the present application, a details page configuration method and / or loading method is provided. The details page configuration method and / or loading method is widely used in smart home (Smart Home), smart home, smart home device ecology, smart residential (Intelligence House) ecology and other whole-house intelligent digital control application scenarios. Optionally, in this embodiment, the above-mentioned details page configuration method and / or loading method can be applied to Figure 1 In the hardware environment shown in FIG. 1 , which is composed of a terminal device 102 and a server 104. Figure 1 As shown, the server 104 is connected to the terminal device 102 via a network, and can be used to provide services (such as application services, etc.) for the terminal or a client installed on the terminal. A database can be set up on the server or independently of the server to provide data storage services for the server 104. Cloud computing and / or edge computing services can be configured on the server or independently of the server to provide data computing services for the server 104.

[0062] The aforementioned network may include, but is not limited to, at least one of the following: a wired network and a wireless network. The aforementioned wired network may include, but is not limited to, at least one of the following: a wide area network, a metropolitan area network, and a local area network. The aforementioned wireless network may include, but is not limited to, at least one of the following: Wi-Fi (Wireless Fidelity) and Bluetooth. The terminal device 102 may include, but is not limited to, a PC, a mobile phone, a tablet computer, a smart air conditioner, a smart range hood, a smart refrigerator, a smart oven, a smart stove, a smart washing machine, a smart water heater, a smart washing machine, a smart dishwasher, a smart projector, a smart TV, a smart clothes drying rack, smart curtains, a smart audio / video system, a smart socket, a smart speaker, a smart fresh air system, smart kitchen and bathroom equipment, smart bathroom equipment, a smart robot vacuum, a smart window cleaning robot, a smart robot mop, a smart air purifier, a smart steamer, a smart microwave oven, a smart kitchen appliance, a smart purifier, a smart water dispenser, a smart door lock, and the like.

[0063] Figure 2 A system framework diagram provided for an embodiment of the present application. Figure 3 This is a schematic diagram of an interactive interface provided by an embodiment of the present application. Figure 2 As shown, the system includes: a details page development platform and different types of terminals;

[0064] Template files and environment description files can be generated on the detail page development platform. The template file is used to describe the detail page structure, which includes multiple different types of page elements. Page elements include images, UI / UE, components, styles, layouts, and device models. UI stands for user interface, and UE stands for user experience. Different device models correspond to different device properties.

[0065] The template file includes the component ID, component style ID, device model ID, component location, relationship between components, component name, component version, component event, component style, component corresponding device function, component font, component color, component margin, and images used in the details page.

[0066] Different types of terminals include APP, mini-programs, touch screen terminals, and TV terminals;

[0067] 1. Generation: Developers (users) build template files by dragging and dropping configuration information in the development area of the interactive interface of the detail page development platform. The developer obtains the various types of control terminals of the target device that the template file needs to adapt to, and creates an environment description file based on the various types of control terminals of the target device and the template files, so that different types of terminals can find their own adapted template files based on the environment description file.

[0068] 2. Environment ID: This is the ID of the control terminal type. The adapter is a function of the details page development platform. It is responsible for obtaining the environment description file based on the environment ID of different terminals to obtain the appropriate template file.

[0069] 3. Reference: Different terminals reference the appropriate template files that match the content and display the details page based on the template files.

[0070] like Figure 3 As shown in the figure, this figure shows part of the interactive interface of the details page development platform, and does not indicate all the functional controls of the interactive interface, such as return control, withdrawal control, confirmation control, position control, etc.; there are preset components, styles and other contents in the interactive interface that can be selected and added to the development department after selection.

[0071] Figure 4 This is a flow chart of a method for configuring a details page provided in an embodiment of the present application. Figure 4 As shown, applied to the configuration end, the method includes:

[0072] S401. Obtain configuration information input by the first user through an interactive interface; wherein the interactive interface is used for the first user to configure a control details page for the target device, and the configuration information includes: types of multiple control terminals for controlling the target device, and page elements respectively contained in the control details page corresponding to each type of control terminal and fill content corresponding to at least some of the page elements.

[0073] Develop the details page on the configuration side, such as a details page development platform. The details page development platform provides a platform for developers to develop their own control details page by dragging and dropping in the interactive interface of the details page development platform. The details page development platform generates a package file for controlling the details page. In this embodiment, the main files generated are template files and environment description files. The environment description file can be a file in the JSON format.

[0074] The first user is a developer. The first user drags and drops the fill content of the template elements according to their own development needs, and specifies multiple control terminals of the target device to be configured. After the dragging and specifying actions are completed, the interactive interface completes the collection of configuration information. After the details page development platform collects the configuration information, it can generate a template file and an environment description file based on the configuration information.

[0075] The various control terminal types of the target device in the configuration information can be used to generate an environment description file; the page elements contained in the control details page corresponding to each control terminal type in the configuration information and the filling content corresponding to at least some of the page elements can be used to generate a template file.

[0076] S402: Generate a template file of the control details page corresponding to the type of each control terminal according to the page elements contained in the control details page corresponding to the type of each control terminal and the filling content corresponding to at least part of the page elements.

[0077] The template file is used to describe the control details page, including the page elements of the control details page and the fill content corresponding to at least some of the page elements. The types of page elements of each control details page can be consistent, for example, each control details page includes components and styles. The types of page elements of different types of control terminals can be consistent, for example, the control details pages of control terminal A and control terminal B include components and styles.

[0078] The filling content of different page elements can be different. For example, component A that controls the details page can be filled with different colors on different control details pages; if the page element includes components, the filling content is the switch component; if the page element includes pictures, the filling content is a specific picture.

[0079] The specific composition of the template file created:

[0080] For example, the template file also includes the position of the page element in the control details page;

[0081] Accordingly, based on the page elements included in the control details page corresponding to the type of each control terminal and the filling content corresponding to at least some of the page elements, a template file of the control details page corresponding to the type is generated, including:

[0082] For each control terminal type, according to the page elements included in the corresponding control details page and the filling content corresponding to at least some of the page elements, the filling content is filled into the position of the corresponding page element to form a corresponding template file.

[0083] The template file contains page elements and fill content corresponding to at least some of the page elements, as well as location information of the page elements on the control details page set by the development platform; page elements include components, styles, layouts, images, UI (user interface), UE (user experience), and device functions; device functions include, for example, the control of turning on the device by the device switch component, and the control of turning off the device by the device switch component,

[0084] The template file also contains the component name, component style, and component layout; the component layout includes the relative position of the components; the component style includes the font, color, margin, etc.; the template file also specifically describes the relationship between components, component version, component events and other information; the adapter decouples basic modules such as environment description files, template files, components, etc. from the control details page. Any change only affects specific parts and enables rapid development.

[0085] S403. Generate an environment description file, which is used to indicate the template files corresponding to the types of each control terminal, so that when a loading instruction initiated by the target control terminal for loading the control details page of the target device is obtained, the corresponding template file is determined according to the environment description file and the type of the target control terminal, and the corresponding control details page is loaded according to the template file.

[0086] Generate an environment description file to indicate the correspondence between the type of each control terminal and the template file; the target control terminal initiates a loading instruction, the configuration terminal obtains the type of the target control terminal according to the loading instruction, and determines the corresponding template file; the target control terminal can load the corresponding control details page according to the template file.

[0087] Different types of control terminals can be characterized by at least one type of environmental information:

[0088] For example, the type of the control terminal is represented by an environment information set, and the environment information set includes at least one of the following environment information: the installation method, user interaction type, software framework, and operating system used by the application used by the control terminal to display the control details page; wherein the application installation method includes an APP or a mini-program, and the user interaction type includes a touch screen or a remote control;

[0089] Accordingly, the generated environment description file is used to indicate the first mapping relationship and the second mapping relationship;

[0090] Among them, the first mapping relationship is used to indicate the identifier of the type of the control terminal and the corresponding environment information set, and the second mapping relationship is used to indicate the identifier of the type of the control terminal and the corresponding template file, so that when the loading instruction is obtained, the identifier of the type corresponding to the target control terminal is determined according to the first mapping relationship and the environment information corresponding to the target control terminal, and the corresponding template file is determined according to the identifier and the second mapping relationship and the corresponding control details page is loaded according to the template file.

[0091] The type of control terminal can be characterized by one or more pieces of environment information. The environment information can be organized into an environment information set and used to construct an environment description file. The environment information includes the installation method of the application used by the control terminal to display the control details page, such as an app or mini-program; the user interaction type, such as touch screen or remote control; and the software framework and operating system of the application used by the control terminal to display the control details page, such as the Alibaba software framework and the Android operating system.

[0092] The environment description file uses mapping to allow different types of control terminals to find the corresponding template files. Different types of control terminals are distinguished by their type identifiers. When a type corresponds to multiple pieces of environment information, if any one of the environment information of two control terminals is different, then the two control terminals can be considered to be different types of control terminals.

[0093] The first mapping relationship described in the environment description file is used to indicate the identifier of the type of the control terminal and the corresponding environment information set; the first mapping relationship described in the environment description file is used to indicate the identifier of the type of the control terminal and the corresponding template file; after the target control terminal initiates the loading instruction, the configuration terminal can obtain the environment information corresponding to the target control terminal according to the loading instruction, and obtain the identifier of the type corresponding to the target control terminal according to the first mapping relationship; and then obtain the template file corresponding to the identifier of the type corresponding to the target control terminal according to the second mapping relationship.

[0094] For different types of control terminals, in the case of the same switch component, one template file may be generated to describe the switch component of the target details page as click-based implementation, while another template file may be generated to describe the switch component of the target details page as sliding-based implementation. Developers do not need to develop detail pages separately for different control terminals of the device, which reduces repeated development workload and improves development efficiency.

[0095] For example, the environmental information set further includes the following environmental information: style category and / or user experience category;

[0096] The style category is used to indicate the display style of the control details page, and the user experience category is used to indicate the operation style of the second user performing operations on the control details page.

[0097] A collection of environmental information used to characterize the type of control terminal, including style categories and / or user experience categories. Style categories are a broader concept than specific component styles and can be used to indicate the display style of a control detail page. For example, a detail page can be divided into a white style class and a metallic style class. The fill content of the page elements corresponding to the white style class is different from that of the page elements corresponding to the metallic style class. The white style class may correspond to multiple template files for the control detail page.

[0098] The experience type is a classification different from the style category, and can be used to indicate the operating style of the second user operating on the control details page, such as the smoothness of the interactive interface; the second user is the user; a single environment description file can correspond to multiple template files.

[0099] Optionally, the style category and / or user experience category of the target control terminal is configured by the second user on the target control terminal.

[0100] The style category and / or user experience category of the target control terminal as information characterizing the type of the control terminal can be configured by the second user on the target control terminal. For example, the colors of the day mode and night mode of the page are different.

[0101] Optionally, the style category and / or user experience category of the target control terminal is configured by the first user on the interaction interface.

[0102] The style category and / or user experience category of the target control terminal as information characterizing the type of the control terminal can be configured by the first user in the interactive interface. For example, some components cannot be modified by the user.

[0103] In an embodiment of the present application, the first user is a developer, and the first user inputs configuration information in the interactive interface of the development platform to configure a control details page for the target device; the configuration information contains information about the types of multiple control terminals of the target device that need to be configured; the configuration information contains page content of the control details page corresponding to the type of each control terminal, including page elements and fill content corresponding to at least some of the page elements; according to the page content corresponding to the type of each control terminal, a template file corresponding to the type is set, and the template file is used to describe the page content; when each type of control terminal needs to load the control details page, the corresponding template file is found through the generated environment description file, wherein the environment description file indicates the template files corresponding to the types of each control terminal; if a loading instruction of the control details page is received, the corresponding template file can be found according to the environment description file and the type of the target control terminal to load the control details page; based on the environment description file, developers can develop details pages in a more automated manner, improve development efficiency, and provide adapted details page template files to multiple control terminals of the target device.

[0104] Figure 5 This is a flow chart of a method for loading a details page provided in an embodiment of the present application. Figure 5 As shown, applied to the loading end, the method includes:

[0105] S501: Obtain a loading instruction for loading a control details page of a target device on a target control terminal.

[0106] The target control end, as the loading end of the target device, can send a loading instruction to the configuration end; the loading instruction can be initiated by the second user, such as clicking a link or button.

[0107] S502. Determine the environment description file corresponding to the target device according to the loading instruction; wherein the environment description file is used to indicate template files corresponding to multiple types of control terminals, and the template files are obtained through configuration information provided by the first user, and the configuration information includes: multiple types of control terminals for controlling the target device, and page elements respectively contained in the control details page corresponding to each type of control terminal and fill content corresponding to at least some of the page elements.

[0108] The load instruction has the class of the target control terminal; according to the load instruction initiated by the target control terminal, the configuration terminal can obtain the environment description file corresponding to the target device. S503: Determine the template file corresponding to the target control terminal based on the environment description file and the type of the target control terminal.

[0109] The environment description file contains a mapping relationship between the type of the target control terminal and the template file corresponding to the target control terminal. Therefore, the template file corresponding to the target control terminal can be obtained according to the mapping relationship.

[0110] For example, the type of the control terminal is represented by an environment information set, and the environment information set includes at least one of the following environment information: the installation method, user interaction type, software framework, and operating system used by the application used by the control terminal to display the control details page; wherein the application installation method includes an APP or a mini-program, and the user interaction type includes a touch screen or a remote control;

[0111] Accordingly, according to the environment description file and the type of the target control terminal, determining the template file corresponding to the target control terminal includes:

[0112] Determine an identifier of the type corresponding to the target control terminal according to the environment information set corresponding to the target control terminal and the first mapping relationship in the environment description file;

[0113] Determine a corresponding template file according to the identifier and the second mapping relationship in the environment description file;

[0114] The first mapping relationship is used to indicate the identifier of the type of the control terminal and the corresponding environment information set, and the second mapping relationship is used to indicate the identifier of the type of the control terminal and the corresponding template file.

[0115] S504: Load the corresponding control details page according to the template file.

[0116] After confirming the template file, you can process the content in the template file and dynamically load it to obtain the corresponding control details page. The loaded content includes the fill content corresponding to the page elements and the position of the page elements in the control details page.

[0117] For example, the template file also includes the position of the page element in the control details page;

[0118] Accordingly, the corresponding control details page is loaded according to the template file, including:

[0119] According to the type of the target control terminal, the page elements in the template file and the corresponding filling content of the page elements are loaded to obtain the control details page.

[0120] Developers should develop the corresponding optimal implementation methods, such as:

[0121] 1. The user develops the details page using the details page development platform. Based on the requirements for controlling the details page, the user selects which terminals the details page is applicable to. Then, the user completes the development of the details page by dragging and dropping, generating the following content:

[0122] The environment description file and the control details page template file are used to describe the overall structure of the control details page;

[0123] The template file includes information such as the component IDs, component style IDs, device model IDs, relative positions of components, and the relationships between components used to control the details page;

[0124] Controls the components used in the detail page, including component name, component version, component events, component style, and corresponding device functions.

[0125] Control the style data used in the detail page, such as the component font, component color, and component margins;

[0126] Control the device functions used by the details page;

[0127] The image used on the detail page.

[0128] 2. When loading the control details page on the control terminal, the environment identification information needs to be passed to the adapter. The environment identification includes: terminal, style category, user experience category, and software framework.

[0129] 3. After receiving the environmental information, the adapter processes the following content according to the environmental characteristics:

[0130] Step 1: Select the descriptive file of the environment;

[0131] Step 2: Find the corresponding template file based on the descriptive file of the environment. The template file describes the layout, components, styles, images, UI, UE, and device models of the control details page;

[0132] Step 3: Based on the environment information and template files, extract the layout, components, device models, styles, and images required for the control details page to the control terminal;

[0133] Step 4: After extracting the information from the adapter, return it to the control end;

[0134] Step 5: The control terminal displays the returned information.

[0135] In the embodiment of the present application, according to the established environment description file, the terminal is matched with a suitable details page, so as to automatically adapt to the characteristics of each terminal and provide a details page suitable for the needs of each terminal.

[0136] Figure 6 A diagram of a device configuration for a details page is provided in an embodiment of the present invention, such as Figure 6 As shown, the device includes: a first acquisition module 601, a first generation module 602 and a second generation module 603;

[0137] The first acquisition module 601 is used to obtain configuration information input by the first user through the interactive interface; wherein, the interactive interface is used for the first user to configure a control details page for the target device, and the configuration information includes: the types of multiple control terminals for controlling the target device, and the page elements respectively contained in the control details page corresponding to each type of control terminal and the filling content corresponding to at least some of the page elements.

[0138] The first generating module 602 is configured to generate a template file of a control details page corresponding to the type of each control terminal according to the page elements contained in the control details page corresponding to the type of each control terminal and the filling content corresponding to at least part of the page elements.

[0139] The second generation module 603 is used to generate an environment description file, which is used to indicate the template files corresponding to the types of each control terminal, so that when a loading instruction initiated by the target control terminal for loading the control details page of the target device is obtained, the corresponding template file is determined according to the environment description file and the type of the target control terminal, and the corresponding control details page is loaded according to the template file.

[0140] Figure 7A diagram of a details page loading device provided by an embodiment of the present invention, such as Figure 7 As shown, the device includes: a second acquisition module 701, a first determination module 702, a second determination module 703 and a loading module 704;

[0141] The second acquisition module 701 is used to acquire a loading instruction for loading the control details page of the target device on the target control terminal.

[0142] The first determination module 702 is used to determine the environment description file corresponding to the target device according to the loading instruction; wherein the environment description file is used to indicate the template files corresponding to the types of multiple control terminals, and the template files are obtained through configuration information provided by the first user, and the configuration information includes: the types of multiple control terminals used to control the target device, and the page elements respectively contained in the control details page corresponding to the type of each control terminal and the filling content corresponding to at least some of the page elements.

[0143] The second determining module 703 is configured to determine a template file corresponding to the target control terminal according to the environment description file and the type of the target control terminal.

[0144] The loading module 704 is configured to load the corresponding control details page according to the template file.

[0145] The present application also provides an electronic device, comprising: at least one processor and a memory;

[0146] The memory stores computer-executable instructions;

[0147] The at least one processor executes the computer-executable instructions stored in the memory, so that the at least one processor performs the detail page configuration method.

[0148] Figure 8 Schematic diagram of the hardware of the electronic device provided by the embodiment of the present invention. Figure 8 As shown, the electronic device 80 provided in this embodiment includes: at least one processor 801 and a memory 802. The device 80 also includes a communication component 803. The processor 801, the memory 802 and the communication component 803 are connected via a bus 804.

[0149] During the specific implementation process, at least one processor 801 executes the computer-executable instructions stored in the memory 802, so that at least one processor 801 executes the above details page configuration method.

[0150] The specific implementation process of the processor 801 can be found in the above method embodiment. Its implementation principle and technical effects are similar and will not be repeated here in this embodiment.

[0151] In the above Figure 8 In the illustrated embodiment, it should be understood that the processor may be a central processing unit (CPU), other general-purpose processors, digital signal processors (DSP), application-specific integrated circuits (ASICs), etc. A general-purpose processor may be a microprocessor or any conventional processor. The steps of the method disclosed in the present invention may be directly executed by a hardware processor or by a combination of hardware and software modules within the processor.

[0152] The memory may include random access memory (RAM) and may also include non-volatile memory (NVM), such as at least one disk storage.

[0153] A bus can be an Industry Standard Architecture (ISA) bus, a Peripheral Component Interconnect (PCI) bus, or an Extended Industry Standard Architecture (EISA) bus. Buses can be categorized as address buses, data buses, and control buses. For ease of illustration, the buses in the drawings of this application are not limited to just one bus or just one type of bus.

[0154] The present application also provides a computer-readable storage medium, in which computer-executable instructions are stored. When a processor executes the computer-executable instructions, the method described above is implemented.

[0155] The computer-readable storage medium mentioned above can be implemented by any type of volatile or non-volatile memory 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 storage, flash memory, magnetic disk, or optical disk. The computer-readable storage medium can be any available medium that can be accessed by a general-purpose or special-purpose computer.

[0156] An exemplary readable storage medium is coupled to a processor so that the processor can read information from the readable storage medium and write information to the readable storage medium. Of course, the readable storage medium can also be an integral part of the processor. The processor and the readable storage medium can be located in an application specific integrated circuit (ASIC). Of course, the processor and the readable storage medium can also exist in the device as discrete components.

[0157] The division of units described above is merely a logical functional division. In actual implementation, other divisions are possible. For example, multiple units or components may be combined or integrated into another system, or some features may be omitted or not implemented. Furthermore, any coupling or direct coupling or communication connection shown or discussed between units may be an indirect coupling or communication connection via some interface, device, or unit, and may be electrical, mechanical, or other.

[0158] The units described as separate components may or may not be physically separate, and the components shown as units may or may not be physical units, that is, they may be located in one place or distributed across multiple network units. Some or all of these units may be selected to achieve the purpose of this embodiment according to actual needs.

[0159] Those skilled in the art will appreciate that all or part of the steps in the above-described method embodiments can be implemented using hardware associated with program instructions. The aforementioned program can be stored in a computer-readable storage medium. When executed, the program performs the steps of the above-described method embodiments. The aforementioned storage medium includes various media capable of storing program code, such as ROM, RAM, magnetic disks, or optical disks.

[0160] Finally, it should be noted that other embodiments of the present invention will readily occur to those skilled in the art after considering the specification and practicing the invention disclosed herein. The present invention is intended to cover any variations, uses, or adaptations of the present invention that follow the general principles of the present invention and include common knowledge or customary techniques in the art not disclosed herein, and is not limited to the precise structure described above and shown in the drawings. Various modifications and variations may be made without departing from the scope of the present invention.

Claims

1. A method for configuring a details page, characterized in that: include: Obtaining configuration information input by a first user through an interactive interface, wherein the interactive interface is used for the first user to configure a control details page for a target device, the configuration information including: types of multiple control terminals for controlling the target device, page elements included in the control details page corresponding to each type of control terminal, and filler content corresponding to at least some of the page elements; Generate a template file for the control details page corresponding to the type of each control terminal according to the page elements included in the control details page and the filling content corresponding to at least part of the page elements; Generate an environment description file, which is used to indicate the template files corresponding to the types of each control terminal, so that when a loading instruction initiated by the target control terminal for loading the control details page of the target device is obtained, the corresponding template file is determined according to the environment description file and the type of the target control terminal, and the corresponding control details page is loaded according to the template file.

2. The method for configuring a details page according to claim 1, wherein: The type of the control terminal is characterized by an environment information set, wherein the environment information set includes at least one of the following environment information: the installation method of the application used by the control terminal to display the control details page, the user interaction type, the software framework used by the application, and the operating system; wherein the application installation method includes an APP or a mini-program, and the user interaction type includes a touch screen or a remote control; Accordingly, the generated environment description file is used to indicate the first mapping relationship and the second mapping relationship; Among them, the first mapping relationship is used to indicate the identifier of the type of the control terminal and the corresponding environment information set, and the second mapping relationship is used to indicate the identifier of the type of the control terminal and the corresponding template file, so that when the loading instruction is obtained, the identifier of the type corresponding to the target control terminal is determined according to the first mapping relationship and the environment information corresponding to the target control terminal, and the corresponding template file is determined according to the identifier and the second mapping relationship and the corresponding control details page is loaded according to the template file.

3. The method for configuring a details page according to claim 2, wherein: The environmental information set further includes the following environmental information: style category and / or user experience category; The style category is used to indicate the display style of the control details page, and the user experience category is used to indicate the operation style of the second user performing operations on the control details page.

4. The method for configuring a details page according to any one of claims 1 to 3, wherein: The template file also includes the position of the page element in the control details page; Accordingly, based on the page elements included in the control details page corresponding to the type of each control terminal and the filling content corresponding to at least some of the page elements, a template file of the control details page corresponding to the type is generated, including: For each control terminal type, according to the page elements included in the corresponding control details page and the filling content corresponding to at least some of the page elements, the filling content is filled into the position of the corresponding page element to form a corresponding template file.

5. A method for loading a details page, characterized in that: include: Obtain a loading instruction for loading the control details page of the target device on the target control terminal; Determining, based on the loading instruction, an environment description file corresponding to the target device; wherein the environment description file is used to indicate template files corresponding to multiple types of control terminals, the template files being obtained based on configuration information provided by a first user, the configuration information including: multiple types of control terminals for controlling the target device, and page elements included in a control details page corresponding to each type of control terminal, and filler content corresponding to at least some of the page elements; Determining a template file corresponding to the target control terminal according to the environment description file and the type of the target control terminal; Load the corresponding control details page according to the template file.

6. The method for loading a details page according to claim 5, wherein: The type of the control terminal is characterized by an environment information set, wherein the environment information set includes at least one of the following environment information: the installation method of the application used by the control terminal to display the control details page, the user interaction type, the software framework used by the application, and the operating system; wherein the application installation method includes an APP or a mini-program, and the user interaction type includes a touch screen or a remote control; Accordingly, according to the environment description file and the type of the target control terminal, determining the template file corresponding to the target control terminal includes: Determine an identifier of the type corresponding to the target control terminal according to the environment information set corresponding to the target control terminal and the first mapping relationship in the environment description file; Determine a corresponding template file according to the identifier and the second mapping relationship in the environment description file; The first mapping relationship is used to indicate the identifier of the type of the control terminal and the corresponding environment information set, and the second mapping relationship is used to indicate the identifier of the type of the control terminal and the corresponding template file.

7. A device for configuring a details page, characterized in that: include: a first acquisition module configured to acquire configuration information input by a first user through an interactive interface; wherein the interactive interface is configured for the first user to configure a control details page for a target device, the configuration information including: types of multiple control terminals for controlling the target device, page elements included in the control details page corresponding to each type of control terminal, and filler content corresponding to at least some of the page elements; A first generating module is configured to generate a template file of a control details page corresponding to the type of each control terminal based on the page elements contained in the control details page and the filling content corresponding to at least some of the page elements; The second generation module is used to generate an environment description file, which is used to indicate the template files corresponding to the types of each control terminal, so that when a loading instruction initiated by the target control terminal for loading the control details page of the target device is obtained, the corresponding template file is determined according to the environment description file and the type of the target control terminal, and the corresponding control details page is loaded according to the template file.

8. An electronic device, characterized in that: include: at least one processor and memory; The memory stores computer-executable instructions; The at least one processor executes the computer-executable instructions stored in the memory, so that the at least one processor performs the method according to any one of claims 1 to 7.

9. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processor, the steps of the method according to any one of claims 1 to 7 are implemented.

10. A computer program product, characterized in that The computer program product comprises instructions, which, when executed on an electronic device, enable the electronic device to implement the method according to any one of claims 1 to 7.

Images