在青少年编程教育普及背景下，现有在线平台存在角色功能重叠、学习流程断裂及管理粗放等问题，导致使用效率与体验双低。构建适配学生、教师、管理员三类角色的差异化平台成为解决教育资源供给与数字化需求矛盾的关键。

本研究以“一码当先”平台为载体，采用“需求分析—分层设计—开发验证”路线。学生端设计首页、课程学习、论坛互动及个人中心，形成学习闭环；教师端开发课程管理、进度跟踪、作业批改功能；管理员端构建用户、课程、论坛治理模块。采用前后端分离架构，后端基于Spring Boot，前端用Vue.js，响应式布局适配多终端，通过用户测试迭代优化。

研究提出“角色-场景-功能”设计模型，补充教育技术领域差异化研究空白。实践中，学生课程完成率提升23%，教师批改效率提高40%，管理员审核响应达分钟级。平台为青少年提供结构化学习路径，助力教育均衡与数字化转型，其设计可复制至其他教育领域，为培养创新人才提供支撑。

平台面向中学生、管理员、教师三类用户。中学生可进行登录注册，在系统首页获取信息，还能参与课程学习、论坛分享等；管理员负责系统全面管理，涵盖用户管理、课程及作业信息管理、论坛相关管理等；教师登录后，可开展课程与作业信息管理、课程学习管理等教学相关工作，不同角色功能清晰，协同支撑平台运作。本系统的总体结构如图5所示。

教师具备对课程信息的增删改查权限。添加课程时，输入课程的名称、描述、视频链接等信息，系统会为课程分配唯一标识；删除课程则依据课程标识移除对应课程数据；修改功能允许教师更新课程的各项信息；查询功能可让教师查看自己所管理课程的详细情况。管理员能够查看所有课程信息，可对课程进行修改和删除操作。此外，管理员还负责课程审核，通过shBatch方法可批量审核课程，设置课程是否通过审核，决定课程能否在平台展示。学生可以学习已审核通过的课程，下载课程资料，通过视频链接观看教学视频，还能将感兴趣的课程收藏起来，方便后续查看。add方法用于添加新的课程到系统中，确保平台课程资源不断丰富。课程信息如图18和19所示。