《Vue企业开发实战》电子教案31_AI生成组件与优化代码.docxVIP

《网站开发技术（VUE）》·教案31

第PAGE页

一、基本信息

课程名称

网站开发技术（VUE）

授课教材

《Vue企业开发实战》

授课项目

项目11AI编程辅助与应用实践

授课教师

XXX

授课对象

高等职业教育专科软件技术专业

授课方式

讲授+演示+上机

课时

2课时（1次课，理实一体）

授课地点

Web开发实训室

二、教学内容

本课对应课程标准项目11的任务2、任务3。掌握用AI生成Vue3组件模板与逻辑的思路，能让AI分析并优化现有代码，且必须核验、重构后再纳入工程。一次课完成讲授、演示与上机，不拆分课时。

任务

教学内容

课件

任务2辅助生成Vue3组件

生成思路；组件模板；复杂组件分步生成；上机—生成大觅组件

教材11.2

任务3分析并优化业务逻辑

审查与问题识别；性能建议；安全注意；上机—优化现有代码

教材11.3

三、学情分析

学生已会向AI提需求，但生成组件常缺props/事件，优化建议也常照单全收。本课要求生成后改到能进dm工程，优化要说明采纳或拒绝的理由。

四、教学目标

（一）知识目标

1.掌握分步描述生成组件的方法。

2.理解生成结果必须对照需求、规范和接口字段核验。

3.了解审查、性能与安全方面的常见问题。

（二）能力目标

1.能生成并改写一个大觅相关组件。

2.能对现有代码提出并落实至少一处优化。

3.能书面说明改了什么、为什么。