微信基础开发及实战 1

《微信小程序开发》课程单元教学设计授课单元单元1：小程序开发准备（一）授课教师职称单元学时4教学目标知识目标能力目标素质目标1.阐述小程序双线程（渲染层与逻辑层）技术架构与运行原理。

2.说明“明德E医”项目的开发背景、社会价值与核心业务需求。

3.识记小程序的基本业务架构与核心模块组成。1.能辨析小程序与原生App、H5应用的技术差异与适用场景。

2.能解读“明德E医”项目原型与需求文档，形成初步的项目认知。1.建立规范的技术学习路径与严谨的项目思维。

2.理解“互联网+医疗健康”政策导向，树立“技术服务于社会民生”的职业价值观。教学重难点教学重点1.小程序的技术架构与运行原理。

2.“明德E医”项目的业务需求与架构分析。教学难点双线程架构（渲染层、逻辑层）的抽象理解与通信机制。教学策略教学组织采用“案例导入-原理剖析-需求分析-总结归纳”的递进式组织方式。教学方法案例教学法、讲授法、图示法、小组讨论法。教学准备环境准备机房实训室、可流畅访问网络的计算机。资料准备1.《微信小程序开发项目实战教程》教材“项目1任务1”。

2.授课计划表“单元1”内容。

3.“明德E医”项目低保真原型图或功能列表。资源准备1.“小程序技术架构图”可视化PPT。

2.国家“互联网+医疗健康”发展规划等相关政策文件节选。

3.微信官方文档。教学实施过程教学环节教学内容教师活动学生活动设计意图（含思政融入点）课前导学1.发布预习任务：阅读教材项目1任务1，思考“轻应用”的特点。

2.推送资料：国家“互联网+医疗健康”相关政策新闻摘要。1.在学习平台发布任务和资料。

2.提出引导性问题：“小程序如何让就医更方便？”1.阅读教材与资料，记录疑问。

2.在线讨论区初步交流看法。1.激发兴趣：从政策与民生角度切入，建立学习意义感。

2.培养习惯：引导学生养成课前预习、自主探究的习惯。课中研学环节一：情境导入(20分钟)

展示“掌上医院”、“粤省事”等小程序案例，引出小程序“触手可及、用完即走”的特性。对比其与APP的优劣，提出核心问题：“小程序技术是如何支撑这些便捷服务的？”1.演示各类小程序案例，引导学生观察体验。

2.组织小组讨论，对比不同应用形态的优缺点。

3.总结归纳，引出本节课核心课题。1.扫码体验教师展示的小程序案例。

2.参与小组讨论，发表个人见解。

3.明确本节课的学习目标与核心问题。1.联系实际：从学生熟悉的场景导入，降低认知门槛。

2.启发思考：通过对比分析，培养学生辩证的技术选型思维。环节二：新知探究(40分钟)

内容1：小程序技术架构

详解双线程模型（渲染层-WebView，逻辑层-JSCore），通过架构图说明通信方式（Native、数据/事件）。

内容2：“明德E医”项目认知

介绍项目背景（便民就医）、核心价值与八大业务模块（用户、首页、挂号、缴费、报告等）。1.播放/绘制动态架构图，分步讲解双线程分工与通信流程。

2.类比“前台（UI）”与“后台（逻辑）”帮助学生理解。

3.展示“明德E医”项目原型，串讲各模块功能与用户旅程。1.观看图示，理解渲染层与逻辑层的分离设计。

2.根据教师讲解，尝试绘制简化的架构示意图。

3.查看原型，跟随讲解梳理项目业务流，明确模块关联。1.突破难点：将抽象架构可视化、拟人化，助力学生理解核心技术原理。

2.建立全景：在课程伊始即呈现完整项目蓝图，塑造“项目开发者”身份，明确学习路线图。

3.思政融入（服务社会）：结合“明德E医”项目，阐述技术如何解决“看病难”痛点，引导学生树立“用技术服务社会”的职业追求。环节三：任务深化与思政融入(30分钟)

任务：绘制“明德E医”业务架构图

引导学生以小组为单位，根据所学，绘制项目的业务模块关系图或技术架构简图。

思政融合点深入​：结合架构中的“安全控制”与“数据流转”，强调《网络安全法》与《个人信息保护法》在小程序开发中的基础性与强制性。1.布置小组协作任务，提供绘图工具（白板/纸笔/软件）。

2.巡回指导，解答学生在绘图过程中对业务逻辑的疑问。

3.重点强调​：在架构中必须体现“安全审核”、“用户授权”、“数据加密”等节点，讲解其法律与伦理重要性。1.小组协作，共同绘制业务或技术架构图，厘清模块关系。

2.在图中标注出涉及用户隐私和数据安全的关键环节。

3.小组代表准备简要分享。1.巩固应用：通过绘图任务，将接收的知识内化为结构化理解，培养系统思维。

2.思政融入（政策法规/职业素养）：将《网络安全法》等法规要求无缝嵌入技术架构分析中，使学生深刻认识到“合规开发是底线”，培养法律意识与职业道德。实现“技能传授”与“价值引领”同频共振。环节四：总结评价(30分钟)

1.邀请1-2个小组展示其绘制的架构图并讲解。

2.教师进行总结点评，重申小程序架构核心与项目全貌。

3.布置课后作业，并预告下周实践内容。1.组织小组展示，引导其他学生提问和评价。

2.教师总结本单元知识要点，强调架构思维和项目思维的重要性。

3.清晰说明课后作业要求。1.小组代表上台展示成果，阐述对项目与架构的理解。

2.参与互评，听取教师总结，查漏补缺。

3.记录课后任务及预习要求。1.检验成果：通过展示与互评，检验学习效果，锻炼表达与协作能力。

2.强化认知：“画一遍胜过听十遍”，总结环节再次巩固核心概念。

3.承前启后​：建立从“认知”到“实践”的预期，为下周环境搭建做好铺垫。课后拓展环节一：情境导入(20分钟)

展示“掌上医院”、“粤省事”等小程序案例，引出小程序“触手可及、用完即走”的特性。对比其与APP的优劣，提出核心问题：“小程序技术是如何支撑这些便捷服务的？”1.演示各类小程序案例，引导学生观察体验。

2.组织小组讨论，对比不同应用形态的优缺点。

3.总结归纳，引出本节课核心课题。1.扫码体验教师展示的小程序案例。

2.参与小组讨论，发表个人见解。

3.明确本节课的学习目标与核心问题。1.联系实际：从学生熟悉的场景导入，降低认知门槛。

2.启发思考：通过对比分析，培养学生辩证的技术选型思维。教学评价1.过程性评价：课堂小组讨论的参与度、架构图绘制的准确性与协作情况。

2.成果性评价：课后提交的业务架构图与需求理解报告的质量。

3.思政成效评价：学生在作业及讨论中体现出的对技术合规性、社会价值的认识程度。反思诊改1.亮点：案例导入贴近生活，双线程架构讲解