制造执行系统(Manufacturing Execution System,MES)是智能制造的一个重要组成部分。目前,国内中小型企业制造执行系统在网络化Web应用方面还不够完善,在实时性及兼容性等方面存在一定问题。与此同时,随着互联网发展,富媒体元素多样化的交互需求使得Web应用逐渐趋向复杂化。越来越多的数据处理和业务逻辑开始偏向于前端,复杂的DOM操作和脚本逻辑导致了诸如代码量过大、扩展性不好、复用性过低等一系列问题。针对传统前端开发和维护问题,采用基于MVVM(Model-View-ViewModel)模式的Web前端框架VueJS,通过分离不同种类的逻辑与减少模块间的依赖关系,缓解前端开发中遇到的代码量大、耦合度高、重用性低等问题,从而提高开发效率和响应性能;基于SSH框架,采用OPC技术采集实时数据,结合WebSocket实时通讯技术,设计开发基于VueJS框架的MES生产实时监测系统。本文的主要工作和成果如下:1.综述课题的研究背景与意义,阐述了MES生产实时监测系统的国内外现状,以及系统开发的基础前端技术,进一步介绍了前端框架VueJS、后端框架SSH、PostgreSQL数据库、OPC数据采集、WebSocket实时通讯等关键技术。2.在系统整体需求的基础上,从性能需求、功能需求、前端框架需求等方面进行了总体分析,设计了MES生产实时监测系统的实时监测模块、数据采集传输模块、库存监测模块、用户管理模块,进而详细介绍了各模块的功能。3.根据需求分析,采用表现层、业务逻辑层、数据层的分层式结构设计作为系统总体架构,根据信息需求,设计系统的数据库结构。结合WebSocket技术,客户端通过VueJS的双向数据绑定技术实时显示车间运行数据。4.遵循VueJS框架和前端开发规范,基于现场车间设备数据信息采集、存储技术的基础,实现Web端的车间实时生产状态监测、库存动态监测,同时还实现了用户管理、生产看板、车间视频等辅助功能。目前,该系统已在苏州某企业投入使用,测试结果表明系统稳定运行,反应良好。