摘要

为解决传统物联网实训系统开发复杂度高、拓展性弱、实训场景单一的问题,提出一种基于Web的物联网实训系统前端开发方案,通过前后端分离的开发模式,前端应用独立部署,实现系统开发解耦。前端基于Vue构建物联网实训组件库,通过组件复用的方式提升实训项目开发效率,实现基础实训、智能家居、工业生产等多场景实训应用的快速开发。针对大规模的前端应用渲染场景,提出一种高负荷物联网组件的优化方法,经测试,优化后的前端组件可降低30%以上的渲染时长,可有效提高实训应用使用体验。