面对学生学习前端开发困难，教师难管理的问题，我们开发了一套Web前端开发实训平台。

方便教师与学生进行网站的发布与浏览，平台具备在线CODE编辑器,直接输入代码完成前端开发代码的编写，系统自动生成预览的效果界面。该实训平台能与我们的物联网仿真系统联动，实现虚实结合。

Web前端开发实训平台

平台具备管理员账号

管理员可管理平台，教师，学生，进行增删改查

班级管理

教师管理

学生管理

具备教师账号

老师端

教师端向学生端发布评测任务

发布评测任务

选择对应的实验模块和实验任务， 填写评测名称和评测日期，选择评测的班级后一键发布评测任务。

教师查看班级完成度

教师端根据班级查看整个班级的评测完成情况和个人的评测报告。

具备学生账号

学生端

评测任务

学生端界面

学生端 登录后，查看评测任务并完成实验，得到详细实验步骤及评分报告

学生完成实验，提交实验报告

根据Web前端开发实训平台，可与我们的物联网仿真系统联动。

进入物联网仿真系统拉入传感器，网关，负载。

物联网虚拟仿真系统Websocket模式运行与测试

打开Websocket服务与端口

Websocket测试

Web前端开发实训平台与通过物联网虚拟仿真系统的Websocket客户端实现仿真设备读取与控制

界面介绍

最终展示