1 重庆电子工程职业学院
人工智能与大数据学院 PHP 程序设计 教案（30）
教学标题 项目 10 微信小程序开发
授课班级 课时 2 场地 线上 时间 周二 授课教师 唐乾林
1.项目/任务价值 通过本次课程，掌握通过 PHP 开发微信小程序。
2.学习目标
知识目标
1 了解微信小程序的基本概念；
2 了解微信小程序开发准备；
能力目标
1 能够微信小程序开发准备等工作，如申请账号等；
2 能够架设开发者服务器、安装微信开发者工具；
思政-素质目标
1 线上线下结合，引导学习方式，培养自主学习能力；
2 培养学生积极探索、勇于创新的科学素养；
3 养成小组沟通协作共同学习，解决问题能力和团队合作精神；
3.学习内容 1 微信小程序开发准备等工作，如申请账号等；
2 能完成架设开发者服务器、安装微信开发者工具；
教学设计
4.学习资源 网络教学平台，多媒体课件，理实一体化实训室
实物：教材，软件工具包等
教学重点 架设开发者服务器、安装微信开发者工具；
2 重庆电子工程职业学院
学情分析
本课程学习对象是计算机网络专业的的大二学生，他们都有了一定的计算机理论基础和编程基
础，要提高教学效果，就要多用案例让同学自己多理解、多动手深入地学习。
教学策略
1．教学方法：讲授+实验；情境教学法
2．教学模式：采用线上线下混合教学模式
3．本次课教学流程：
1）讲解理论-举例-演示-下任务。
2）上机实验，加强练习，完成相关案例。
3）总结提高，牢记重点，学会举一反三。
教学环节 学生、教师活动 教学方法 时间分配
课程导学：
引入本课程
明确本课程的课程性质和定位：本专业核心课；
课程特点：理实一体课；代码编写。
明确本课程学习内容与学习目标
学习要求：预习+认真+复习
明确本课程教和学的方法,鼓励同学学习
明确本课程的考核办法
学生：认真听取教师
的讲解，理解课程内
容；积极参与讨论、
实验、练习等活动；
老师：通过引入课题
激发学生兴趣；讲解
课程内容，特别解释
难点
讲授、讨论、案例教学
线上线下结合，引导学习
方式转变，培养自主学习
能力。
小组协作、沟通、互助学
习，培育团队合作意识，
引导学生大胆表达。
20
教学实施
过程
引入学习任务和目标
微信小程序是小程序的一种，一种不用下载就能使用的应用，也是一项创新。
1. 微信小程序开发准备
列举实例
制作相关案例
多媒体演示
启发式教学
小组作品展示和讲解
20
3 重庆电子工程职业学院
开发微信小程序需要做一些准备工作，包括申请账号、架设 PHP 开发者服
务器、安装微信开发者工 具等。
申请账号
架设开发者服务器
为了完成电子商务系统利用微信小程序进行营销，需要使用 PHP+MySQL 架
设开发者服务器，以满足微信小程序的数据存取要求。
安装微信开发者工具
使用浏览器访问图 10-5 所示的页面，根据各自具体的操作系统选择不同的
版本，这里选择 “稳定版 Stable Build()”中的“Windows 64”，单击其
链接即可下载。
第一个微信小程序
单击图 10-8 中的加号，创建小程序，如图 10-9 所示。在“目录”文本框中选
择一个新建的目录，如 “D:\PHP\ch10\wxmp01” ，此时“ 项目名称” 默认变为
“wxmp01”，也可以自行修改项目名称。在“AppID” 中需输入开发者的 AppID，
为了实训方便，单击右边的“测试号”链接即可。（注意，测试号在创建小程序应
用时随机生成，不需要注册，且只能用于初期学习使用，和测试号关联的小程序
不能发布，也不能使用云开发 功能。）“开发模式”保持默认的“小程序”，“后端
服务”选择“不使用云服务”，“模板选择”选中“JavaScript 基础模板”。最后单击“确
定”按钮。
4 重庆电子工程职业学院
大部分功能在 PC 上预览效果即可，若要在手机上预览效果，则应先确认手
机微信正在前台运行，然后在 工具栏中单击“预览”后，依次点击“自动预览”“启
动手机端自动预览”“编译并预览”，如图 10-11 所示， 这时手机上就会出现预览
效果了。
深化：
上机练习
练习案例。
上机练习
多媒体演示
讨论教学
20
总结：
1 了解微信小程序的基本概念；
2 了解微信小程序开发准备；
小组总结
引导同学总结
抢答
互动教学
5
学业评价 考勤情况、作业完成情况。 2
教学反思 1.教学过程中要进行角色转换。
2.教师应尊重和学生的交流。
3.要从不同的角度和不同的形式对学生进行评价。
4.激发学生的兴趣和求知欲。
