《Vue企业开发实战》电子教案27-大觅项目起步回顾

《网站开发技术（VUE）》·教案27第页一、基本信息课程名称网站开发技术（VUE）授课教材《Vue企业开发实战》授课项目项目10大觅项目总结授课教师XXX授课对象高等职业教育专科软件技术专业授课方式讲授+演示+上机课时2课时（1次课，理实一体）授课地点Web开发实训室二、教学内容本课对应课程标准项目10的任务1。回顾开发规范、架构要点和ES6/Vue3在项目中的落点，形成对从初始化到页面实现的整体认识。一次课完成讲授、梳理与上机，不拆分课时。任务教学内容课件任务1大觅项目起步项目开发规范；架构设计回顾；ES6在项目中的使用；Vue3框架要点梳理教材10.1三、学情分析学生已学完分项技能，但说不清“当初为什么这样搭”。本课要求能按规范检查自己的dm工程，能口述架构与技术栈对应关系。四、教学目标（一）知识目标1.熟悉开发规范与目录、命名约定。2.能对应分层、分离、模块化在工程中的位置。3.能回顾ES6与Vue3在大觅中的主要用法。（二）能力目标1.能按清单检查工程结构与规范。2.能口述购票主路径用到的技术点。3.能找出自己工程与规范不一致的地方并改正一处。（三）素质目标1.培养质量意识、规范意识。2.不把综合课当成放松课。3.团队协作、文档留痕。五、教学重点与难点类型内容突破办法重点规范与架构对照工程打开真实目录逐项勾难点把分散知识点连成一条线用主路径表格填写技能六、教学方法与准备方法：对照清单、工程体检、理实一体。导入用“如果现在交给下一组，别人看得懂吗”。教师准备：课件；已验证可运行的Node环境与dm工程；教材；上机任务清单。学生准备：实训机可访问外网或内网镜像；VSCode；已保存的dm工程；笔记本记录命令。七、教学过程环节教师活动学生活动设计意图组织教学与导入提问：新同学克隆你的dm，十分钟内能否跑起来、找到列表页？引出规范与架构回顾。自查README、脚本、目录。用可交接性定义综合课。明确学习目标出示目标：清单能勾、主路径能说。对照目标勾画。本课重梳理，下节按页拆技能。任务1回顾对照教材讲规范、架构、ES6、Vue3在项目中的落点。带学生打开vite.config、router、组件目录。填写“规范-我的工程”对照表。用自己的仓库学总结，而不是空口背。上机练习完成工程体检：能启动、目录合理、至少修正一处命名或结构问题。提交对照表与修正说明。把总结做成可检查的动作。小结与作业回扣主路径。预告按页面梳理技能点。保存对照表。为综合开发做地图。课堂检测：①本项目开发规范包含哪些方面？②分层和分离在工程里分别体现在哪？③购票主路径经过哪些页面？八、上机任务与评价练习任务要求合格标准常见问题上机1按规范清单检查dm工程并修正至少一处工程可启动，对照表完整只口头说不改文件过程评价建议：出勤与操作规范20%；上机完成情况50%；课堂口述10%；作业与技能点口述20%。本项目以形成性评价为主，不单独安排纸笔测验。九、作业1.完善“页面-技术点”预填表（先填主路径页面）。2.写出本工程启动步骤。书面作业：用一段话说明大觅的架构选择；下次课抽查。十、教学反思1.上机完成率：________%；主要卡点：______________________________2.目标达成情况：______________________________3.2课时一次课的容量是否合适，下轮拟调整：________________________________4.其他：____________________________________________