Design And Implementation Of Configuration Editor And Monitor Based On B/S Architecture

With the advent of the Industry 4.0 era,companies are accelerating the adjustment of industrial technology structures and infrastructure upgrades.The configuration software has developed in the field of industrial control for many years,providing flexible and easy-to-use tools for enterprise site equipment monitoring and data collection.With the development of computer technology,the configuration software of traditional C/S architecture can not meet the needs of modern mobile office in the enterprise.Configuration manufacturers are also actively researching and developing B/S architecture configuration software,but the price is relatively high,the technology is not mature late support more difficult,and it is difficult to meet the personalized customization needs of the company.Based on the analysis of the domestic and foreign configuration software,this paper designs and develops a set of configuration editor and monitor based on B/S architecture,which can run on line and switch seamlessly.Firstly,the purpose and significance of designing the software are explained.Then the requirement analysis is performed.And the function modules of the configuration editor and monitor are implemented.In technology selection,software development is based on HTML5/CSS3/JavaScript front-end technology,editors and monitors use canvas element drawing and fabric.js object event-driven technology.The back-end design database,the server uses node.js technology.Through the data JSON format,WebSocket communication,localStorage storage analysis of the software front-end data stream.Finally,a complete set of front-end to back-end test environment was built to verify the basic functions of the developed configuration software editor and monitor.The innovation of this article is:(1)A set of light configuration software based on B/S architecture is designed and implemented.The configuration editing and running functions are all based on the browser,and the platform correlation is avoided in the technology selection,which ensure the cross-platform capability of the software.(2)The front-end uses pure JavaScript technology to design the editor and monitor,using the full-duplex communication technology WebSocket to realize data interaction,without any additional plug-ins(such as Flash),without client-side service configuration(such as IIS).It's easy to deploy and the communication is reliable and real-time.(3)The client uses the MVC architecture,and the model layer uses local storage to increase the mapping of measurement point data for the client interface.This makes the amount of data controllable,and solves the problem of repeated requests for data from the same measurement point,and finally reduces the service response load of the server and reduces redundant data in the communication.