《微信小程序企业开发实战》课程教学大纲.docx

微信小程序企业开发实战课程教学大纲学 分：3学分学 时：45学时 （其中：讲课学时：30 上机学时：15 ）适用专业：通识选修课、专业拓展课先修课程：计算机基础、计算机网络、HTML5+CSS3+JavaScript一、课程的性质与目标微信小程序开发实战是专注于微信小程序开发的Web前端教材，涉及微信小程序框架、文件配置、WXML语法、WXSS布局、WXS语法、页面组件、应用接口API、云开发模式、第三方组件的使用等。通过本课程的学习，学生能够理解微信小程序的实质，掌握微信小程序开发的基本技能，快速高效的开发微信小程序。提高学生对计算机科学与技术的兴趣，促进学生能在未来的学习和工作中，使用“计算机思维”来解决实际问题，全面提高学生的综合素质。二、课程设计理念与思路课程设计理念：高等职业教育不仅注重对专业知识和技能的传授，也注重对学生综合素质的培养，不局限于个人选择的专业，有助于个人潜力能够得到最大限度的发挥。在全球云计算和移动互联的产业背景下，在高等教育的通识教育中增加有关计算机技术基础知识与能力的课程，有助于非计算机专业大学生综合素质的提高。课程设计思路：微信小程序企业开发实战作为一门选修课，让学生把一门程序设计语言掌握到实用的程度较有难度。本课程并非简单介绍微信小程序开发的理论内容，而是将理论讲解与实际操作相结合，其中所涉及的大部分知识点适用于所有编程的基础知识，如变量、运算符、选择语句和标签概念等。可潜移默化地培养学生程序化、系统化的思维模式，让学生能够使用逻辑思维解决问题。同时，培养学生的自学能力。软件技术的发展日新月异，教材不能做到和语言同步，互联网的存在为自学掌握一门技能提供了便捷，可以让学生自己分析问题、动手编程和，在此过程中，学生上网查阅相关资料，能够更新知识，并逐渐具备独立研究的能力。三、教学条件要求操作系统：Windows 10开发工具：微信开发者工具四、课程的主要内容及基本要求第一章 微信小程序简介学习单元第一章 微信小程序简介学时1学时学习目标1. 掌握微信小程序的概念 2. 了解微信小程序与微信公众号的区别 3. 了解微信小程序的优势与特点 4. 了解微信小程序的应用场景学习内容知识点了解掌握重点难点可选微信小程序的定义微信小程序的诞生微信小程序与公众号微信小程序与App微信小程序不是HTML5微信小程序是功能性公众号微信小程序的优势与特点微信小程序的生态及应用独立的软件生态系统微信小程序社区微信小程序的应用场景微信小程序的未来发展 第二章 微信开发者工具学习单元第二章 微信开发者工具学时3学时学习目标1. 理解微信公众平台的概念2. 掌握微信小程序的账号申请与登录操作3. 掌握微信开发者工具的安装与使用4. 掌握微信开发者工具代码编写与调试学习内容知识点了解掌握重点难点可选申请小程序账号登录微信公众平台微信开发者工具介绍安装微信开发者工具启动微信开发者工具菜单栏介绍工具栏介绍窗口介绍微信开发者工具的功能设置微信开发者工具的代码编辑小程序调试小程序开发辅助设置新建微信小程序项目微信小程序的代码编写微信小程序的预览与发布第三章 微信小程序起步学习单元第三章 微信小程序起步学时4学时学习目标1. 理解小程序的代码结构2. 理解小程序的渲染机制3. 掌握小程序的基本开发能力4. 掌握小程序组件化学习内容知识点了解掌握重点难点可选小程序开发与传统前端开发的区别WXML模板WXSS样式JS脚本JSON配置小程序的渲染机制程序与页面小程序的内置组件小程序的API小程序的事件处理原生CSS布局界面交互反馈HTTPS 网络通信本地数据缓存连接设备硬件微信开放能力小程序基础组件自定义组件第三方组件库第四章 小程序的配置文件学习单元第四章 小程序的配置文件学时5学时学习目标1. 了解小程序配置文件的类型2. 掌握小程序的全局配置和页面配置项3. 掌握小程序窗口配置项理解多态的概念学习内容知识点了解掌握重点难点可选全局配置文件-页面路径配置全局配置文件-启动首页配置全局配置文件-窗口样式配置全局配置文件-tab栏配置全局配置文件-网络超时配置全局配置文件-小程序接口权限配置全局配置文件-小程序样式版本配置全局配置文件-全局自定义组件配置页面配置文件-导航栏配置页面配置文件-窗口配置页面配置文件-页面加载配置sitemap配置文件介绍小程序的索引规则项目配置文件第五章 WXML语法基础学习单元第五章 WXML语法基础学时6学时学习目标1. 理解 WXML 的设计理念2. 掌握 WXML 的基础语法3. 掌握 WXML 的数据绑定与数据渲染4. 掌握小程序的事件处理机制学习内容知识点了解掌握重点难点可选WXML 文件介绍数据绑定-简单内容绑定数据绑定-属性绑定数据绑定-模板运算数据绑定-标记的公共属性条件渲染-基础语法条件渲染与隐藏属性列表渲染-基本语法列表渲染-key属性模板与引用-WXML 模板模板与引用-WXML 引用事件处理-什么是事件事件处理-事件类型和事件对象事件处理-事件绑定与冒泡捕获第六章 WXSS样式处理学习单元第六章 WXSS样式处理学时3学时学习目标1. 掌握 WXSS 的特性 2. 理解 rpx 单位的概念 3. 掌握小程序内联样式的使用 4. 掌握 WXSS 的布局5. 掌握 WXSS 的特性6. 理解 rpx 单位的概念7. 掌握小程序内联样式的使用8. 掌握 WXSS 的布局学习内容知识点了解掌握重点难点可选尺寸单位-rpx尺寸单位-rem选择器 样式导入-内联样式样式导入-外联样式导入布局-盒子模型布局-浮动和定位布局-Flex 布局第七章 WXS语法学习单元第七章 WXS语法学时4学时学习目标1. 理解 WXS 与 JavaScript 的区别2. 掌握 WXS 的基础语法学习内容知识点了解掌握重点难点可选WXS 介绍基础语法-WXS 模块基础语法-变量基础语法-注释基础语法-运算符基础语法-语句基本数据类型引用数据类型正则表达式数据类型判断基础类库 第八章 小程序中的JavaScript学习单元第八章 小程序中的JavaScript学时3学时学习目标1. 理解微信小程序的运行环境2. 理解 ECMAScript 标准的概念3. 掌握微信小程序的生命周期函数4. 掌握微信小程序的模块化开发学习内容知识点了解掌握重点难点可选MINA框架介绍小程序启动机制小程序加载机制小程序对 JavaScript 的支持小程序宿主环境差异小程序应用的生命周期小程序页面的生命周期小程序模块化小程序的API第九章 微信小程序核心组件学习单元第九章 微信小程序核心组件学时10学时学习目标1. 理解微信小程序组件化概念2. 掌握微信小程序核心组件的使用学习内容知识点了解掌握重点难点可选微信小程序组件化概念基础视图容器组件滑块视图容器组件可滚动视图容器组件可移动视图容器组件原生视图容器组件文本组件富文本组件进度条组件图标组件按钮输入框 单选按钮 复选框选择器表单导航组件音/视频组件 图片显示组件系统相机组件 地图组件 第十章 微信小程序核心 API学习单元第十章 微信小程序核心 API学时6学时学习目标1. 理解 API 的基本概念2. 掌握微信小程序核心 API 的用法学习内容知识点了解掌握重点难点可选微信小程序 API 介绍获取窗口信息获取设备信息获取系统信息获取微信应用信息网络请求-发送 HTTPS 请求网络请求-上传与下载路由与跳转-小程序内页面跳转路由与跳转-小程序应用间跳转界面交互与反馈-页面弹框界面交互与反馈-下拉刷新多媒体文件系统设备传感器调用 本地数据缓存第十一章 微信小程序开放能力（可选）学习单元第十一章 微信小程序开放能力学时4学时学习目标1. 理解微信提供的开放能力接口2. 掌握微信开放接口 API 的用法学习内容知识点了解掌握重点难点可选小程序登录流程小程序授权管理开放数据校验与解密获取用户信息微信支付介绍微信支付接入小程序支付发起微信支付 API分享、收藏与转发小程序订阅消息第十二章 微信小程序云开发（可选）学习单元第十二章 微信小程序云开发学时4学时学习目标1. 理解微信小程序云开发模式2. 掌握云数据的概念与开发能力3. 掌握云函数的概念与开发能力4. 掌握云存储的概念与开发能力学习内容知识点了解掌握重点难点可选什么是云开发云开发的优势云开发权限设置云数据库介绍云数据库数据类型云数据库权限管理云数据库增/删/改/查数据迁移数据备份云函数介绍云函数调用云存储介绍文件管理云托管介绍环境创建与管理第十三章 自定义组件与第三方 UI 组件库（可选）学习单元第十三章 自定义组件与第三方UI组件库学时3学时学习目标1. 掌握微信小程序自定义组件开发2. 掌握常用第三方组件库的使用学习内容知识点了解掌握重点难点可选组件化开发定义自定义组件Vant Weapp 组件库介绍安装 Vant Weapp 组件库核心组件介绍组件的属性组件的事件与插槽业务组件第十四章 项目实战：电影之家小程序（可选）学习单元第十四章 项目实战：电影之家小程序学时3学时学习目标1. 掌握微信小程序项目的环境搭建2. 掌握微信小程序组件的使用3. 掌握微信小程序 API 的使用学习内容知识点了解掌握重点难点可选项目概述项目演示创建小程序项目文件结构安装组件库电影推荐首页开发电影列表开发电影详情页开发影评列表页开发小程序功能测试小程序上传与发布第十五章 项目实战：美妆商城小程序（可选）学习单元第十五章 项目实战：美妆商城小程序学时3学时学习目标1. 掌握微信小程序项目的环境搭建2. 掌握微信小程序组件的使用3. 掌握微信小程序 API 的使用学习内容知识点了解掌握重点难点可选项目概述项目演示创建小程序项目文件结构安装依赖美妆商城首页开发商品列表页开发商品详情页开发订单信息页开发订单结果页开发项目测试五、学时分配章目讲课上机合计第一章 微信小程序简介1学时0学时1学时第二章 微信开发者工具2学时1学时3学时第三章 微信小程序起步3学时1学时4学时第四章 小程序的配置文件4学时1学时5学时第五章 WXML语法基础3学时3学时6学时第六章 WXSS样式处理2学时1学时3学时第七章 WXS语法2学时2学时4学时第八章 小程序中的JavaScript2学时1学时3学时第九章 微信小程序核心组件6学时4学时10学时第十章 微信小程序核心API4学时2学时6学时第十一章 微信小程序开放能力（可选）3学时1学时4学时第十二章 微信小程序云开发（可选）3学时1学时4学时第十三章 自定义组件与第三方UI组件库（可选）2学时1学时3学时第十四章 项目实战：电影之家小程序（可选）1学时2学时3学时第十五章 项目实战：美妆商城小程序（可选）1学时2学时3学时合计29课时16学时45课时注：可选章节未计入合计课时。六、考核模式与成绩评定办法本课程为考试课程，期末考试采用百分制的闭卷考试模式。学生的考试成绩由平时成绩（30%）和期末考试（70%）组成，其中，平时成绩包括出勤（5%）、作业（5%）、实验和上机成绩（20%）。七、选用教材和主要参考书本大纲是根据教材微信小程序企业开发实战（微课版）所设计的。八、大纲说明本课程的授课模式为：课堂授课+上机，其中，课堂主要采用多媒体的方式进行授课，并且会通过测试题阶段测试学生的掌握程度；上机主要是编写程序，要求学生动手完成指定的程序设计或验证。在此处键入