CN114995801A - Visual application development method and system based on Internet of things platform - Google Patents
Visual application development method and system based on Internet of things platform Download PDFInfo
- Publication number
- CN114995801A CN114995801A CN202210539246.0A CN202210539246A CN114995801A CN 114995801 A CN114995801 A CN 114995801A CN 202210539246 A CN202210539246 A CN 202210539246A CN 114995801 A CN114995801 A CN 114995801A
- Authority
- CN
- China
- Prior art keywords
- application
- development
- user
- visual
- visualization
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F21/00—Security arrangements for protecting computers, components thereof, programs or data against unauthorised activity
- G06F21/60—Protecting data
- G06F21/62—Protecting access to data via a platform, e.g. using keys or access control rules
- G06F21/6218—Protecting access to data via a platform, e.g. using keys or access control rules to a system of files or objects, e.g. local or distributed file system or database
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/60—Software deployment
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02P—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN THE PRODUCTION OR PROCESSING OF GOODS
- Y02P90/00—Enabling technologies with a potential contribution to greenhouse gas [GHG] emissions mitigation
- Y02P90/30—Computing systems specially adapted for manufacturing
Abstract
The invention discloses a visual application development method, a development system, computer equipment and a storage medium based on an Internet of things platform, wherein the development method of one embodiment comprises the following steps: responding to a first operation of a user, creating a business application on the Internet of things platform based on a preset visual development template, wherein the business application comprises at least one application page, and the application page corresponds to at least one device to be bound; responding to a second operation of a user, selecting at least one visual control from a preset control list, and laying out an application page, wherein the visual control comprises a common visual control and a customized visual control with a code development frame; and issuing the business application in response to the third operation of the user. The development method provided by the invention creates the business application through the visual development template, and realizes the fusion development of the business application by using the common visual control and the customized visual control, thereby accelerating the development speed, reducing the development workload and improving the development efficiency.
Description
Technical Field
The invention relates to the technical field of Internet of things, in particular to a visualization application development method, a visualization application development system, computer equipment and a storage medium based on an Internet of things platform.
Background
In the prior art, the basic way to customize service applications for users is to write codes, compile codes and deploy codes according to service requirements, which has the following problems:
1. the application development period is long, the short period is several months, and the long period is one or two years;
2. the change process and the deployment process of the application are complex, so that the maintenance cost is high, and the service change requirement cannot be quickly responded;
3. the requirement on the technical quality of developers is high, and the development workload is large.
For example, in a chinese patent document, a patent document with an application number of 201710701712, X, which is entitled "a data visualization management method for an industrial internet of things", introduces a data visualization management method for an industrial internet of things, first, a data integration module collects mutually independent data dispersed in different systems and stores the data in a centralized manner; secondly, the data modeling module models the data and establishes an incidence relation between the data, so that the mutually independent data are converted into mutually correlated data; and finally, based on the data after the incidence relation is established, the visual design module establishes a visual data analysis view through user-defined configuration and displays the visual data analysis view through the display platform module. The data visualization management method can improve the convenience and timeliness of factory production data acquisition, data integration and summarization and data statistical analysis aiming at data visualization management, and only aims at data visualization processing.
For example, in a chinese patent document, a patent document entitled "an intelligent human-computer interaction scalar network control module" with application number 202010697530.1, an intelligent human-computer interaction scalar network control module is introduced, which includes: the intelligent human-computer interaction non-quantum network control module comprises a mobile computing device hardware layer, a flash back end, an internal API (application program interface), a flow control module, a video and audio output module, a GPIO (general purpose input/output) control module, an HTML (hypertext markup language) template rendering module and peripheral equipment; when the device is used, the peripheral device is connected to the GPIO control module and the video and audio output module, the device is connected to a network, an administrator user is connected with the same local area network through an external computer to enter a configuration interface of the device, and the operation process of the Internet of things control is finished by dragging the corresponding module to be visualized. The patent realizes a simple and rapid configuration process through visual operation, realizes intelligent automation to a certain extent, and reduces the processing complexity of the access of the equipment of the Internet of things; however, this patent only operates for a single device, and flow control of object detection of an image is completed only by calling of a view function, and the modification flow and the deployment flow are complicated.
For example, in chinese patent documents, patent document No. 201110262868.5 entitled "three-dimensional visual information system for coal mine production based on internet of things" introduces a three-dimensional visual information system for coal mine production based on internet of things, which belongs to the field of coal mine safety production integrated information monitoring and research. The method has the characteristics of clear system structure, friendly interface, high operability and the like, however, the C + + scripting language is written on the Visual Studio platform to associate the three-dimensional graphic model library, the OpenGL program inlet, the control tool box, the OPC program interface and the three-dimensional space box, the established dynamic control system of the three-dimensional graphic still depends on code development, the fusion development of the control and the code development cannot be realized, a large amount of codes need to be changed when the business requirements change, the workload is high, and the development efficiency is low.
Therefore, aiming at variable and complex business requirements, the realization of the visual application development based on the platform of the internet of things becomes an urgent problem to be solved.
Disclosure of Invention
In order to solve at least one of the above problems, a first embodiment of the present invention provides a visualization application development method based on an internet of things platform, including:
s20: responding to a first operation of a user, creating a business application on an Internet of things platform based on a preset visual development template, wherein the business application comprises at least one application page, and the application page corresponds to at least one device to be bound;
s40: responding to a second operation of the user to select at least one visual control from a preset control list and layout the application page, wherein the visual controls comprise a common visual control and a customized visual control with a code development frame;
s60: and issuing the service application in response to the third operation of the user.
For example, in a visualization application development method provided in some embodiments of the present application, the S40 further includes: importing the code developed according to the code development framework into the customized visualization control in response to a fourth operation of the user;
the code development framework is act, and the development language of the code development framework is typescript.
For example, in a visualization application development method provided by some embodiments of the present application, the business application includes a management unit, and the management unit includes menu management;
the S20 further includes: according to the menu management, responding to the creation service application to generate an application menu on the Internet of things platform;
the S60 further includes: and responding to a third operation of the user to issue the service application to the application menu of the Internet of things platform.
For example, in the visualization application development method provided in some embodiments of the present application, the management unit includes user authority management, and the user authority management includes a development user, a maintenance user, and a usage user.
For example, in the visualization application development method provided in some embodiments of the present application, after S40 and before S60, the visualization application development method further includes:
s50: accessing the device to be bound, and binding the selected visual control with the access data of the device to be bound.
For example, in the visualization application development method provided in some embodiments of the present application, after S60, the visualization application development method further includes:
s70: and deploying the issued service application to external application equipment.
For example, in the visualization application development method provided in some embodiments of the present application, at S70, the method further includes: and deploying the issued business application to an external application device through at least one of a webpage, an online installation package and an offline installation package.
A second embodiment of the present invention provides a visualization application development system, including:
the application creating unit is configured to respond to a first operation of a user, create a business application on the Internet of things platform based on a preset visual development template, wherein the business application comprises at least one application page, and the application page corresponds to at least one device to be bound;
the visualization layout unit is configured to respond to a second operation of the user to select at least one visualization control from a preset control list and layout the application page, wherein the visualization control comprises a common visualization control and a customized visualization control with a code development framework;
a publishing unit configured to publish the service application in response to a third operation of the user.
A third embodiment of the invention provides a computer-readable storage medium, on which a computer program is stored which, when executed by a processor, implements the method according to the first embodiment.
A fourth embodiment of the invention provides a computer device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, the processor implementing the method according to the first embodiment when executing the program.
The invention has the following beneficial effects:
aiming at the existing problems, the invention sets a visual application development method, a development system, computer equipment and a storage medium based on an internet of things platform, creates business application through a visual development template, realizes visual configuration by using a common visual control in a low code mode, and performs customized development by using a customized visual control in a high code mode through a code development framework, thereby realizing the fusion development of the business application aiming at business requirements, accelerating the development speed, reducing the development workload, improving the development efficiency and effectively making up the problems in the prior art; meanwhile, service application is released and deployed based on the Internet of things platform, and matched user authority management is achieved, so that user experience is effectively improved, and the method has a wide application prospect.
Drawings
In order to more clearly illustrate the technical solutions in the embodiments of the present invention, the drawings needed to be used in the description of the embodiments will be briefly introduced below, and it is obvious that the drawings in the following description are only some embodiments of the present invention, and it is obvious for those skilled in the art to obtain other drawings based on these drawings without creative efforts.
FIG. 1 illustrates a flow diagram of a visualization application development method according to an embodiment of the invention;
FIG. 2 illustrates an interface diagram of an add-on application of one embodiment of the present invention;
FIG. 3 illustrates an interface diagram of an object scene, according to an embodiment of the invention;
FIG. 4 illustrates an interface diagram of a page design and layout of one embodiment of the present invention;
FIG. 5 illustrates an interface diagram of a visualization development template of one embodiment of the present invention;
FIG. 6 illustrates an interface diagram of a newly added visualization development template, in accordance with an embodiment of the present invention;
FIG. 7 illustrates an interface diagram for editing a data table, according to an embodiment of the invention;
FIG. 8 illustrates an interface diagram for a binding event in accordance with an embodiment of the present invention;
FIG. 9 illustrates an interface diagram of a first step of publishing an application of an embodiment of the invention;
FIG. 10 is an interface diagram illustrating a second step of publishing the application according to one embodiment of the invention;
FIG. 11 is an interface diagram illustrating a data source configuration of a publishing application, in accordance with an embodiment of the present invention;
FIG. 12 is an interface diagram illustrating a third step of publishing an application according to one embodiment of the invention;
FIG. 13 is an interface diagram illustrating publishing records according to one embodiment of the invention;
FIG. 14 is a block diagram illustrating the architecture of a visualization application development system in accordance with an embodiment of the present invention;
FIG. 15 is a schematic diagram of a computer device according to another embodiment of the present invention;
16a-16b illustrate diagrams of a customized visualization control according to one embodiment of the invention.
Detailed Description
In order to more clearly illustrate the invention, the invention is further described below with reference to preferred embodiments and the accompanying drawings. Similar components in the figures are denoted by the same reference numerals. It is to be understood by persons skilled in the art that the following detailed description is illustrative and not restrictive, and is not to be taken as limiting the scope of the invention.
Aiming at the problems of long development period, large development workload and complex flow change and deployment in the prior art, as shown in fig. 1, one embodiment of the invention provides a visual application development method based on an internet of things platform, which comprises the following steps:
s20: responding to a first operation of a user, creating a business application on an Internet of things platform based on a preset visual development template, wherein the business application comprises at least one application page, and the application page corresponds to at least one device to be bound;
s40: responding to a second operation of a user to select at least one visual control from a preset control list and layout the application page, wherein the visual control comprises a common visual control and a customized visual control with a code development frame;
s60: and issuing the service application in response to the third operation of the user.
In this embodiment, the visual application development method is based on an internet of things platform, and develops a business application based on a visual development template on the internet of things platform according to a business requirement of a user, for example, a business application is created on the internet of things platform, a visual control is selected and laid out, and the business application is released to generate a business application program, and the business application program can be applied on the internet of things platform, for example, embedded into a menu of the internet of things platform, or further deployed to an external device, and is independently applied in the external device.
In one embodiment, the description is provided by developing a specific service application, which specifically includes:
first, a business application is created.
Specifically, as shown in fig. 2, a service application is created according to a first operation of a user, that is, the user selects a visual development template on the platform of the internet of things, for example, in the present embodiment, a service application named "Asset Monitoring" is created by using a "basic template", where an application identifier of the service application is "Asset _ Monitoring" and a version number is "v 1.0". As shown in fig. 3, for the created "asset monitoring" service application, an object scene is selected in a working space of the visual development to create an application page, where the object scene is a preset scene template, and the embodiment includes scene templates such as "historical data", "real-time monitoring", and "home page". As shown in fig. 5, in this embodiment, the visual development template is a template preset according to a large number of business requirements, and is built in the platform of the internet of things for providing a basis and a reference for rapid development for users, for example, the visual development template includes a "smart factory large screen template" established for users in factory production, a "petroleum drilling machine monitoring large screen" established for users in petroleum drilling machines, and a "smart oil field monitoring large screen" established for users in oil field monitoring. As shown in fig. 6, a visual development template is added on the platform of the internet of things, specifically, an application file, such as a service application already created, is selected in a popup box by using an add-on button, a template name and a template icon are set, a template category is selected, a template version number is set, and a usage right is selected, wherein the usage right is used for charging and permission association, and the creation of the application template is determined by clicking.
It should be noted that, the application page is not specifically limited in the present application, and a preset scene template may be directly used, or the application page may be designed and laid out according to business requirements. Moreover, the service application includes at least one application page, and a user can select an appropriate number of application pages according to service requirements, where each application page corresponds to at least one device, for example, one control of one application page binds one or more devices, and those skilled in the art should design according to actual application requirements, and details are not described here.
Second, page design and layout.
Specifically, as shown in fig. 4, the control list of the visualization development template is displayed on the left side of the page in the embodiment, where the control list includes various visualization components, such as components showing real-time data, such as a "carousel list", a "real-time table", and a "timing curve", and components showing a data indicator, such as a "liquid level indication", a "semicircular dashboard", and a "ring percentage". The embodiment further includes a property bar arranged on the right side of the page, that is, properties, such as the size of the component, the basic style of the background and the border, and the layer, are further arranged according to the selected component. In the implementation, a "canvas" is set in the middle of the page, and the selected components are placed on the canvas according to a second operation of the user, for example, dragging and pulling, so as to design and layout the application page, for example, the arrangement mode of each component.
The visual development control comprises common visual controls such as the carousel list, the real-time table and the time sequence curve, the controls are preset controls, and a user directly sets the controls in a dragging and pulling mode and the like according to business requirements, namely visual configuration is achieved in a low-code mode. The common visual control of the embodiment comprises various industrial components such as a map, an instrument panel, a liquid level meter, a table, a button, a drop-down box, a time selector, an indicator light, a bubble diagram, a curve diagram, a column diagram, a table, a valve and a pipeline, a display function based on data visualization, a form filling function, an interactive data query function based on the time selector and the drop-down box, and functions such as display based on the map and a three-dimensional model.
The visualization development control also comprises a customized visualization control, and the code developed according to the code development framework is imported into the customized visualization control in response to a fourth operation of the user. Specifically, the customized visual control for coding customized development is realized by using an independently developed software development suite preset in an internet of things platform, the software development suite of the embodiment is based on a exact code development framework, the exact code development framework has the characteristics of high efficiency, flexibility and componentization, and the development language used is typescript. When a special business requirement that a common visual control does not cover exists, one mode is that the visual control can be customized and developed by using codes, namely, the visual control is customized and developed in a high-code mode, and the control generated by the high-code development is embedded into an application page of a business application developed by low codes or the application page formed by the control generated by the high-code development is embedded into the business application developed by low codes, so that the fusion process of the high-code development and the low-code development is realized in the business application. The other way is to develop a partial or complete page of an application by means of high-code development, and embed the page into the existing application page developed by low-code by means of iframe component of low-code. It is worth to be noted that the customized visual control of the embodiment may also be developed secondarily based on the existing common visual or customized visual control, that is, based on the fusion of the high code and the low code, the visual control is used in a nested manner, so that the development of the customized visual control is more flexibly and conveniently performed to meet the business requirements of the user. For example, the common visualization control "calendar ring map" as shown in fig. 16a, based on which the customized visualization control "calendar bubble map" as shown in fig. 16b was developed by fast customization through the code development framework in a way of high code development.
And thirdly, binding the equipment.
In this embodiment, after the visualization control is used to lay out each application page of the business application, each visualization control and the device to be bound are bound, for example, data of the device to be bound is accessed first, where the data of the device to be bound includes, for example, device data defined by an internet of things platform, SQL queried data, and data acquired through an http interface, and the accessed data and the visualization control are bound. It should be noted that the visualization control of this embodiment further supports event binding, as shown in fig. 7, a data source and an event are defined by editing a data table, for example, a button is clicked to perform data query or data storage; the specific function of the visual control realized by the bound data and events is shown in fig. 8.
And finally, releasing the service application.
In this embodiment, the service application is published in response to a third operation of the user, for example, as shown in fig. 9, a publishing name, a version number, and a description are input through a "publishing application" page, and a next step of entering a configuration application data page is clicked; as shown in fig. 10, a data type to be configured, a data source, an object template or an object example are selected, a configuration button is clicked, as shown in fig. 11, in a popup box, an object to be synchronized is selected on a source list, a middle ">" icon is clicked, and the selected object is synchronized to a right destination list, so that the application binds data of the right list. It is also possible to select unwanted data in the destination list on the right, click the middle "<", and disassociate the data from the application. After the data is configured, clicking the next step, as shown in fig. 12, entering an application distribution page: and selecting an external device, and clicking to confirm that the release of the application is finished. Specifically, as shown in fig. 13, by tracking the release status of the release record, the application can be viewed by the external device after the release is successful, and the release record can be viewed, deleted, and reissued.
For the issued business application, the deployment of the business application is also included, for example, if the issued business application is a webpage application, the application can be accessed through a set website; for example, if the installation package is published as the installation package, the installation package includes an online installation package and an offline installation package, for the online installation package, the installation package may be downloaded online and automatically imported into the external device or the platform of the internet of things for use, and for the offline installation package, the installation package may be copied to the external device using a storage medium such as a mobile hard disk, a usb disk, and an optical disk.
It is worth noting that the service application of the embodiment can be adaptively deployed according to the size and resolution of the external device when deployed, so as to further enhance the flexibility of the service application.
In an alternative embodiment, the business application created by the visual development template further comprises a management unit comprising menu management;
the S20 further includes: according to the menu management, responding to the creation service application to generate an application menu on the Internet of things platform;
the S60 further includes: and responding to a third operation of the user to issue the service application to the application menu of the Internet of things platform.
In this embodiment, the service application includes a management unit, where the management unit includes menu management, and after a service application is created on the platform of the internet of things by using a visual development template, an application menu of the service application is generated on the platform of the internet of things, and after setting of each application page of the service application is completed, the service application can be released to the application menu, and the service application can be directly used through the application menu on the platform of the internet of things.
Further, in an optional embodiment, the management unit includes user right management, and the user right management includes a development user, a maintenance user, and a usage user.
In this embodiment, the management unit is further configured to perform authority management on the user using the service application, and in consideration of performing authority management on different operations of the service application in this embodiment, the authority of the development user includes adding, modifying, and deleting a visual control in the service application, the authority of the maintenance user includes release management of the application, and the authority of the use user only includes using the service application, that is, the visual control cannot be operated. Compared with the administrator user permission and the common user permission which are usually set in the prior art, the method is different from the method for issuing and managing the operation and the application of the visual control.
The business application is created through the visual development template, the visual configuration is realized in a low-code mode by utilizing the common visual control, and the customized visual control is utilized to perform customized development in a high-code mode through the code development framework, so that the business application fusion development aiming at the business requirements is realized, the development speed can be accelerated, the development workload can be reduced, the development efficiency can be improved, and the problems in the prior art can be effectively solved; meanwhile, service application is released and deployed based on the Internet of things platform, and matched user authority management is achieved, so that user experience is effectively improved, and the method has a wide application prospect.
Corresponding to the development method of the visual application provided in the foregoing embodiments, an embodiment of the present application further provides a development system applying the development method of the visual application, and since the development system provided in the embodiment of the present application corresponds to the development method of the visual application provided in the foregoing embodiments, the foregoing embodiment is also applicable to the development system provided in the embodiment, and is not described in detail in the embodiment.
As shown in fig. 14, an embodiment of the present application further provides a visualization application development system, including:
the application creating unit is configured to respond to a first operation of a user, create a business application on the Internet of things platform based on a preset visual development template, wherein the business application comprises at least one application page, and the application page corresponds to at least one device to be bound;
the visualization layout unit is configured to respond to a second operation of the user to select at least one visualization control from a preset control list and layout the application page, and the visualization controls comprise a common visualization control and a customized visualization control with a code development framework;
a publishing unit configured to publish the service application in response to a third operation of the user.
In the embodiment, the business application is created through the visual development template, the visual configuration is realized in a low-code mode by using the common visual control, and the customized visual control is used for performing customized development in a high-code mode through the code development framework, so that the business application fusion development aiming at the business requirements is realized, the development speed can be accelerated, the development workload is reduced, the development efficiency is improved, and the problems in the prior art are effectively solved; meanwhile, service application is released and deployed based on the Internet of things platform, and matched user authority management is achieved, so that user experience is effectively improved, and the method has a wide application prospect.
Another embodiment of the present invention provides a computer-readable storage medium having stored thereon a computer program which, when executed by a processor, implements: s20: responding to a first operation of a user, creating a business application on an Internet of things platform based on a preset visual development template, wherein the business application comprises at least one application page, and the application page corresponds to at least one device to be bound; s40: responding to a second operation of the user to select at least one visual control from a preset control list and layout the application page, wherein the visual controls comprise a common visual control and a customized visual control with a code development frame; s60: and issuing the service application in response to the third operation of the user.
In practice, the computer-readable storage medium may take any combination of one or more computer-readable media. The computer readable medium may be a computer readable signal medium or a computer readable storage medium. A computer readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the foregoing. More specific examples (a non-exhaustive list) of the computer readable storage medium would include the following: an electrical connection having one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In the present embodiment, a computer readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device.
A computer readable signal medium may include a propagated data signal with computer readable program code embodied therein, for example, in baseband or as part of a carrier wave. Such a propagated data signal may take any of a variety of forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. A computer readable signal medium may also be any computer readable medium that is not a computer readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device.
Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to wireless, wireline, optical fiber cable, RF, etc., or any suitable combination of the foregoing.
Computer program code for carrying out operations for aspects of the present invention may be written in any combination of one or more programming languages, including an object oriented programming language such as Java, Smalltalk, C + + or the like and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any type of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or the connection may be made to an external computer (for example, through the Internet using an Internet service provider).
As shown in fig. 15, another embodiment of the present invention provides a schematic structural diagram of a computer device. The computer device 12 shown in fig. 15 is only an example and should not bring any limitation to the function and the scope of use of the embodiments of the present invention.
As shown in FIG. 15, computer device 12 is in the form of a general purpose computing device. The components of computer device 12 may include, but are not limited to: one or more processors or processing units 16, a system memory 28, and a bus 18 that couples various system components including the system memory 28 and the processing unit 16.
The system memory 28 may include computer system readable media in the form of volatile memory, such as Random Access Memory (RAM)30 and/or cache memory 32. The computer device 12 may further include other removable/non-removable, volatile/nonvolatile computer system storage media. By way of example only, storage system 34 may be used to read from and write to non-removable, nonvolatile magnetic media (not shown in FIG. 15, commonly referred to as a "hard drive"). Although not shown in FIG. 15, a magnetic disk drive for reading from and writing to a removable, nonvolatile magnetic disk (e.g., a "floppy disk") and an optical disk drive for reading from or writing to a removable, nonvolatile optical disk (e.g., a CD-ROM, DVD-ROM, or other optical media) may be provided. In these cases, each drive may be connected to bus 18 by one or more data media interfaces. Memory 28 may include at least one program product having a set (e.g., at least one) of program modules that are configured to carry out the functions of embodiments of the invention.
A program/utility 40 having a set (at least one) of program modules 42 may be stored, for example, in memory 28, such program modules 42 including, but not limited to, an operating system, one or more application programs, other program modules, and program data, each of which examples or some combination thereof may comprise an implementation of a network environment. Program modules 42 generally carry out the functions and/or methodologies of the described embodiments of the invention.
The processor unit 16 executes various functional applications and data processing by running programs stored in the system memory 28, for example, implementing a visualization application development method based on an internet of things platform provided by the embodiment of the present invention.
It should be understood that the above-mentioned embodiments of the present invention are only examples for clearly illustrating the present invention, and are not intended to limit the embodiments of the present invention, and it will be obvious to those skilled in the art that other variations or modifications may be made on the basis of the above description, and all embodiments may not be exhaustive, and all obvious variations or modifications may be included within the scope of the present invention.
Claims (10)
1. A visual application development method based on an Internet of things platform is characterized by comprising the following steps:
s20: responding to a first operation of a user, creating a business application on an Internet of things platform based on a preset visual development template, wherein the business application comprises at least one application page, and the application page corresponds to at least one device to be bound;
s40: responding to a second operation of a user to select at least one visual control from a preset control list and layout the application page, wherein the visual control comprises a common visual control and a customized visual control with a code development frame;
s60: and issuing the service application in response to a third operation of the user.
2. The visualization application development method according to claim 1, wherein the S40 further comprises: importing the code developed according to the code development framework into the customized visualization control in response to a fourth operation of the user;
the code development framework is act, and the development language of the code development framework is typescript.
3. A visualization application development method as recited in claim 1, wherein the business application comprises a management unit comprising menu management;
the S20 further includes: according to the menu management, responding to the creation service application to generate an application menu on the Internet of things platform;
the S60 further includes: and responding to a third operation of the user to issue the service application to the application menu of the Internet of things platform.
4. A visual application development method according to claim 3, characterized in that said management unit comprises a user rights management including a development user, a maintenance user and a usage user.
5. A visualization application development method as recited in claim 1, wherein after the S40, prior to the S60, the visualization application development method further comprises:
s50: accessing the device to be bound, and binding the selected visual control with the access data of the device to be bound.
6. A visualization application development method as recited in claim 1, wherein subsequent to the S60, the visualization application development method further comprises:
s70: and deploying the issued service application to external application equipment.
7. The visualization application development method according to claim 6, further comprising, at said S70: and deploying the issued business application to an external application device through at least one of a webpage, an online installation package and an offline installation package.
8. A visual application development system, comprising:
the application creating unit is configured to respond to a first operation of a user, create a business application on the Internet of things platform based on a preset visual development template, wherein the business application comprises at least one application page, and the application page corresponds to at least one device to be bound;
the visualization layout unit is configured to respond to a second operation of the user to select at least one visualization control from a preset control list and layout the application page, wherein the visualization control comprises a common visualization control and a customized visualization control with a code development framework;
a publishing unit configured to publish the service application in response to a third operation of the user.
9. A computer-readable storage medium, on which a computer program is stored which, when being executed by a processor, carries out the method according to any one of claims 1-7.
10. A computer device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, characterized in that the processor implements the method according to any of claims 1-7 when executing the program.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210539246.0A CN114995801B (en) | 2022-05-18 | 2022-05-18 | Visual application development method and system based on Internet of things platform |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210539246.0A CN114995801B (en) | 2022-05-18 | 2022-05-18 | Visual application development method and system based on Internet of things platform |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN114995801A true CN114995801A (en) | 2022-09-02 |
| CN114995801B CN114995801B (en) | 2023-03-31 |
Family
ID=83027606
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202210539246.0A Active CN114995801B (en) | 2022-05-18 | 2022-05-18 | Visual application development method and system based on Internet of things platform |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114995801B (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN116737278A (en) * | 2023-08-15 | 2023-09-12 | 烽台科技（北京）有限公司 | Method and device for generating system operation package, computer equipment and storage medium |
| CN117539468A (en) * | 2024-01-09 | 2024-02-09 | 成都了了科技有限公司 | Low-code development platform for rapidly realizing business |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104239996A (en) * | 2013-06-20 | 2014-12-24 | 国家电网公司 | Information integration implementation method orientated to multiple service systems inside and outside grid in power sector |
| CN109739478A (en) * | 2018-12-24 | 2019-05-10 | 网易（杭州）网络有限公司 | Front end project automated construction method, device, storage medium and electronic equipment |
| CN109889587A (en) * | 2019-02-12 | 2019-06-14 | 青岛海尔科技有限公司 | Internet of things system automated construction method, device, equipment and storage medium |
| CN109981692A (en) * | 2017-12-27 | 2019-07-05 | 中国科学院沈阳自动化研究所 | A kind of infant industry Internet of Things framework and its implementation |
| CN111309315A (en) * | 2018-12-12 | 2020-06-19 | 中国科学院沈阳自动化研究所 | Automatic configuration method based on industrial Internet of things data and business modeling |
| CN111666126A (en) * | 2020-06-09 | 2020-09-15 | 中亿丰建设集团股份有限公司 | Building Internet of things integration system and method based on 3d visualization code-free development technology |
| CN113900633A (en) * | 2020-07-06 | 2022-01-07 | 上海际链网络科技有限公司 | Low-code development method and device for scene of Internet of things, storage medium and development platform |
| CN114064040A (en) * | 2021-11-30 | 2022-02-18 | 上海汇付数据服务有限公司 | Terminal code automatic generation method and platform based on visual interface |
-
2022
- 2022-05-18 CN CN202210539246.0A patent/CN114995801B/en active Active
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104239996A (en) * | 2013-06-20 | 2014-12-24 | 国家电网公司 | Information integration implementation method orientated to multiple service systems inside and outside grid in power sector |
| CN109981692A (en) * | 2017-12-27 | 2019-07-05 | 中国科学院沈阳自动化研究所 | A kind of infant industry Internet of Things framework and its implementation |
| CN111309315A (en) * | 2018-12-12 | 2020-06-19 | 中国科学院沈阳自动化研究所 | Automatic configuration method based on industrial Internet of things data and business modeling |
| CN109739478A (en) * | 2018-12-24 | 2019-05-10 | 网易（杭州）网络有限公司 | Front end project automated construction method, device, storage medium and electronic equipment |
| CN109889587A (en) * | 2019-02-12 | 2019-06-14 | 青岛海尔科技有限公司 | Internet of things system automated construction method, device, equipment and storage medium |
| CN111666126A (en) * | 2020-06-09 | 2020-09-15 | 中亿丰建设集团股份有限公司 | Building Internet of things integration system and method based on 3d visualization code-free development technology |
| CN113900633A (en) * | 2020-07-06 | 2022-01-07 | 上海际链网络科技有限公司 | Low-code development method and device for scene of Internet of things, storage medium and development platform |
| CN114064040A (en) * | 2021-11-30 | 2022-02-18 | 上海汇付数据服务有限公司 | Terminal code automatic generation method and platform based on visual interface |
Non-Patent Citations (2)
| Title |
|---|
| TMS320VC5257H: "《物联网控制APP入门专题（三）---使用第三方平台将网页打包成APP》", 《HTTPS://IEEEE.BLOG.CSDN.NET/ARTICLE/DETAILS/112055037》 * |
| TMS320VC5257H: "《物联网控制APP入门专题（二）---阿里云iot studio移动可视化功能基本操作》", 《HTTPS://BLOG.CSDN.NET/YOUNGWAH292/ARTICLE/DETAILS/111991150》 * |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN116737278A (en) * | 2023-08-15 | 2023-09-12 | 烽台科技（北京）有限公司 | Method and device for generating system operation package, computer equipment and storage medium |
| CN116737278B (en) * | 2023-08-15 | 2023-12-01 | 烽台科技（北京）有限公司 | Method and device for generating system operation package, computer equipment and storage medium |
| CN117539468A (en) * | 2024-01-09 | 2024-02-09 | 成都了了科技有限公司 | Low-code development platform for rapidly realizing business |
| CN117539468B (en) * | 2024-01-09 | 2024-03-19 | 成都了了科技有限公司 | Low-code development platform for rapidly realizing business |
Also Published As
| Publication number | Publication date |
|---|---|
| CN114995801B (en) | 2023-03-31 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107844297B (en) | Data visualization implementation system and method | |
| CN103218225B (en) | A kind of unified survey sends out control software development system | |
| CN110597506B (en) | Front-end application visualization development tool and use method | |
| CN114995801B (en) | Visual application development method and system based on Internet of things platform | |
| KR101120706B1 (en) | Collaborative development of visualization dashboards | |
| CN112464119B (en) | Web-end-based SCADA (supervisory control and data acquisition) online configuration editing method | |
| CN101909082B (en) | Model-driven grid portal configuration system and method | |
| CN102520841A (en) | Collection user interface | |
| KR101275871B1 (en) | System and method for producing homepage in SaaS ENVIRONMENT, A computer-readable storage medium therefor | |
| CN108268525A (en) | A kind of report implementation method and device based on Excel template | |
| CN105528418A (en) | Design document generation method and apparatus | |
| WO2017065991A1 (en) | Generation of application behaviors | |
| CN113076096A (en) | Desktop application program development method, device, equipment and storage medium | |
| CN113031936A (en) | Method and system for automatically setting up page and immediately releasing page | |
| CN113849156B (en) | Codeless intelligent development system applied to OpenHarmony operating system and application method thereof | |
| WO2005098660A1 (en) | Document processing device and document processing method | |
| WO2005098658A1 (en) | Document processing device and document processing method | |
| CN110851123A (en) | WebGIS power grid visualization framework construction method, system and device based on SpringMVC | |
| KR101171566B1 (en) | Generation of composite spatial representations | |
| CN117215556A (en) | Modularized page rapid construction method, system, equipment and medium | |
| US20140289722A1 (en) | Parallel program installation and configuration | |
| US9262060B1 (en) | Method and apparatus for performing viewmarking | |
| CA2781481C (en) | Methods and systems for a state-based web framework architecture | |
| KR20150098215A (en) | Method for providing webpage in SaaS ENVIRONMENT, Computer program for the same, and Recording medium storing computer program for the same | |
| CN111914002B (en) | Machine room resource information processing method and device and electronic equipment |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |