CN116627397A

CN116627397A - Program development method and related device

Info

Publication number: CN116627397A
Application number: CN202310910696.0A
Authority: CN
Inventors: 王炼
Original assignee: Tencent Technology Shenzhen Co Ltd
Current assignee: Tencent Technology Shenzhen Co Ltd
Priority date: 2023-07-24
Filing date: 2023-07-24
Publication date: 2023-08-22
Anticipated expiration: 2043-07-24
Also published as: CN116627397B

Abstract

The application provides a program development method and a related device. The application can be applied to the technical field of computers. The method comprises the following steps: responding to the creation operation of the target program, and displaying a control of the newly added component in an editing interface of the target program; responding to clicking operation of a control of the newly added component, and displaying a component list in a target program editing interface; responding to clicking operation of components in the component list, and if the components corresponding to the clicking operation indicate a target function, displaying an Internet of things device list according to the target function; responding to clicking operation on names of the Internet of things devices in the Internet of things device list, acquiring a display chart of the Internet of things device corresponding to the clicking operation, and displaying a data display chart in an editing interface of a target program; and responding to clicking operation of a control for previewing the target program in the editing interface of the target program, and displaying the target program preview interface. The method provided by the embodiment of the application improves the expandability and flexibility of program development.

Description

Program development method and related device

Technical Field

The present application relates to the field of computer technologies, and in particular, to a program development method and a related device.

Background

The small program has the characteristics of no need of downloading, accessibility by tentacles and running after being used up, and the acquisition cost of a user is greatly reduced. Meanwhile, the method also realizes the application of 'tentacle' and ensures that the user uses the service anytime and anywhere.

The applet development tool can provide rich code editing functions and debugging tools to help the applet developer develop an applet quickly and repair problems in development or use, and the applet development tool currently includes: the traditional hardware programming platform and cloud development platform are required to use a professional programming language and development environment, and are difficult to use for non-professional persons or small program developers with weak programming language capability and unfamiliar development environment; the cloud development platform provides data storage and management functions of the cloud, but specialized development tools and programming languages are required to be used, so that the cloud development platform is difficult to use for non-professionals or small program developers with weak programming language capability and unfamiliar development environments.

Disclosure of Invention

The embodiment of the application provides a program development method and a related device, which solve the problem that the existing applet development tool needs to use a professional programming language and development environment when developing the applet, and is difficult for non-professional persons to use.

An aspect of the present application provides a program development method, including:

responding to the creation operation of the target program, and displaying a control of the newly added component in an editing interface of the target program;

responding to clicking operation of a control of the newly added component, and displaying a component list in a target program editing interface, wherein the component list comprises at least one component;

responding to clicking operation of the components in the component list, and if the components corresponding to the clicking operation and the Internet of things equipment indicate target functions, displaying an Internet of things equipment list according to the target functions, wherein the Internet of things equipment list comprises names of at least one Internet of things equipment corresponding to the target functions;

responding to clicking operation on names of the Internet of things devices in the Internet of things device list, acquiring a display chart of the Internet of things device corresponding to the clicking operation, and displaying a data display chart in an editing interface of a target program;

responding to clicking operation of a control for previewing the target program in an editing interface of the target program, and displaying the target program preview interface, wherein the target program preview interface comprises a data display chart;

and storing the target program in response to the storage operation of the target program in the target program preview interface.

Another aspect of the present application provides a program development apparatus, comprising: program creation module, newly added component module, equipment association module, chart display module, program preview module and program storage module; specific:

the program creation module is used for responding to the creation operation of the target program and displaying the control of the newly added component in the editing interface of the target program;

the new component module is used for responding to clicking operation of a control of the new component and displaying a component list in the target program editing interface, wherein the component list comprises at least one component;

the device association module is used for responding to clicking operation of the components in the component list, and if the components corresponding to the clicking operation indicate target functions, the Internet of things device list is displayed according to the target functions, wherein the Internet of things device list comprises names of at least one Internet of things device corresponding to the target functions;

the chart display module is used for responding to clicking operation on names of the Internet of things devices in the Internet of things device list, acquiring a display chart of the Internet of things device corresponding to the clicking operation, and displaying the data display chart in an editing interface of the target program;

The program preview module is used for responding to clicking operation of a control for previewing the target program in the editing interface of the target program and displaying the target program preview interface, wherein the target program preview interface comprises a data display chart;

and the program storage module is used for responding to the storage operation of the target program in the target program preview interface and storing the target program.

In another implementation manner of the embodiment of the present application, the program development device further includes: an attribute configuration module; specifically, the attribute configuration module is used for:

responding to clicking operation of the components in the component list, and displaying an attribute configuration list of the components corresponding to the clicking operation in a target program editing interface, wherein the attribute configuration list comprises at least one control for carrying out attribute configuration on the attributes of the components;

and responding to clicking operation of the control for attribute configuration in the attribute configuration list, and configuring the attribute information of the component.

In another implementation manner of the embodiment of the present application, the program preview module is further configured to:

responding to clicking operation of a control for previewing the target program in an editing interface of the target program, and generating a target program preview interface according to the component and the data display chart after attribute information configuration;

And displaying a target program preview interface.

In another implementation of the embodiment of the present application, a chart display module is configured to:

responding to clicking operation on names of the Internet of things devices in the Internet of things device list, and acquiring acquisition data of the Internet of things devices corresponding to the clicking operation from an Internet of things communication platform, wherein the Internet of things communication platform is used for storing the acquisition data of the Internet of things devices;

and generating a data display chart according to the acquired data of the Internet of things equipment, and displaying the data display chart in an editing interface of the target program.

In another implementation manner of the embodiment of the present application, the chart display module is further configured to:

responding to clicking operation of names of the Internet of things devices in the Internet of things device list;

and if the Internet of things equipment corresponding to the clicking operation has a network connection relation with the Internet of things communication platform, acquiring acquisition data of the Internet of things equipment corresponding to the clicking operation from the Internet of things communication platform.

In another implementation manner of the embodiment of the present application, the program development device further includes: the device adding module is specifically configured to:

if the Internet of things equipment corresponding to the clicking operation and the Internet of things communication platform do not have a network connection relationship, a control of the newly added Internet of things equipment is displayed in the target program editing interface;

Responding to clicking operation of a control of the newly-added Internet of things equipment, and displaying a list of the newly-added Internet of things equipment in a target program editing interface, wherein the list of the newly-added Internet of things equipment comprises at least one name of the newly-added Internet of things equipment;

responding to clicking operation of names of newly-added Internet of things equipment in a list of the newly-added Internet of things equipment, acquiring parameter information of the newly-added Internet of things equipment, and displaying a control for confirming the parameter information of the newly-added Internet of things equipment in a target program editing interface;

and responding to clicking operation of a control for confirming the parameter information of the newly-added Internet of things equipment, and establishing a network connection relation between the newly-added Internet of things equipment and the Internet of things communication platform.

In another implementation manner of the embodiment of the present application, the newly added component module is further configured to:

responding to clicking operation of a newly added picture component in the component list, and acquiring a target picture;

and displaying the target picture in a target program editing interface.

responding to clicking operation of newly added text components in the component list, and displaying text editing input components in a target program editing interface;

Responding to clicking operation of the displayed text editing input assembly, and acquiring input text information;

and displaying the input text information in the target program editing interface.

In another implementation manner of the embodiment of the present application, the program development device further includes: a chart modification module; specifically, the chart modification module is further configured to:

responding to clicking operation on the data display chart, and modifying the data information in the data display chart in the target program editing interface;

responding to clicking of a control for modifying the data information, and acquiring the modified data information;

and generating a modified data display chart according to the modified data information.

responding to clicking operation of a control for previewing the target program in an editing interface of the target program, and acquiring item structure information stored in a corresponding database of the target program, wherein the item structure information comprises corresponding page information of the target program, and the page information comprises component information;

layout is carried out on the page according to the component information in the page information, and a target program preview interface is generated;

And displaying a target program preview interface.

acquiring a component type according to the component information in the page information;

analyzing the component attribute according to the component type to obtain component analysis data;

and laying out the page according to the component analysis data to generate a target program preview interface.

Another aspect of the present application provides a computer apparatus comprising:

memory, transceiver, processor, and bus system;

wherein the memory is used for storing programs;

the processor is used for executing programs in the memory, and the method comprises the steps of executing the aspects;

the bus system is used to connect the memory and the processor to communicate the memory and the processor.

Another aspect of the application provides a computer readable storage medium having instructions stored therein which, when run on a computer, cause the computer to perform the methods of the above aspects.

Another aspect of the application provides a computer program product or computer program comprising computer instructions stored in a computer readable storage medium. The processor of the computer device reads the computer instructions from the computer-readable storage medium, and the processor executes the computer instructions, so that the computer device performs the methods provided in the above aspects.

From the above technical solutions, the embodiment of the present application has the following advantages:

the application provides a program development method and a related device, wherein the method comprises the following steps: responding to the creation operation of the target program, and displaying a control of the newly added component in an editing interface of the target program; responding to clicking operation of a control of the newly added component, and displaying a component list in a target program editing interface, wherein the component list comprises at least one component; responding to clicking operation of the components in the component list, and if the components corresponding to the clicking operation indicate target functions, displaying an Internet of things equipment list according to the target functions, wherein the Internet of things equipment list comprises names of at least one Internet of things equipment corresponding to the target functions; responding to clicking operation on names of the Internet of things devices in the Internet of things device list, acquiring a display chart of the Internet of things device corresponding to the clicking operation, and displaying a data display chart in an editing interface of a target program; responding to clicking operation of a control for previewing the target program in an editing interface of the target program, and displaying the target program preview interface, wherein the target program preview interface comprises a data display chart; and storing the target program in response to the storage operation of the target program in the target program preview interface. According to the method provided by the embodiment of the application, the program development is completed by adding the components and editing the components, so that a program developer does not need to master a professional programming language and development environment with higher difficulty, the threshold of the program development is reduced, the components associated with the Internet of things equipment are supported to be added in the program, and the expandability and flexibility of the program development are improved.

Drawings

FIG. 1 is a schematic diagram of a program development system according to an embodiment of the present application;

FIG. 2 is a flowchart of a program development method according to an embodiment of the present application;

FIG. 3 is a schematic diagram of program creation according to an embodiment of the present application;

FIG. 4 is a schematic diagram of program creation according to an embodiment of the present application;

FIG. 5 is a schematic diagram of an editing interface according to an embodiment of the present application;

FIG. 6 is a schematic diagram of a list of components in an editing interface according to an embodiment of the present application;

FIG. 7 is a schematic diagram of an editing interface for a polyline chart component provided by an embodiment of the present application;

FIG. 8 is a schematic diagram of an embodiment of an editing interface incorporating a polyline chart component;

FIG. 9 is a schematic diagram of a storage editing interface according to an embodiment of the present application;

FIG. 10 is a flowchart of a program development method according to another embodiment of the present application;

FIG. 11 is a schematic diagram of a component editing interface according to an embodiment of the present application;

FIG. 12 is a flowchart of a program development method according to another embodiment of the present application;

FIG. 13 is a flowchart of a program development method according to another embodiment of the present application;

FIG. 14 is a schematic diagram of a polyline chart provided in accordance with one embodiment of the present application;

FIG. 15 is a flowchart of a program development method according to another embodiment of the present application;

FIG. 16 is a flowchart of a program development method according to another embodiment of the present application;

FIG. 17 is a flowchart of a program development method according to another embodiment of the present application;

FIG. 18 is a schematic diagram of a picture element according to an embodiment of the present application;

FIG. 19 is a flowchart of a program development method according to another embodiment of the present application;

FIG. 20 is a schematic diagram of a text component provided in accordance with an embodiment of the present application;

FIG. 21 is a schematic diagram of an editing interface according to an embodiment of the present application;

FIG. 22 is a flowchart of a program development method according to another embodiment of the present application;

FIG. 23 is a flowchart of a program development method according to another embodiment of the present application;

FIG. 24 is a flowchart of a program development method applied to panda body temperature monitoring according to an embodiment of the present application;

fig. 25 to 38 are schematic diagrams illustrating a program development process for panda body temperature monitoring according to an embodiment of the present application;

FIG. 39 is an interaction diagram among a mobile terminal, an Internet of things platform and air conditioning hardware according to an embodiment of the present application;

fig. 40 to 43 are schematic diagrams illustrating a program development process for panda body temperature monitoring according to an embodiment of the present application;

FIG. 44 is a schematic view of an item structure according to an embodiment of the present application;

FIG. 45 is a flowchart illustrating a preview interface display process according to an embodiment of the present application;

FIG. 46 is a block diagram of program development according to an embodiment of the present application;

FIG. 47 is a schematic diagram of a program development device according to an embodiment of the application;

FIG. 48 is a schematic diagram of a program development device according to another embodiment of the present application;

FIG. 49 is a schematic diagram of a program development device according to another embodiment of the present application;

fig. 50 is a schematic diagram of a server structure according to an embodiment of the application.

Description of the embodiments

The embodiment of the application provides a program development method, which completes program development by adding components and editing the components, does not need to master a professional programming language and development environment with higher difficulty for a program developer, reduces a threshold of program development, supports adding components associated with Internet of things equipment in the program, and improves expandability and flexibility of program development.

The terms "first," "second," "third," "fourth" and the like in the description and in the claims and in the above drawings, if any, are used for distinguishing between similar objects and not necessarily for describing a particular sequential or chronological order. It is to be understood that the data so used may be interchanged where appropriate such that the embodiments of the application described herein may be implemented, for example, in sequences other than those illustrated or otherwise described herein. Furthermore, the terms "comprises," "comprising," and "includes" and any variations thereof, are intended to cover a non-exclusive inclusion, such that a process, method, system, article, or apparatus that comprises a list of steps or elements is not necessarily limited to those steps or elements expressly listed or inherent to such process, method, article, or apparatus.

In order to facilitate understanding of the technical solution provided by the embodiments of the present application, some key terms used in the embodiments of the present application are explained here:

low code platform: a low code platform is a software development platform that allows users to create applications using little or no coding. Such platforms typically provide some visual tools and components that allow a user to create user interfaces, business logic, and data models, etc., for applications by way of drag and drop. The purpose of the low-code platform is to accelerate the development speed of the application program and reduce the development cost, so that more people can participate in the development of the application program. The low code platform is generally applicable to the fields of enterprise internal applications, mobile applications, web applications, and the like.

Intelligent hardware: refers to a hardware device integrating computer, network, sensor and other technologies, which can communicate and interact with other devices through the internet, and can autonomously perform data processing and decision making. The intelligent hardware has the characteristics of automation, intellectualization, programmability and the like, and can realize the application in the aspects of more intelligent and efficient production, living, management and the like.

A scientific work: refers to a work with a certain practical value and innovation based on scientific technology and innovative thinking through practice and creative labor. Creative works typically include works in technological innovation, engineering design, product development, artistic creation, and the like. The creation process of the scientific work needs to have certain scientific literacy, innovation consciousness and practical capability, and also needs to have certain team cooperation and project management capability. The creation process and the achievement of the scientific work not only can promote the development and the application of the science and technology, but also can cultivate the innovative spirit and the practical ability of students and improve the comprehensive quality and the competitiveness of the students. In the current education and social development, the scientific work has become an important education and innovation resource and is an important strength for promoting technological innovation and social progress.

And (3) a mobile terminal: refers to operating systems and applications on mobile devices, such as smartphones, tablets, etc. The mobile terminal has the characteristics of portability, flexibility and interconnectivity, and a user can use the mobile device to perform activities such as information acquisition, social entertainment, work and study and the like at any time and any place. Mobile terminals have become an integral part of people's daily lives and works, and are also one of the important channels for businesses and organizations to develop businesses and services.

MQTT: a lightweight messaging protocol that enables reliable messaging in a low bandwidth and unstable network environment based on a publish/subscribe mode protocol. The MQTT protocol is generally used for communication between devices of the internet of things, and may enable data exchange and control between the devices. The MQTT protocol has the characteristics of openness, simplicity, reliability, flexibility and the like, and is widely applied to the fields of Internet of things, intelligent home, industrial automation and the like.

Real-time message pushing: refers to a communication mode in which a message can be pushed to a recipient immediately after the message is generated. The real-time message pushing generally adopts a long connection mode, and the real-time message pushing is realized by keeping the connection state. The real-time message pushing can be applied to various scenes, such as the fields of social networks, instant messaging, online games, the Internet of things and the like. The real-time message pushing has the characteristics of high real-time performance, strong reliability, low delay and the like, and can improve the user experience and the system performance. Common real-time message pushing techniques include WebSocket, long Polling (Long Polling), server-event (SSE), and the like.

block layout: a webpage layout mode arranges elements in a webpage according to a block structure, wherein each block element occupies one or more rows, and the width defaults to 100% of a parent element. The elements of the block layout can be provided with attributes such as width, height, inner margin, outer margin and the like, and can be controlled through CSS style sheets. The block layout is applicable to elements that need to be vertically arranged, such as titles, paragraphs, lists, etc. The block layout is characterized in that elements are exclusive for one row, the width and the height can be set, the inner edge distance and the outer edge distance can be set, the background color, the frame and other attributes can be set, and the block layout has good readability and maintainability.

The applet development tool can provide rich code editing functions and debugging tools to help the applet developer develop an applet quickly and repair problems in development or use, and the applet development tool currently includes: traditional hardware programming platforms (such as Arduino, raspberry Pi and the like) need to use professional programming languages and development environments, and are difficult for non-professional persons or small program developers with weaker programming language capabilities and unfamiliar development environments to use; cloud development platforms (e.g., AWS IoT, microsoft Azure, etc.) provide cloud data storage and management functionality, but also require the use of specialized development tools and programming languages, which are difficult for non-professionals or applet developers with weaker programming language capabilities and a more unfamiliar development environment.

While the low code platforms (e.g., appInventor, tencement cloud micro-tiling, etc.) provided in the related art provide visual development tools and components that can quickly create applications, development and debugging on a PC computer are generally required, and development support for the mobile terminal is not perfect.

The application provides a program development method and a related device, wherein the method comprises the following steps: responding to the creation operation of the target program, and displaying a control of the newly added component in an editing interface of the target program; responding to clicking operation of a control of the newly added component, and displaying a component list in a target program editing interface, wherein the component list comprises at least one component; responding to clicking operation of the components in the component list, and if the components corresponding to the clicking operation indicate target functions, displaying an Internet of things equipment list according to the target functions, wherein the Internet of things equipment list comprises names of at least one Internet of things equipment corresponding to the target functions; responding to clicking operation on names of the Internet of things devices in the Internet of things device list, acquiring a display chart of the Internet of things device corresponding to the clicking operation, and displaying a data display chart in an editing interface of a target program; responding to clicking operation of a control for previewing the target program in an editing interface of the target program, and displaying the target program preview interface, wherein the target program preview interface comprises a data display chart; and storing the target program in response to the storage operation of the target program in the target program preview interface.

According to the method provided by the embodiment of the application, the program development is completed by adding the components and editing the components, so that a program developer does not need to master a professional programming language and development environment with higher difficulty, the threshold of the program development is reduced, the components associated with the Internet of things equipment are supported to be added in the program, and the expandability and flexibility of the program development are improved; according to the method provided by the embodiment of the application, the development, the debugging and the online of the program are realized on the mobile terminal through the small program, so that the program development efficiency and the convenience are improved. For easy understanding, referring to fig. 1, fig. 1 is an application environment diagram of a program development method according to an embodiment of the present application, and as shown in fig. 1, the program development method according to an embodiment of the present application is applied to a program development system. The program development system includes: a server and a terminal device; the server may be an independent physical server, a server cluster or a distributed system formed by a plurality of physical servers, or a cloud server providing cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, a content distribution network (Content Delivery Network, CDN), basic cloud computing services such as big data and an artificial intelligent platform. The terminal may be, but is not limited to, a smart phone, a tablet computer, a notebook computer, a desktop computer, a smart speaker, a smart watch, etc. The terminal and the server may be directly or indirectly connected through wired or wireless communication, and embodiments of the present application are not limited herein.

The terminal firstly responds to the creation operation of the target program, and controls of the newly added components are displayed in an editing interface of the target program; secondly, the terminal responds to clicking operation of a control of the newly added component, and a component list is displayed in a target program editing interface, wherein the component list comprises at least one component; thirdly, the terminal responds to clicking operation of the components in the component list, if the components corresponding to the clicking operation indicate target functions, the Internet of things equipment list is displayed according to the target functions, wherein the Internet of things equipment list comprises names of at least one Internet of things equipment corresponding to the target functions; then, responding to clicking operation on names of the Internet of things devices in the Internet of things device list, acquiring a display chart of the Internet of things device corresponding to the clicking operation, and displaying a data display chart in an editing interface of the target program; then, the terminal responds to clicking operation of a control for previewing the target program in an editing interface of the target program, and the target program previewing interface is displayed, wherein the target program previewing interface comprises a data display chart; and finally, the terminal responds to the storage operation of the target program in the target program preview interface to store the target program.

The program development method of the present application will be described from the perspective of the server. Referring to fig. 2, the program development method provided by the embodiment of the application includes: step S110 to step S160. Specific:

s110, responding to the creation operation of the target program, and displaying the control of the newly added component in the editing interface of the target program.

It will be appreciated that the object is an object that the user/developer wants to develop. As shown in fig. 3, after responding to the creation operation of the user/developer on the target program, a new program interface is displayed on the terminal device, where the new program interface includes: an input box for inputting the name of the applet, an input box for describing the corresponding item of the applet and a continuous control; when the user does not input any character in the input box of the applet name and does not input any character in the input box of the item description corresponding to the applet, the continued control is in a non-clickable state, namely a gray state; as shown in fig. 4, after a user/developer inputs the name of the item in an input box of the applet name and inputs description information of the item in an input box of describing the item corresponding to the applet, acquiring the item name and the item description input by the user, and performing validity detection on the item name and the item description, wherein the validity detection comprises performing duplicate checking detection, keyword detection and word number detection on the input item name and item description, and continuing to control in a clickable state after the validity detection is passed; as shown in fig. 5, in response to a click operation of the continued control by the user/developer, the control of the newly added component is displayed in the editing interface of the target program.

And S120, responding to clicking operation of a control of the newly added component, and displaying a component list in the target program editing interface.

Wherein the component list includes at least one component.

It can be understood that after clicking the control of the newly added component in the editing interface of the target program, the user/developer responds to the clicking operation on the control of the newly added component to display the component list in the editing interface of the target program. As shown in fig. 6, the components included in the component list include: text components, picture components, switch components, safflower components, polyline chart components, dashboard components, MQTT transmitting components, MQTT receiving components, etc.; clicking the text component, adding text information, and displaying the added text information in a target program preview interface; clicking the picture component to add picture information, and obtaining pictures of the local gallery after a user/developer agrees and authorizes to access the local gallery; clicking the switch component, switching equipment can be added, for example, the Internet of things equipment corresponding to the component is air conditioning equipment, and setting for opening or closing the air conditioner can be realized through the switch component; clicking the safflower component can display in a target program preview interface, and provides a channel for users to appreciate the applet; clicking the broken line chart component can add the acquired data of the related internet of things equipment in the target program preview interface, for example, the internet of things equipment corresponding to the component is an infrared thermometer, and the change condition of the body temperature of the observed object within a certain time can be reflected through the broken line chart.

And S130, responding to clicking operation of the components in the component list, and if the components corresponding to the clicking operation indicate the target function, displaying the Internet of things equipment list according to the target function.

The internet of things device list comprises at least one name of the internet of things device corresponding to the target function.

It can be understood that after clicking a component in the display component list in the target program editing interface, the user/developer judges the type of the component, and if the function indicated by the component requires the internet of things equipment to provide corresponding support, the name of the internet of things equipment with an association relationship with the component is displayed in the attribute configuration interface of the component.

After clicking a broken line chart component in the component list shown in fig. 6, a user/developer displays an attribute configuration interface of the broken line chart component, and displays the name of the internet of things device capable of generating the broken line chart in the attribute configuration interface of the broken line chart component, if the user clicks the infrared body temperature device, the user acquires data measured by the infrared body temperature device every minute from the cloud, and the acquired data is displayed in a broken line chart mode.

After clicking a broken line chart component in the component list shown in fig. 6, a user/developer displays an attribute configuration interface of the broken line chart component, displays a name of an internet of things device capable of generating a broken line chart in the attribute configuration interface of the broken line chart component, and if the user clicks an air conditioner, acquires operation data of the air conditioner from a cloud end and displays the acquired data in a broken line chart mode as shown in fig. 7.

And S140, responding to clicking operation of names of the Internet of things devices in the Internet of things device list, acquiring a display chart of the Internet of things device corresponding to the clicking operation, and displaying the data display chart in an editing interface of the target program.

It can be understood that after clicking the name of a certain internet of things device in the internet of things device list, the user/developer obtains the collection data of the internet of things device corresponding to the clicking operation from the internet of things communication platform, generates a data display chart according to the collection data of the internet of things device, and displays the data display chart in the editing interface of the target program. As shown in fig. 8, after a user/developer clicks an infrared thermometer in the internet of things device list, a display chart corresponding to the infrared thermometer is obtained, and the data display chart is displayed in an editing interface of the target program.

And S150, responding to clicking operation of a control for previewing the target program in the editing interface of the target program, and displaying the target program preview interface.

The target program preview interface comprises a data display chart.

It will be appreciated that the user/developer may click on a control in the editing interface of the target program to preview the production development interface of the current target program (applet).

S160, storing the target program in response to the storage operation of the target program in the target program preview interface.

It will be understood that, as shown in fig. 9, the user/developer may store the current production development interface of the target program (applet), and may set, preview, set, etc. the production development interface of the target program (applet).

According to the method provided by the embodiment of the application, the program development is completed by adding the components and editing the components, so that a program developer does not need to master a professional programming language and development environment with higher difficulty, the threshold of the program development is reduced, the components associated with the Internet of things equipment are supported to be added in the program, and the expandability and flexibility of the program development are improved; according to the method provided by the embodiment of the application, the development, the debugging and the online of the program are realized on the mobile terminal through the small program, so that the program development efficiency and the convenience are improved.

In an alternative embodiment of the program development method provided in the corresponding embodiment of fig. 2, please refer to fig. 10, step S120 further includes steps S131 to S132. Specific:

S131, responding to clicking operation of the components in the component list, and displaying an attribute configuration list of the components corresponding to the clicking operation in the target program editing interface.

The attribute configuration list comprises at least one control for carrying out attribute configuration on the attributes of the components.

It may be understood that, after a user/developer clicks a certain component in the component list, an attribute configuration list of the component corresponding to the clicking operation is displayed in the target program editing interface, as shown in fig. 11, where the attribute configuration list includes: adding components, and performing operations such as up-shifting, down-shifting deleting, editing, cloning and the like on the components corresponding to the clicking operation.

S132, responding to clicking operation of the control for attribute configuration in the attribute configuration list, and configuring the attribute information of the component.

It can be appreciated that after clicking on the control of the attribute configuration in the attribute configuration list of the component, the user/developer can respond to the clicking operation on the control of the attribute configuration in the attribute configuration list by the terminal to configure the attribute information of the component.

According to the method provided by the embodiment of the application, the expandability and flexibility of program development are improved by configuring the attribute information of the component.

In an alternative embodiment of the program development method provided in the corresponding embodiment of fig. 10, referring to fig. 12, step S150 further includes sub-steps S151 to S152. Specific:

and S151, responding to clicking operation of a control for previewing the target program in the editing interface of the target program, and generating a target program preview interface according to the component and the data display chart after the attribute information configuration.

S152, displaying a target program preview interface.

It can be understood that after the attribute information of the component is adjusted, the user/developer generates and displays a corresponding target program preview interface according to the adjusted component. For example, if the user moves up a certain component information, the position of the component in the corresponding target program preview interface generated by the adjusted component will move up relative to the original position.

According to the method provided by the embodiment of the application, the attribute information of the component is configured, and the adjusted component is generated to generate the corresponding target program preview interface for the user/developer to browse, so that the expandability and flexibility of program development are improved.

In an alternative embodiment of the program development method provided in the corresponding embodiment of fig. 2, referring to fig. 13, step S140 further includes sub-steps S141 to S142. Specific:

S141, responding to clicking operation of names of the Internet of things devices in the Internet of things device list, and acquiring acquisition data of the Internet of things devices corresponding to the clicking operation from the Internet of things communication platform.

The Internet of things communication platform is used for storing acquired data of Internet of things equipment.

It can be understood that after the user/developer clicks the name of a certain internet of things device in the internet of things device list, the collected data of the internet of things device corresponding to the clicking operation is obtained from the internet of things communication platform. Preferably, the internet of things communication platform provided by the embodiment of the application is an MQTT internet of things communication platform, and the internet of things device uploads the acquired data to the MQTT internet of things communication platform for storage through a network. As shown in fig. 8, after the user/developer clicks the infrared thermometer in the internet of things device list, as shown in table 1, the collected data of the infrared thermometer is obtained from the internet of things communication platform.

TABLE 1

S142, generating a data display chart according to the acquired data of the Internet of things equipment, and displaying the data display chart in an editing interface of the target program.

It can be understood that the data display chart is generated according to the acquired data of the internet of things equipment, and the data display chart is displayed in the editing interface of the target program. As shown in fig. 14, fig. 14 is a diagram showing data generated according to the collected data of the internet of things device, and the diagram shown in fig. 14 is displayed in the editing interface of the target program.

According to the method provided by the embodiment of the application, the data information acquired by the Internet of things equipment is acquired from the Internet of things communication platform, the display chart is generated according to the acquired data, and chart display of the data can be realized without codes, so that the threshold of program development is reduced, and the expandability and flexibility of the program development are improved.

In an alternative embodiment of the program development method provided in the corresponding embodiment of fig. 13 of the present application, referring to fig. 15, the substep S141 further includes substeps S1411 to S1412. Specific:

s1411, responding to clicking operation on names of the Internet of things devices in the Internet of things device list.

S1412, if the Internet of things equipment corresponding to the clicking operation has a network connection relationship with the Internet of things communication platform, acquiring the acquired data of the Internet of things equipment corresponding to the clicking operation from the Internet of things communication platform.

It can be understood that after the user/developer clicks the name of a certain internet of things device in the internet of things device list, whether the clicked internet of things device is a device which is connected with the internet of things communication platform or not is judged, the device is a device which has a network connection relation with the internet of things communication platform, and then the collected data of the internet of things device corresponding to the clicking operation is obtained from the internet of things communication platform. The network connection relationship refers to that the Internet of things device and the Internet of things communication platform are connected through the Internet network or the Extranet network or the Intranet network.

According to the method provided by the embodiment of the application, when the user clicks the Internet of things communication platform and has a network connection relationship, the acquired data of the equipment are stored in the Internet of things communication platform, the acquired data of the Internet of things equipment corresponding to clicking operation can be acquired from the Internet of things communication platform, and the reliability and the authenticity of data sources are improved.

In an alternative embodiment of the program development method provided in the corresponding embodiment of fig. 15, referring to fig. 16, the substep S1411 further includes substeps S1413 to S1416. Specific:

s1413, if the Internet of things equipment corresponding to the clicking operation and the Internet of things communication platform do not have a network connection relationship, displaying a control of the newly added Internet of things equipment in the target program editing interface.

It can be understood that when the internet of things device clicked by the user is not connected with the internet of things communication platform network, the internet of things device needs to be newly added.

S1414, responding to clicking operation of a control of the newly added Internet of things equipment, and displaying a list of the newly added Internet of things equipment in a target program editing interface.

The list of the newly-added internet of things devices comprises at least one name of the newly-added internet of things device.

It can be appreciated that when the user clicks on the newly added internet of things device, a list of the newly added internet of things device is displayed in the object program editing interface.

S1415, responding to clicking operation of names of the newly-added Internet of things devices in the list of the newly-added Internet of things devices, acquiring parameter information of the newly-added Internet of things devices, and displaying a control for confirming the parameter information of the newly-added Internet of things devices in the target program editing interface.

It can be understood that the parameter information of the newly added internet of things device is obtained by clicking the user, the parameter information of the newly added internet of things device is displayed in the target program editing page, and a control for confirming the parameter information by the user is displayed in the target program editing page.

S1416, responding to clicking operation of a control for confirming parameter information of the newly-added Internet of things equipment, and establishing a network connection relation between the newly-added Internet of things equipment and the Internet of things communication platform.

It can be understood that after the user clicks the control for confirming the parameter information, the internet of things device is connected with the internet of things communication platform through the network.

According to the method provided by the embodiment of the application, the newly-added Internet of things equipment is connected with the Internet of things communication platform in a network manner, so that a foundation is laid for subsequently acquiring the acquired data of the newly-added Internet of things equipment.

In an alternative embodiment of the program development method provided in the corresponding embodiment of fig. 2, please refer to fig. 17, step S120 further includes steps S133 to S134. Specific:

s133, responding to clicking operation of the newly added picture component in the component list, and acquiring the target picture.

S134, displaying the target picture in a target program editing interface.

It can be understood that after clicking the control of the newly added component in the editing interface of the target program, the user/developer responds to the clicking operation on the control of the newly added component to display the component list in the editing interface of the target program. As shown in fig. 6, the components included in the component list include: text components, picture components, switch components, safflower components, polyline chart components, dashboard components, MQTT transmitting components, MQTT receiving components, etc.; clicking the picture component can add picture information, and after a user/developer agrees and authorizes to access the local gallery, a picture of the local gallery can be obtained. After the user clicks on the picture component in the component list shown in fig. 6, and after the user/developer agrees and authorizes to access the local gallery, a picture of the local gallery may be obtained, and the target picture is displayed in the target program editing interface as shown in fig. 18.

According to the method provided by the embodiment of the application, the expandability and flexibility of program development are improved by adding the picture component in the target program editing interface.

In an alternative embodiment of the program development method provided in the corresponding embodiment of fig. 2, please refer to fig. 19, step S120 further includes steps S135 to S137. Specific:

s135, responding to clicking operation of the newly added text component in the component list, and displaying the text editing input component in the target program editing interface.

S136, responding to clicking operation of the display text editing input component, and acquiring the input text information.

And S137, displaying the input text information in the target program editing interface.

It can be understood that after clicking the control of the newly added component in the editing interface of the target program, the user/developer responds to the clicking operation on the control of the newly added component to display the component list in the editing interface of the target program. As shown in fig. 6, the components included in the component list include: text components, picture components, switch components, safflower components, polyline chart components, dashboard components, MQTT transmitting components, MQTT receiving components, etc.; clicking the text component can add text information, and the added text information is displayed in the target program preview interface. As shown in fig. 20, a text editing input component is displayed in the target program editing interface, and the font size and font color can be edited, and as shown in fig. 21, the input text information is displayed in the target program editing interface.

According to the method provided by the embodiment of the application, the expandability and flexibility of program development are improved by adding the text component in the target program editing interface.

In an alternative embodiment of the program development method provided in the corresponding embodiment of fig. 2, referring to fig. 22, step S150 further includes sub-steps S1501 to S1503. Specific:

s1501, responding to clicking operation of a control for previewing the target program in an editing interface of the target program, and acquiring item structure information stored in a corresponding database of the target program.

The item structure information comprises corresponding page information of the target program, and the page information comprises component information.

It can be understood that after the user clicks the control of the preview target program in the editing interface of the target program, the corresponding item structure information of the target program is obtained from the corresponding network database of the target program. The item structure information includes page information, and component information in each page. For example, the item structure information includes the number of pages of the target program, the type of component in each page, the UI of the component, and the like.

S1502, layout is carried out on the page according to the component information in the page information, and a target program preview interface is generated.

It can be understood that each piece of page information is traversed to obtain component information in each piece of page information, and each preview interface corresponding to the target program is generated according to the component information in each piece of page information.

S1503, displaying a target program preview interface.

It will be appreciated that the process of previewing the target program interface includes: opening a target program, acquiring a project structure of the target program from a network database, traversing components included in each page, specifically, firstly acquiring the type of each component in each page, wherein the component type comprises a text component, a picture component, a switch component and a broken line chart component, analyzing component information according to the attribute corresponding to each component type to acquire a UI diagram of each component, adding the UI diagram of each component in each page to a mobile terminal page, carrying out layout on each page, refreshing the page after completing the layout, and previewing an interface by the target program.

According to the method provided by the embodiment of the application, the page of the target program is displayed through the item structure information stored in the corresponding database of the target program, so that the page loading display time is reduced, and the page loading display speed is improved.

In an alternative embodiment of the program development method provided in the corresponding embodiment of fig. 22 of the present application, referring to fig. 23, the sub-step S1502 includes sub-steps S15021 to S15023. Specific:

s15021, acquiring the component type from the component information in the page information.

S15022, analyzing the component attribute according to the component type to obtain component analysis data.

S15023, the page is laid out according to the component analysis data, and a target program preview interface is generated.

It can be understood that the components included in each page are traversed, specifically, the type of each component in each page is obtained first, wherein the component types include a text component, a picture component, a switch component and a broken line chart component, component information is analyzed according to the attribute corresponding to each component type to obtain a UI diagram of each component, after the UI diagram of each component in each page is added to a mobile terminal page, layout is performed on each page, after the layout is completed, the page is refreshed, and a target program previews an interface.

For ease of understanding, a program development method applied to panda body temperature monitoring will be described below with reference to fig. 24, the program for panda body temperature monitoring is a applet, the program for implementing the program development method for panda body temperature monitoring is also a applet, which is called a low code platform, and the applet (low code platform) for implementing the program development method for panda body temperature monitoring runs on a mobile terminal, and the embodiment of the present application is described as an example on a mobile phone.

1. And (5) creating an item. After clicking a new project in the low-code platform, the low-code platform responds to the creation operation of the user/developer on the project, and a new program interface is displayed on the low-code platform, wherein the new program interface comprises the following steps: an input box for inputting the name of the applet, an input box for describing the item corresponding to the applet, and a continued control are required. When the user/developer does not input any character in the input box of the applet name and does not input any character in the input box described in the item corresponding to the applet, the continued control is in a non-clickable state, i.e., a gray state. As shown in fig. 25, the user/developer has entered the name of the item in the input box of the applet name: panda body temperature monitoring, wherein the description information of the item is input into an input box for describing the item corresponding to the applet: the panda care engineering comprises the steps that a low-code platform acquires a project name and a project description input by a user, legality detection is carried out on the project name and the project description, the legality detection comprises duplicate checking detection, keyword detection and word number detection on the input project name and project description, and after the legality detection is passed, a continuous control is in a clickable state.

2. The page is edited. After the user/developer clicks on the continued control as shown in fig. 25, the low code platform responds to the clicking operation of the user/developer on the continued control, and displays the control of the newly added component in the editing interface of the target program as shown in fig. 26.

3. And adding a picture component and a text component. After the user/developer clicks the "click on newly added component" control shown in fig. 26, the low code platform responds to the clicking operation of the user/developer on the "click on newly added component" control, and displays a component list in the project editing interface as shown in fig. 27. The components included in the component list include: text components, picture components, switch components, safflower components, polyline chart components, dashboard components, MQTT transmitting components, MQTT receiving components, etc.; clicking the text component, adding text information, and displaying the added text information in a target program preview interface; clicking the picture component to add picture information, and obtaining pictures of the local gallery after a user/developer agrees and authorizes to access the local gallery; clicking the switch component, switching equipment can be added, for example, the Internet of things equipment corresponding to the component is air conditioning equipment, and setting for opening or closing the air conditioner can be realized through the switch component; clicking the safflower component can display in a target program preview interface, and provides a channel for users to appreciate the applet; clicking the broken line chart component can add the acquired data of the related internet of things equipment in the target program preview interface, for example, the internet of things equipment corresponding to the component is an infrared thermometer, and the change condition of the body temperature of the observed object within a certain time can be reflected through the broken line chart.

After the user/developer clicks the "picture" component shown in fig. 27 and the user/developer agrees and authorizes to access the local gallery, the low-code platform responds to the clicking operation of the user/developer on the "picture" component to acquire a picture of the local gallery, and displays a target picture in the target program editing interface as shown in fig. 28.

The user/developer clicks on the "text" component as shown in fig. 27, and the low code platform displays a text editing input component in the object editing interface and can edit font size, font color as shown in fig. 29 in response to the clicking operation of the "text" component by the user/developer.

An object editing interface for completing the addition of the "picture" component and the "text" component is shown in fig. 30. At this time, the "picture" component is located above the "text" component, and the "clicking" component "control is located below the" text "component, so that the user can click the" clicking "component" control to continue to add components, the page further includes an "editing" control, and the user can click the "editing" control in the lower right corner of the page to modify the existing components in the current page.

4. The page layout is modified. Firstly, clicking a text component in a page by a user, and displaying the selected text component in a highlighting mode by a low-code platform in response to the selection operation of the text component by the user/developer; next, the user clicks the "edit" control in the lower right corner of the page, and the low code platform generates an attribute configuration list in response to the clicking operation of the "edit" control by the user/developer, and as shown in fig. 31, displays the attribute configuration list in the target program editing interface, where the attribute configuration list includes: adding components, and performing operations such as up-shifting, down-shifting deleting, editing, copying and the like on the components corresponding to the clicking operation.

After the user clicks the "move up" component, the low code platform responds to the clicking operation of the user/developer on the "move up" component to move up the "text" component, as shown in fig. 32, the edited "text" component is located above the "picture" component, the lower part of the "picture" component is a control for "clicking the newly added component", the user can click the control for "clicking the newly added component" to continue adding components, the page further comprises an "edit" control, and the user can click the "edit" control in the lower right corner of the page to modify the existing components in the current page.

5. A polyline chart component is added. Before the development of the applet, the user installs intelligent hardware at the panda base, and the intelligent hardware comprises an infrared thermometer and a wifi device, measures the body temperature once every minute, and then uploads the body temperature data to the MQTT Internet of things communication platform through the wifi module. The chart component binds the intelligent hardware at the mobile terminal, remote data can be obtained, the chart can receive real-time message pushing, and the current panda body temperature is displayed in real time. Specific: as shown in fig. 33, after the user/developer clicks on the polyline chart component in the component list, the low-code platform displays a polyline chart component configuration interface of the polyline chart, and displays an internet of things device capable of generating the polyline chart in the polyline chart component configuration interface: infrared thermometer and air conditioner. After clicking a certain internet of things device in the internet of things device list, the low-code platform acquires the acquired data of the internet of things device corresponding to the clicking operation from the internet of things communication platform, generates a data display chart according to the acquired data of the internet of things device, and displays the data display chart in an editing interface of the target program. As shown in fig. 34, after the user/developer clicks the infrared thermometer in the internet of things device list, the low-code platform obtains a display chart corresponding to the infrared thermometer, and as shown in fig. 35, the data display chart is displayed in the editing interface of the target program.

6. A switch assembly is added. The switch assembly is added for controlling the air conditioner in the panda room. The remote intelligent air conditioner can communicate with the mobile terminal after the MQTT internet of things communication platform registers and obtains the secret key, and receives remote control of the mobile terminal. Specific: firstly, clicking a component new clicking control in an editing interface of a target program as shown in fig. 35 by a user, and displaying a component list in the editing interface of the target program by a low-code platform in response to clicking operation of the component new clicking control by the user; next, the user clicks the "on-off" component, as shown in fig. 36, the low code platform responds to the clicking operation of the "on-off" component by the user; then, the user selects to add the air-conditioning equipment in the equipment list corresponding to the switch assembly, the low-code platform responds to the selection of the air-conditioning equipment by the user, a switch assembly configuration interface is displayed, and the switch assembly configuration interface comprises a switch title: air conditioner, start and prompt: the air conditioner is started, and the closing prompt is that: after the air conditioner is turned off and the user confirms the information, the save control can be clicked, and related information of the air conditioner is displayed in the low code platform as shown in fig. 37. As shown in fig. 38, an air conditioner switch is displayed in the editing interface of the target program. The data interaction among the terminal device, the internet of things communication platform and the air conditioning device is shown in fig. 39.

7. Other components, such as the "saffron" component, were added as needed, and the final editing effect was as shown in fig. 40.

8. Item previews. The user clicks on the "edit" component in the lower right hand corner, and may choose to preview the page of the current item, as shown in FIG. 41.

9. And (5) storing the items. After the page previews without errors, the editing page is returned to save the item, as shown in fig. 42. When the project is saved, the data structure is saved in the database. When the user opens the page, the data structure is loaded from the network database, analyzed and laid out, and displayed to the user. When editing a page, the user moves up and down a component, for example, by modifying the location of the component in the widget array in the data structure.

10. As shown in fig. 43, the user can set the item as a start item, and through the "add to desktop" function of the applet, the item can be added to the desktop of the mobile terminal, which is convenient for the user to quickly open the creation item. In addition, the applet may be shared with friends or paid through the applet.

As shown in fig. 44, the implementation of running a low code platform at a mobile terminal by the sequence development method provided by the embodiment of the present application is that a project is composed of a plurality of pages (pages), each Page is composed of a plurality of components (widgets), and the components are the minimum units in the method provided by the embodiment of the present application.

As shown in fig. 45, a preview interface is displayed. The process of previewing the target program interface comprises the following steps: opening a target program, acquiring a project structure of the target program from a network database, traversing components included in each page, specifically, firstly acquiring the type of each component in each page, wherein the component type comprises a text component, a picture component, a switch component and a broken line chart component, analyzing component information according to the attribute corresponding to each component type to acquire a UI diagram of each component, adding the UI diagram of each component in each page to a mobile terminal page, carrying out layout on each page, refreshing the page after completing the layout, and previewing an interface by the target program.

As shown in fig. 46, the core of the embodiment of the present application is a page module of a page, which is responsible for combining components and binding corresponding hardware devices to complete data communication. The hardware capability of the bottom layer is the characteristic of the embodiment of the application, which is different from the conventional low-code platform, and is applicable to the scenes of the scientific works. Taking MQTT as an example, a user creates an MQTT device on the platform, the authentication information distributed by the platform is configured on the intelligent hardware, and the intelligent hardware can send and receive the information of the platform.

The method provided by the embodiment of the application can also be used for developing the small program of the interactive game type. The principle of interactive game is mainly to sense the actions of players through a sensing system and then analyze and calculate so as to execute relevant game commands. In the development process of the interactive game type applet, the control of devices (such as handheld devices, wearable devices and the like) which need to perform actions of sensing players is realized through the functions of the components. Specifically, the program development method of the interactive game type comprises the following steps: responding to the creation operation of the interactive game type program, and displaying a control of the newly added component in an editing interface of the interactive game type program; responding to clicking operation of a control of the newly added component, and displaying a component list in an editing interface of the interactive game type program, wherein the component list comprises at least one component; responding to clicking operation of the components in the component list, and if the components corresponding to the clicking operation indicate to control the sensing equipment, displaying the sensing equipment list according to the functions of the components, wherein the sensing equipment list comprises the names of the handheld equipment and the names of the wearable equipment; responding to clicking operation on equipment names in the induction equipment list, acquiring a data display chart of the Internet of things equipment corresponding to the clicking operation, and displaying the data display chart in an editing interface of a program of an interactive game type; responding to clicking operation of a control for previewing the interactive game type program in an editing interface of the interactive game type program, and displaying an interactive game type program previewing interface, wherein the interactive game type program previewing interface comprises a data display chart; and responding to the storage operation of the interactive game type program in the interactive game type program preview interface, and storing the interactive game type program.

The method provided by the embodiment of the application improves the development efficiency and convenience of the applet, and a user can create a management end interface on the WeChat applet of the mobile phone end in a dragging mode, support connection to intelligent hardware, operation of a cloud database and the like, and develop, debug and online all at the mobile end, so that the user can complete development and debugging of the creative work at the mobile end. According to the method provided by the embodiment of the application, the threshold for developing the scientific work is reduced, and a non-professional person can easily create a management end interface to perform hardware programming and cloud data management. The method provided by the embodiment of the application improves the expandability and flexibility of the scientific work, and the user can customize and develop according to own requirements and support the access of various hardware devices and cloud services. The method provided by the embodiment of the application improves the user experience and the system performance, realizes the real-time pushing of the message by the real-time message pushing technology, and improves the user experience and the system performance.

The program development device of the present application will be described in detail with reference to fig. 47. Fig. 47 is a schematic diagram of an embodiment of the program development device 10 according to the embodiment of the present application, where the program development device 10 includes: program creation module 110, add-on module 120, device association module 130, chart presentation module 140, program preview module 150, and program storage module 160. Specific:

The program creation module 110 is configured to display a control of the newly added component in an editing interface of the target program in response to a creation operation for the target program.

The new component module 120 is configured to display a component list in the object program editing interface in response to a clicking operation on a control of the new component.

Wherein the component list includes at least one component.

The device association module 130 is configured to respond to a clicking operation for a component in the component list, and if the component corresponding to the clicking operation indicates a target function, display the internet of things device list according to the target function.

The internet of things device list comprises at least one internet of things device corresponding to the target function.

The chart display module 140 is configured to respond to a click operation on an internet of things device in the internet of things device list, obtain a display chart of the internet of things device corresponding to the click operation, and display the data display chart in an editing interface of the target program.

The program preview module 150 is configured to display a target program preview interface in response to a click operation on a control for previewing the target program in the editing interface of the target program.

The target program preview interface comprises a data display chart.

The program storage module 160 is configured to store the target program in response to a storage operation for the target program in the target program preview interface.

According to the device provided by the embodiment of the application, the program development is completed by adding the components and editing the components, so that a program developer does not need to master a professional programming language and development environment with higher difficulty, the threshold of the program development is reduced, the components associated with the Internet of things equipment are supported to be added in the program, and the expandability and flexibility of the program development are improved; according to the method provided by the embodiment of the application, the development, the debugging and the online of the program are realized on the mobile terminal through the small program, so that the program development efficiency and the convenience are improved.

In an alternative embodiment of the program development device provided in the embodiment corresponding to fig. 47 of the present application, referring to fig. 48, the program development device 10 further includes: the attribute configuration module 131. Specifically, the attribute configuration module is used for:

and responding to the clicking operation of the components in the component list, and displaying an attribute configuration list of the component corresponding to the clicking operation in the target program editing interface.

The device provided by the embodiment of the application improves the expandability and flexibility of program development by configuring the attribute information of the component.

In an alternative embodiment of the program development device provided in the embodiment corresponding to fig. 47 of the present application, the program preview module 150 is further configured to:

and responding to clicking operation of a control for previewing the target program in the editing interface of the target program, and generating a target program preview interface according to the component and the data display chart after the attribute information configuration.

And displaying a target program preview interface.

According to the device provided by the embodiment of the application, the attribute information of the component is configured, and the adjusted component is generated to generate the corresponding target program preview interface for the user/developer to browse, so that the expandability and flexibility of program development are improved.

In an alternative embodiment of the program development device provided in the embodiment corresponding to fig. 47 of the present application, the chart display module 140 is further configured to:

and responding to clicking operation of the Internet of things equipment in the Internet of things equipment list, and acquiring acquisition data of the Internet of things equipment corresponding to the clicking operation from the Internet of things communication platform.

Generating a data display chart according to the acquired data of the Internet of things equipment, and displaying the data display chart in an editing interface of the target program;

according to the device provided by the embodiment of the application, the data information acquired by the Internet of things equipment is acquired from the Internet of things communication platform, the display chart is generated according to the acquired data, and chart display of the data can be realized without codes, so that the threshold of program development is reduced, and the expandability and flexibility of the program development are improved.

and responding to clicking operation of the Internet of things equipment in the Internet of things equipment list.

According to the device provided by the embodiment of the application, when the user clicks the device and has a network connection relation with the Internet of things communication platform, the acquired data of the device are stored in the Internet of things communication platform, the acquired data of the Internet of things device corresponding to clicking operation can be acquired from the Internet of things communication platform, and the reliability and the authenticity of data sources are improved.

In an alternative embodiment of the program development device provided in the embodiment corresponding to fig. 47 of the present application, referring to fig. 49, the program development device 10 further includes: the device adding module 143, specifically, the device adding module 143 is configured to:

and if the Internet of things equipment corresponding to the clicking operation and the Internet of things communication platform do not have a network connection relationship, displaying a control of the newly added Internet of things equipment in the target program editing interface.

And responding to clicking operation of a control of the newly added Internet of things equipment, and displaying a list of the newly added Internet of things equipment in a target program editing interface.

The list of the newly-added Internet of things equipment comprises at least one newly-added Internet of things equipment.

And responding to clicking operation of the newly-added Internet of things equipment in the list of the newly-added Internet of things equipment, acquiring parameter information of the newly-added Internet of things equipment, and displaying a control for confirming the parameter information of the newly-added Internet of things equipment in a target program editing interface.

According to the device provided by the embodiment of the application, the newly-added Internet of things equipment is connected with the Internet of things communication platform in a network manner, so that a foundation is laid for subsequently acquiring the acquired data of the newly-added Internet of things equipment.

In an alternative embodiment of the program development device provided in the embodiment corresponding to fig. 47 of the present application, the new component module 120 is further configured to:

and displaying the target picture in a target program editing interface.

According to the device provided by the embodiment of the application, the expandability and flexibility of program development are improved by adding the picture component in the target program editing interface.

According to the device provided by the embodiment of the application, the text component is newly added in the target program editing interface, so that the expandability and flexibility of program development are improved.

And responding to clicking operation of a control for previewing the target program in an editing interface of the target program, and acquiring item structure information stored in a corresponding database of the target program.

and displaying a target program preview interface.

According to the device provided by the embodiment of the application, the page of the target program is displayed through the item structure information stored in the corresponding database of the target program, so that the page loading display time is shortened, and the page loading display speed is improved.

Fig. 50 is a schematic diagram of a server structure provided by an embodiment of the present application, where the server 300 may vary considerably in configuration or performance, and may include one or more central processing units (central processing units, CPU) 322 (e.g., one or more processors) and memory 332, one or more storage media 330 (e.g., one or more mass storage devices) storing applications 342 or data 344. Wherein the memory 332 and the storage medium 330 may be transitory or persistent. The program stored on the storage medium 330 may include one or more modules (not shown), each of which may include a series of instruction operations on a server. Still further, the central processor 322 may be configured to communicate with the storage medium 330 and execute a series of instruction operations in the storage medium 330 on the server 300.

The Server 300 may also include one or more power supplies 326, one or more wired or wireless network interfaces 350, one or more input/output interfaces 358, and/or one or more operating systems 341, such as Windows Server ^TM ，Mac OS X ^TM ，Unix ^TM , Linux ^TM ，FreeBSD ^TM Etc.

The steps performed by the server in the above embodiments may be based on the server structure shown in fig. 50.

It will be clear to those skilled in the art that, for convenience and brevity of description, specific working procedures of the above-described systems, apparatuses and units may refer to corresponding procedures in the foregoing method embodiments, which are not repeated herein.

In the several embodiments provided in the present application, it should be understood that the disclosed systems, devices, and methods may be implemented in other manners. For example, the apparatus embodiments described above are merely illustrative, e.g., the division of elements is merely a logical functional division, and there may be additional divisions of actual implementation, e.g., multiple elements or components may be combined or integrated into another system, or some features may be omitted, or not performed. Alternatively, the coupling or direct coupling or communication connection shown or discussed with each other may be an indirect coupling or communication connection via some interfaces, devices or units, which may be in electrical, mechanical or other form.

The units described as separate units may or may not be physically separate, and units shown as units may or may not be physical units, may be located in one place, or may be distributed over a plurality of network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.

In addition, each functional unit in the embodiments of the present application may be integrated in one processing unit, or each unit may exist alone physically, or two or more units may be integrated in one unit. The integrated units may be implemented in hardware or in software functional units.

The integrated units, if implemented in the form of software functional units and sold or used as stand-alone products, may be stored in a computer readable storage medium. Based on such understanding, the technical solution of the present application may be embodied in essence or a part contributing to the prior art or all or part of the technical solution in the form of a software product stored in a storage medium, including several instructions for causing a computer device (which may be a personal computer, a server, or a network device, etc.) to perform all or part of the steps of the methods of the embodiments of the present application. And the aforementioned storage medium includes: a U-disk, a removable hard disk, a read-only memory (ROM), a random access memory (random access memory, RAM), a magnetic disk, or an optical disk, or other various media capable of storing program codes.

The above embodiments are only for illustrating the technical solution of the present application, and not for limiting the same; although the application has been described in detail with reference to the foregoing embodiments, it will be understood by those of ordinary skill in the art that: the technical scheme described in the foregoing embodiments can be modified or some technical features thereof can be replaced by equivalents; such modifications and substitutions do not depart from the spirit and scope of the technical solutions of the embodiments of the present application.

Claims

1. A program development method, comprising:

responding to the creation operation of a target program, and displaying a control of a newly added component in an editing interface of the target program;

responding to clicking operation of a control of the newly added component, and displaying a component list in the target program editing interface, wherein the component list comprises at least one component;

responding to clicking operation of components in the component list, and if the components corresponding to the clicking operation indicate a target function, displaying an Internet of things device list according to the target function, wherein the Internet of things device list comprises at least one name of Internet of things device corresponding to the target function;

Responding to clicking operation on names of the Internet of things devices in the Internet of things device list, acquiring a data display chart of the Internet of things device corresponding to the clicking operation, and displaying the data display chart in an editing interface of the target program;

responding to clicking operation of a control for previewing the target program in the editing interface of the target program, and displaying a target program preview interface, wherein the target program preview interface comprises the data display chart;

2. The program development method according to claim 1, wherein after the displaying of the component list in the object program editing interface, further comprising:

responding to clicking operation of the components in the component list, and displaying an attribute configuration list of the components corresponding to the clicking operation in the target program editing interface, wherein the attribute configuration list comprises at least one control for carrying out attribute configuration on the attributes of the components;

and responding to clicking operation of a control for attribute configuration in the attribute configuration list, and configuring the attribute information of the component.

3. The program development method according to claim 2, wherein the displaying the target program preview interface in response to a click operation of a control for previewing the target program in the editing interface of the target program includes:

responding to clicking operation of a control for previewing the target program in the editing interface of the target program, and generating a target program preview interface according to the component configured by the attribute information and the data display chart;

and displaying the target program preview interface.

4. The program development method of claim 1, wherein the responding to the clicking operation on the name of the internet of things device in the internet of things device list, obtaining a data display chart of the internet of things device corresponding to the clicking operation, and displaying the data display chart in the editing interface of the target program, includes:

5. The program development method of claim 4, wherein the responding to the clicking operation on the name of the internet of things device in the internet of things device list, acquiring the acquired data of the internet of things device corresponding to the clicking operation from the internet of things communication platform, comprises:

responding to clicking operation on names of the Internet of things devices in the Internet of things device list;

and if the Internet of things equipment corresponding to the clicking operation and the Internet of things communication platform have a network connection relationship, acquiring acquisition data of the Internet of things equipment corresponding to the clicking operation from the Internet of things communication platform.

6. The program development method of claim 5, wherein after the responding to the clicking operation on the name of the internet of things device in the internet of things device list, further comprising:

responding to clicking operation of a control of the newly-added Internet of things equipment, and displaying a list of the newly-added Internet of things equipment in the target program editing interface, wherein the list of the newly-added Internet of things equipment comprises at least one name of the newly-added Internet of things equipment;

Responding to clicking operation of names of the newly-added Internet of things equipment in the list of the newly-added Internet of things equipment, acquiring parameter information of the newly-added Internet of things equipment, and displaying a control for confirming the parameter information of the newly-added Internet of things equipment in the target program editing interface;

7. The program development method according to claim 1, wherein the responding to the click operation of the control of the newly added component further comprises, after displaying the component list in the target program editing interface:

and displaying the target picture in the target program editing interface.

8. The program development method according to claim 1, wherein the responding to the click operation of the control of the newly added component further comprises, after displaying the component list in the target program editing interface:

responding to clicking operation of newly added text components in the component list, and displaying text editing input components in the target program editing interface;

9. The program development method according to claim 1, wherein after the data presentation chart is displayed in the editing interface of the target program, further comprising:

responding to clicking operation on the data display chart, and modifying data information in the data display chart in the target program editing interface;

10. The program development method according to claim 1, wherein the displaying the target program preview interface in response to a click operation of a control for previewing the target program in the editing interface of the target program includes:

responding to clicking operation of a control for previewing a target program in an editing interface of the target program, and acquiring item structure information stored in a corresponding database of the target program, wherein the item structure information comprises corresponding page information of the target program, and the page information comprises component information;

and displaying the target program preview interface.

11. The program development method of claim 10, wherein the generating the target program preview interface by laying out pages according to the component information in the page information comprises:

12. A program development device, comprising:

the device association module is used for responding to clicking operation of the components in the component list, and if the components corresponding to the clicking operation indicate a target function, displaying an Internet of things device list according to the target function, wherein the Internet of things device list comprises at least one name of Internet of things device corresponding to the target function;

The chart display module is used for responding to clicking operation on names of the internet of things devices in the internet of things device list, acquiring a display chart of the internet of things devices corresponding to the clicking operation, and displaying the data display chart in an editing interface of the target program;

the program preview module is used for responding to clicking operation of a control for previewing the target program in the editing interface of the target program and displaying a target program preview interface, wherein the target program preview interface comprises the data display chart;

13. A computer device, comprising: memory, transceiver, processor, and bus system;

wherein the memory is used for storing programs;

the processor being configured to execute a program in the memory, including executing the program development method according to any one of claims 1 to 11;

the bus system is used for connecting the memory and the processor so as to enable the memory and the processor to communicate.

14. A computer readable storage medium comprising instructions which, when run on a computer, cause the computer to perform the program development method of any one of claims 1 to 11.

15. A computer program product comprising a computer program, characterized in that the computer program is executed by a processor by a program development method according to any one of claims 1 to 11.