微信小程序开发与实战（微课版）-教学大纲

1、微信小程序企业开发实战课程教学大纲学 分：3学分学 时：45学时 （其中：讲课学时：30上机学时：15 ）适用专业：通识选修课、专业拓展课先修课程：计算机基础、计算机网络、HTML5+CSS3+JavaScript一、课程的性质与目标微信小程序开发实战是专注于微信小程序开发的Web前端教材，涉及微信小程序框 架、文件配置、WXML语法、WXSS布局、WXS语法、页面组件、应用接口 API、云开发模式、 第三方组件的使用等。通过本课程的学习，学生能够理解微信小程序的实质，掌握微信小程 序开发的基本技能，快速高效的开发微信小程序。提高学生对计算机科学与技术的兴趣，促 进学生能在未来的学习和工作中，

2、使用“计算机思维”来解决实际问题，全面提高学生的综 合素质。二、课程设计理念与思路课程设计理念：高等职业教育不仅注重对专业知识和技能的传授，也注重对学生综合素 质的培养，不局限于个人选择的专业，有助于个人潜力能够得到最大限度的发挥。在全球云 计算和移动互联的产业背景下，在高等教育的通识教育中增加有关计算机技术基础知识与能 力的课程，有助于非计算机专业大学生综合素质的提高。课程设计思路：微信小程序企业开发实战作为一门选修课，让学生把一门程序设计语言 掌握到实用的程度较有难度。本课程并非简单介绍微信小程序开发的理论内容，而是将理论 讲解与实际操作相结合，其中所涉及的大局部知识点适用于所有编程的基础

3、知识，如变量、 运算符、选择语句和标签概念等。可潜移默化地培养学生程序化、系统化的思维模式，让学 生能够使用逻辑思维解决问题。同时，培养学生的自学能力。软件技术的开展日新月异，教 材不能做到和语言同步，互联网的存在为自学掌握一门技能提供了便捷，可以让学生自己分 析问题、动手编程和，在此过程中，学生上网查阅相关资料，能够更新知识，并逐渐具备独 立研究的能力。第十一章 微信小程序开放能力（可选）3学时1学时4学时第十二章微信小程序云开发（可选）3学时1学时4学时第十三章自定义组件与第三方UI组件库 （可选）2学时1学时3学时第十四章工程实战：电影之家小程序（可选）1学时2学时3学时第十五章工程实战

4、：美妆商城小程序（可选）1学时2学时3学时合计29课时16学时45课时注：可选章节未计入合计课时。六、考核模式与成绩评定方法本课程为考试课程，期末考试采用百分制的闭卷考试模式。学生的考试成绩由平时成绩 （30%）和期末考试（70%）组成，其中，平时成绩包括出勤（5%）、作业（5%）、实验和上机 成绩（20%） o七、选用教材和主要参考书本大纲是根据教材微信小程序企业开发实战（微课版）所设计的。八、大纲说明本课程的授课模式为：课堂授课+上机，其中，课堂主要采用多媒体的方式进行授课，并 且会通过测试题阶段测试学生的掌握程度；上机主要是编写程序，要求学生动手完成指定的 程序设计或验证。三、教学条件要

5、求操作系统：Windows 10开发工具：微信开发者工具1、课程的主要内容及基本要求第一章信小程序简介第一章信小程序简介学习单元第一章微信小程序简介学时1学时学习目标掌握微信小程序的概念了解微信小程序与微信公众号的区别了解微信小程序的优势与特点了解微信小程序的应用场景学习内容知识点了解掌握重点难点可选微信小程序的定义微信小程序的诞生V微信小程序与公众号V微信小程序与AppV微信小程序不是HTML5V微信小程序是功能性公众号V微信小程序的优势与特点V微信小程序的生态及应用独立的软件生态系统V微信小程序社区V微信小程序的应用场景V微信小程序的未来开展V第二章信开发者工具第二章信开发者工具学习单元第

6、二章微信开发者工具学时3学时学习目标.理解微信公众平台的概念.掌握微信小程序的账号申请与登录操作.掌握微信开发者工具的安装与使用.掌握微信开发者工具代码编写与调试学习内容知识点了解掌握重点难点可选申请小程序账号V登录微信公众平台V微信开发者工具介绍V安装微信开发者工具启动微信开发者工具V菜单栏介绍V工具栏介绍V窗口介绍V微信开发者工具的功能设置V微信开发者工具的代码编辑V小程序调试V小程序开发辅助设置V新建微信小程序工程V微信小程序的代码编写微信小程序的预览与发布V小程序的配置文件小程序的配置文件小程序的配置文件第三章微信小程序起步小程序的配置文件学习单元第三章微信小程序起步学时4学时学习目标

7、.理解小程序的代码结构.理解小程序的渲染机制.掌握小程序的基本开发能力.掌握小程序组件化学习内容知识点了解掌握重点难点可选小程序开发与传统前立耐发的区别VWXML模板VWXSS样式VJS脚本VJSON配置V小程序的渲染机制VV程序与页面4小程序的内置组件V小程序的APIV小程序的事件处理原生CSS布局V界面交互反应VHTTPS网络通信V本地数据缓存V连接设备硬件V微信开放能力V小程序基础组件V自定义组件V第三方组件库V犯学习单元第四章小程序的配置文件学时5学时学习目标. 了解小程序配置文件的类型.掌握小程序的全局配置和页面配置项3.掌握小程序窗口配置项理解多态的概念学习内容知识点了解掌握重点难

8、点可选全局配置文件-页面路径配置V全局配置文件-启动首页配置V全局配置文件-窗口样式配置V全局配置文件-tab栏配置V全局配置文件-网络超时配置全局配置文件-小程序接口权限配置V全局配置文件-小程序样式版本配置V全局配置文件-全局自定义组件配置页面配置文件-导航栏配置V页面配置文件-窗口配置V页囿配置文件-页面加载配置Vsitemap配置文件介绍V小程序的索引规那么工程配置文件第五章WXML语法基础学习单元第五章WXML语法基础学时6学时学习目标.理解WXML的设计理念.掌握WXML的基础语法.掌握WXML的数据绑定与数据渲染.掌握小程序的事件处理机制学习内容知识点了解掌握重点难点1可选WXM

9、L文件介绍V数据绑定-简单内容绑定V数据绑定-属性绑定数据绑定-模板运算4数据绑定-标记的公共属性V条件渲染-基础语法V条件渲染与隐藏属性V列表渲染-基本语法V列表渲染-key属性V模板与引用-WXML模板V模板与引用-WXML引用VV事件处理-什么是事件V事件处理-事件类型和事件对象V事件处理-事件绑定与冒泡捕获V第六章WXSS样式处理学习单元第六章WXSS样式处理学时3学时学习目标.掌握WXSS的特性.理解rpx单位的概念.掌握小程序内联样式的使用.掌握WXSS的布局.掌握WXSS的特性.理解rpx单位的概念.掌握小程序内联样式的使用.掌握WXSS的布局学习内容知识点了解掌握重点难点可选尺

10、寸单位-rpxV尺寸单位-remV选择器V样式导入-内联样式V样式导入-外联样式导入V布局-盒子模型V布局-浮动和定位VV布局-Flex布局V第七章 WXS语法学习单元第七章WXS语法学时4学时学习目标.理解 WXS与JavaScript的区别.掌握WXS的基础语法学习内容知识点了解掌握重点难点可选WXS介绍V基础语法-WXS模块V基础语法-变量V基础语法-注释V基础语法-运算符基础语法-语句V基本数据类型V引用数据类型V正那么表达式V数据类型判断V基础类库V第八章小程序中的JavaScript学习单元第八章 小程序中的JavaScript学时3学时学习目标.理解微信小程序的运行环境.理解EC

11、MAScript标准的概念.掌握微信小程序的生命周期函数.掌握微信小程序的模块化开发学习内容知识点了解掌握重点难点可选MINA框架介绍V小程序启动机制V小程序加载机制V小程序对JavaScript的支持V小程序宿主环境差异V小程序应用的生命周期V小程序页面的生命周期V小程序模块化V小程序的APIV第九章微信小程序核心组件学习单元第九章微信小程序核心组件学时10学时学习目标.理解微信小程序组件化概念.掌握微信小程序核心组件的使用学习内容知识点了解掌握重点难点可选微信小程序组件化概念V基础视图容器组件滑块视图容器组件V可滚动视图容器组件V可移动视图容器组件V原生视图容器组件V文本组件V富文本组件V

12、进度条组件V图标组件4按钮V输入框V单项选择按钮V复选框V选择器VV表单V导航组件V音/视频组件VV图片显示组件V系统相机组件V地图组件V第十章微信小程序核心API学习单元第十章微信小程序核心API学时6学时学习目标1.理解API的基本概念2.掌握微信小程序核心API的用法学习内容知识点了解|掌握重点难点可选微信小程序API介绍V获取窗口信息V获取设备信息V获取系统信息V获取微信应用信息V网络请求-发送HTTPS请求网络请求-上传与下载V路由与跳转-小程序内页面跳转V路由与跳转-小程序应用间跳转V界面交互与反应-页面弹框V界面交互与反应-下拉刷新V多媒体V文件系统V设备传感器调用V本地数据缓存

13、V第十一章 微信小程序开放能力（可选）学习单元第十一章微信小程序开放能力学时4学时学习目标.理解微信提供的开放能力接口.掌握微信开放接口 API的用法学习内容知识点了解掌握重点难点可选小程序登录流程V小程序授权管理V开放数据校验与解密获取用户信息微信支付介绍微信支付接入V小程序支付V发起微信支付APIV提供、收藏与转发V小程序订阅消息V第十二章 微信小程序云开发（可选）学习单元第十二章微信小程序云开发学时4学时学习目标I.理解微信小程序云开发模式.掌握云数据的概念与开发能力.掌握云函数的概念与开发能力.掌握云存储的概念与开发能力学习内容知识点了解掌握重点难点可选什么是云开发V云开发的优势V云开

14、发权限设置V云数据库介绍V云数据库数据类型云数据库权限管理云数据库增/删J/改/查VV数据迁移V数据备份V云函数介绍云函数调用VV云存储介绍V文件管理V云托管介绍V环境创立与管理V第十三章自定义组件与第三方UI组件库（可选）学习单元第十三章自定义组件与第三方UI组件 库学时3学时学习目标.掌握微信小程序自定义组件开发.掌握常用第三方组件库的使用学习内容知识点了解掌握重点难点可选组件化开发定义V自定义组件VVant Weapp组件库介绍安装Vant Weapp组件库V核心组件介绍V组件的属性V组件的事件与插槽V业务组件V第十四章 工程实战：电影之家小程序（可选）学习单元第十四章工程实战：电影之家

15、小程序学时3学时学习目标.掌握微信小程序工程的环境搭建.掌握微信小程序组件的使用.掌握微信小程序API的使用学习内容知识点了解掌握重点难点可选工程概述V工程演示V创立小程序V工程文件结构V安装组件库电影推荐首页开发VV电影列表开发V电影详情页开发VV影评列表页开发小程序功能测试V小程序上传与发布第十五章 工程实战：美妆商城小程序（可选）学习单元第十五章工程实战：美妆商城小程序学时3学时学习目标.掌握微信小程序工程的环境搭建.掌握微信小程序组件的使用.掌握微信小程序API的使用学习内容知识点了解掌握重点难点可选工程概述工程演示V创立小程序V工程文件结构V安装依赖美妆商城首页开发商品列表页开发V商品详情页开发V订单信息页开发