微信小程序开发边做边学教学大纲

1、微信小程序开发边做边学教学大纲微信小程序开发教学大纲01.课程说明课程名称微信小程序开发学时45适用对象电子信息类、通信工程、计算机科学与技术、软件工程专业、 物联网工程、数据科学与大数据技术、信息安全、网络工程 和电子商务等专业先修课程C语百,计算机基础02.课程描述“微信小程序开发”是工科类本科教学中的一门重要实践课，让想从事微信平台、微信小程序开发的同学能更快地掌握开发语言和开发项目的具体实施内容， 让每个参与课程的学生都能开发自己想做的内容，以微信小程序的形式展现出来,课程通过丰富的案例教学，让学生轻松依托新浪云建立基于云服务的在线实践平 台，培养同学独立开发微信小程序加云平台的在线信

2、息处理能力。03.教学目标通过本课程的理论教学和相关实验训练，使学生具备如下能力，并对应三个 教学目标。.认知能力：通过本课程的学习，使学生了解小程序的诞生的特点、应用 方式和应用前景；了解微信生态的强大性；理解小程序项目结构，HTMLJavaScript、css与小程序的关系；理解小程序的框架结构；理解小程序组件的 概念；理解小程序页面样式的概念；理解小程序布局方法；了解小程序常用的接 口分类，掌握常见的接口；理解小程序前端、后端以及数据库之间的配合联动方 式；理解云开发的意义。.开发能力：通过本课程的学习，使学生掌握微信小程序开发工具的使用 方式，将一个项目按模块从头开始完整复刻， 最后进

3、行自主修改并能把自己的成 果发布到微信平台；熟练掌握小程序生命周期函数、数据绑定和渲染等基础技术； 能灵活使用小程序组件；能在 wxss中设计页面样式；能在页面布局中使用 box 模型、传统布局和flex布局；能使用JavaScript技术来实现事件操作和常见的 交互；掌握使用wx.request网络接口调用第三方接口和自编接口的能力；掌握 本地开发和云端开发能力；掌握基于云平台的网络应用搭建流程， 使用微信小程 序提供的编译开发环境开发整体项目的基础能力；掌握常见的交互和开放接口 ； 掌握云开发中云存储、云函数和云数据库；能独立完成中小型小程序项目。微信小程序开发边做边学教学大纲.综合能力：

4、通过本课程的学习，使学生在掌握小程序项目开发基本流程 和技术的同时，也能了解设计开发模式，项目分工、团队合作及创业竞赛等概念， 为学生后期团队合作进行真实项目开发做出很好的铺垫。 通过竞赛形式真正提高 学生的综合素质。04.课程目标对毕业要求的支撑毕业要求微信小程序开发课程目标具备复杂项目开发 的分析、设计、开 发和维护能力1.1具有较强的分析问题能 力教学目标11.2能够综合运用所学知识， 应用相关工具进行计算机软 工程问题的系统设计、开发和 维护教学目标2、305.教学内容教学内容参考教材配套的教学视频展开，也可以在中国大学MOOC观看本课程视频，并参与教学互动。第1章Hello 微信小程

5、序（教学目标1） 重点内容：搭建微信小程序开发环境，通过开发者工具快速创建一个 Hello World 程序项目。难点内容：了解app.js、app.json、app.wxss等文件的作用，这些文件是怎么 配合联动工作的？教学内容：小程序账号注册及开发工具安装Hello World 小程序tabBar配置项思考点：对app.json内容进行简单修改，看看会发生什么变化。试试 Windows 配置项，修改navigationBarBackgroundC010r 的值，会发生什么？怎么修改底 部tab栏的内容和颜色？第2章 习题练习案例开发（教学目标 1）（教学目标2） 重点内容：通过对网上下载的

6、简单案例进行修改来尝试掌握简单的小程序项目开 发。下载一个心理测试程序的源代码，了解如何修改成C语言习题测试的案例。难点内容：了解C语言习题测试的答对统计逻辑，修改对应的 wxml文件和js 文件 教学内容：心理测试小程序安装增加选项并修改题库2 / 7微信小程序开发边做边学教学大纲C语言测试逻辑修改添加做题结果思考点：如何解决心理测试题目与选项顺序每次都不一样的问题？第3章 我的页面模块开发（教学目标1）（教学目标2）重点内容：在app.js文件的wx.login（）方法中进行微信授权登录的一些逻辑的 实现，然后往数据库写入该用户的注册信息，完成注册的流程，添加“我的页面”， 显示刚刚注册时

7、填入的注册信息。难点内容：理解bindchange与bindtap绑定函数的作用。教学内容：wx.login（） 方法实现小程序登录授权登录页面开发WeUI基础样式库注册页面的页面布局注册页面功能实现我的页面基本实现媒体组件image属性思考点：为什么会出现点击提交弹出姓名不能为空？为什么会出现注册页面点击 提交没反应？第4章信息修改模块开发（教学目标1）（教学目标2）重点内容：在上一章“我的”页面基础上添加修改信息的功能，并创建相应的 change页面，在change.js中对页面参数进行处理并反映在页面 title 和 placeholder 中。难点内容：在配置文件中通过宏定义的方式实现

8、相应数据的调用。教学内容：myInfo 页面调整change页面布局change页面完善添加事件处理函数submit性别的修改配置文件的使用思考点：如何解决修改信息后“延迟”响应的问题？理解 userInfo数组更新代 码所在的位置。第5章课程页面模块开发（教学目标1）（教学目标2）重点内容：在后台数据库注册课程后，通过 app.js中向后台发送请求，执行加 入课程逻辑，显示用户的注册信息，显示课程的相关信息。难点内容：加入课程逻辑代码的编写。教学内容：申请课程号微信小程序开发边做边学教学大纲课程信息模块页面布局课程练习模块页面布局请求加入课程获取当前课程信息思考点：申请课程号时选择错误题库的

9、解决方法？第6章课程练习模块开发（教学目标1）（教学目标2）重点内容：通过复用和修改驾校考试源码中文件中专题练习、章节练习与做题贡面的程序代码，并在app.json文件中加上对应的所有页面路径，修改引入题库 文件的API,修复跳转、顺序练习做题数等功能。难点内容：理解做题模块框架功能及题库文件API调用的方法。教学内容：引用驾校考题做题页面完成练习模块显示做题数收藏模块错题模块思考点：如何理解answer文件夹目录下各个文件的含义及相互的逻辑关系。第7章 签到测距模块开发（教学目标1）（教学目标2）重点内容：获取课程相关信息，在调试器中console 一栏，查看错题数与收藏题 数，并在inde

10、x.wxml中收藏后面的view中加入收藏数和错题数的变量，实现查 看藏数和错题数；新增实现错题收藏结果的页面，完善index.wxml中的bindtap 函数。难点内容：理解bindUrlToStore 收藏函数和bindUrlToWrong错题函数的功能实 现。教学内容：新建签到页面tab选择位置api获取当前位置api巧用 button 的 disable 属性JS实现经纬度测距思考点：current_course 数组中的内容包括哪些？第8章初识后台与数据库（教学目标1）（教学目标2）重点内容：完成选择位置、获取当前位置以及测出所选位置与自己当前所在位置 之间的距离的页面布局，给测距按

11、钮加一个bindtap为calculate的函数，并在 index.js 中完成测距的逻辑。难点内容：如何实现当完成了位置选择与获取后，才能点击测距button进行测距？教学内容：微信小程序开发边做边学教学大纲Wampserver 与 Sublime 的安装搭建本地环境api实现前后台交互数据库记录的查询与增加数据库记录的删除与修改思考点：如何提高测距的精度？第9章接口开发与云平台（教学目标1）（教学目标2）重点内容：在新浪云创建一个数据库，并进行数据库的管理。难点内容：理解本地与云端数据库搭建的含义和作用。教学内容：查看做题情况前端页面开发做题数据表添加与获取做题数据 api开发更新做题数据

12、api开发前端代码完善新建云应用svn实现代码管理阿里云后台部署思考点：注册api接口出现问题该如何解决？第10章初识云开发及实战（教学目标 1）（教学目标2）重点内容：基于成功发布的小程序进行手机端操作，豆豆云助教项目创建，对修改后的代码进行重新编译，上传豆豆云助教代码、提交审核、发布。难点内容：理解小程序源码中的逻辑关系。教学内容：我的第一个云开发小程序云开发数据库指引快速新建云函数待办事项案例讲解听说读写案例讲解思考点：如何解决新建立案例项目后安装失败等问题，如遇到域名配置错误提示该如何解决？第11章优秀案例深度实战（教学目标 1）（教学目标2）重点内容：基于前述所学的内容自主开发前端小

13、程序并搭建后台，完成开发后提交审核、发布。难点内容：综合运用能力。教学内容：实战开发。思考点：如何解决开发过程中遇见的各类问题？微信小程序开发边做边学教学大纲06.教学安排该课程每周3学时，15周，根据观看教学视频完成实验内容，建议教学进度如 下表。早下学时数第1周hello微信小程序3第2周习题练习案例开发3第3周我的页面模块开发3第4周信息修改模块开发3第5周课程页面模块开发3第6周课程练习模块开发3第7周签到测距模块开发3第8周初识后台与数据库3第9周接口开发与云平台3第10周初识云开发及实战3第11周优秀案例深度实战3第12周小程序综合案例开发3第13周小程序综合案例开发3第14周小程

14、序综合案例开发3第15周PPT汇报验收递交小程序成果终版307.教学方法与手段线上、线下相结合，视频教学翻转课堂的形式，在教学过程中注重能力的培 养，提高学生分析和解决实际问题的能力。08.考核方式及成绩评定考核方式：成绩评价体系为线上和线下融合、过程性评价与终结性评价相结合的 多元化课程评价体系；成绩是以“完成作业、测试情况、论坛讨论和提交小程序 项目申报书”为计算依据，各项目占比如下：微信小程序开发边做边学教学大纲.作业成绩占20%作业批改标准：每次作业5分(1)上传2个截图(PC端和手机端)2分，每个1分；(2)对功能进行个性化修改1分；(3)有心得1分，心得质量好1分。.测验成绩占50%每次10道客观题，10分。(