摘要
为解决传统物联网实训系统开发复杂度高、拓展性弱、实训场景单一的问题,提出一种基于Web的物联网实训系统前端开发方案,通过前后端分离的开发模式,前端应用独立部署,实现系统开发解耦。前端基于Vue构建物联网实训组件库,通过组件复用的方式提升实训项目开发效率,实现基础实训、智能家居、工业生产等多场景实训应用的快速开发。针对大规模的前端应用渲染场景,提出一种高负荷物联网组件的优化方法,经测试,优化后的前端组件可降低30%以上的渲染时长,可有效提高实训应用使用体验。
In order to solve the problems of high complexity,weak extensibility and single training scene in the development of traditional Internet of Things training system,a Web-based Internet of Things training system front-end development scheme was proposed. Through the development mode of front and rear end separation,the front-end application was independently deployed to realize the decoupling of system development. The front end builds the Internet of Things training component library based on Vue,improves the development efficiency of the training project through the way of component reuse,and realizes the rapid development of basic training,smart home,industrial production and other multi-scene training applications. In view of large-scale front-end application rendering scenes,an optimization method for highload Io T components is proposed. The test results show that the optimized front-end components can reduce the rendering time by more than30%,which can effectively improve the practical application experience.
作者
陈佳瀚
曾祥威
洪远霖
李贤
CHEN Jiahan;ZENG Xiangwei;HONG Yuanlin;LI Xian(School of Information Engineering,Guangdong University of Technology,Guangzhou 510006)
出处
《现代计算机》
2021年第22期140-145,共6页
Modern Computer
基金
国家自然科学基金NSAF项目国家自然科学基金(No.61471130)
广东省重点领域研发计划(No.2019B010138004)
广州市科技计划(No.201802020028)。
关键词
物联网实训系统
前端应用
Vue
前后端分离
组件化
Internet of Things Training System
Front-End Application
Vue
Front-End and End-End Separation
Componentization
