第8单元8.3模版和静态文件（教案）-《程序设计基础-Python》（高教版）同步精品课堂

《8.3模版和静态文件》教案 课 题 模版和静态文件 课 型 新授课 课 时 2 授课班级 授课时间 授课教师 教材分析 本节内容是Flask Web开发的进阶模块，承接前序的Flask基础，聚焦模板渲染、静态文件引入和登录验证实战三大核心知识点。教材以“理论+案例”的形式展开：先通过简单示例讲解 render_template 函数的使用、模板变量传递，再介绍静态文件的引入方法，最后以网页版登录验证为实战案例，整合前后端交互逻辑，实现知识的落地应用。教材内容遵循“从基础到应用、从单一到综合”的认知规律，符合中职学生“做中学、学中做”的学习特点，是培养学生Web开发实操能力的关键内容。 学情分析 学生已掌握Python基础语法，了解Flask框架的基本使用，但对“前后端分离”“模板渲染”“静态资源管理”等抽象概念认知薄弱。并且中职一年级学生抽象思维能力较弱，对代码实操兴趣高于理论学习，容易在文件路径配置、语法细节上出现错误，需要通过大量实操和即时纠错巩固知识。但学生渴望看到代码的实际效果，实战案例能有效激发其学习积极性。 学习目标 1. 理解Flask模板的作用，掌握 render_template 函数的使用规则。 2. 掌握Jinja2模板引擎中变量的传递与渲染方法。 3. 了解静态文件的概念，掌握 url_for 函数引入静态JS文件的语法。 4. 理解网页版登录验证的前后端交互逻辑，掌握 request.args 获取请求数据的方法。 学习重难点 （一）教学重点 1.  render_template 函数的使用及模板变量的传递。 2. 静态文件的引入方法。 3. 登录验证案例中前后端的数据交互与逻辑判断。 （二）教学难点 1. 模板引擎的渲染机制及文件路径的正确配置。 2. 登录验证中 request.args 获取表单数据的原理及实战应用。 教学方法 上机操作，实践演示 课前准备 阅读教材、上网查询相关知识，阅读教材238-244页内容。 教学媒体 网络管理软件，配置了python使用环境的网络机房机房 教学过程 教学环节 教师活动设计 学生活动设计 设计意图 活动一： 课堂导入 1. 提问：“同学们平时登录微信、QQ时，输入账号密码后页面会有什么反应？背后的程序是如何工作的？” 2. 展示教材中登录验证的最终效果，引出本节主题：“今天我们就用Flask实现一个简单的网页登录验证，先从模板和静态文件的基础学起。” 1. 思考并回答教师的提问，回忆登录场景的交互逻辑 2. 观察案例效果，明确本节学习目标 结合生活场景激发兴趣，让学生感知知识的实用性，快速进入学习状态 活动二： 新知讲授：模版的使用 1. 讲解模板的作用：“模板能分离业务逻辑和页面展示，让代码更清晰”，展示教材中 render_template 的语法格式。 2. 演示实操： ① 创建 templates 文件夹，编写 hello_world.html 模板文件； ② 编写Flask代码，用 render_template 渲染模板并传递变量； ③ 运行代码，展示页面渲染效果，强调“模板文件必须放在 templates 文件夹”。 1. 记录模板的核心语法和文件夹命名规则 2. 跟随教师步骤，同步编写代码并运行 3. 思考并回答教师的问题，验证文件路径的重要性 结合实操讲解理论，突破“文件路径配置”的难点，让学生直观理解模板渲染的过程 活动三： 新知讲解：静态文件的引入 1. 讲解静态文件的概念：“JS、CSS等文件属于静态文件，需放在 static 文件夹”，展示 url_for('static', filename='xxx.js') 的语法。 2. 演示实操： ① 创建 static 文件夹，编写 hello.js （弹窗函数）； ② 在HTML模板中用 url_for 引入JS文件； ③ 运行代码，点击按钮触发弹窗，纠错“拼写错误”“路径错误”等常见问题。 1. 记录 url_for 函数的使用方法 2. 同步编写代码，尝试触发弹窗效果，排查自身代码的错误 针对学生易犯的语法和路径错误 通过即时纠错强化知识，掌握静态文件引入的关键 活动四： 新知讲解：登录验证实战 1. 讲解登录验证的流程：“前端表单提交数据→后端用 request.args 获取数据→判断用户名密码是否正确→返回结果”。 2. 演示实操： ① 编写 index.html 登录表单； ② 编写Flask代码，用 request.args.get() 获取用户名和密码，实现判断逻辑； ③ 运行代码，测试“admin/123456”登录成功、其他账号失败的效果。。 1. 记录登录验证的核心逻辑和 request.args 的使用方法 2. 同步编写代码，测试不同账号的登录效果 整合前后端知识 实现从“基础语法”到“实战应用”的过渡，培养学生的综合应用能力 课堂小结 作业布置 1. 梳理本节核心知识点：模板渲染： render_template +变量、静态文件：static + url_for 、登录验证： request.args +逻辑判断； 2. 强调文件夹命名和语法细节的重要性。 作业 完成本小结的章节练习 板书设计 教学反思 本节通过“生活场景导入+实操演示+竞赛互动+实战案例”的教学模式，贴合中职学生的学习特点，有效激发了学生的实操兴趣；针对学生易犯的路径、语法错误，通过即时纠错和互动竞赛，强化了知识的掌握。但部分学生在文件路径配置上仍出现错误，说明对“Flask固定目录规则”的理解不够深入；登录验证案例中，因课时限制未讲解POST方法，可在下次课补充。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $