还剩23页未读,继续阅读
本资源只提供10页预览,全部文档请下载后查看!喜欢就下载吧,查找使用更方便
文本内容:
《微信小程序开发实战(第2版)》教学设计课程名称授课年级授课学期教师找名年月授课年级授课学期教邺袅名第一课时WXML简介、WXSS简介、常用组件、页面路径配置、view组件
一、复习巩固教师通过上节课作业的完成情况,对学生吸收不好的知识点进行再次巩固讲解
二、通过情景引入的方式导入新课大学毕业后,许多大学生都将迈出校园去求职,为了让招聘人员快速地认识自己,可以做一个“个人信息、”微信小程序,展示自己的个人信息本节课将详细讲解“个人信息”微信小程序用到的相关知识点
三、新课讲解知识点LWXML简介教师通过PPT的方式讲解WXML简介WXML作用WXML与HTML的区别知识点2-WXSS简介教师通过PPT的方式讲解WXSSoWXSS作用WXSS与CSS的区别知识点
3.常用组件教师通过PPT的方式讲解常用组件1组件的概念2常用组件view组件text组件button组件image组件form组件video组件checkbox组件radio组件input组件audio组件知识点4-页面路径配置教师通过PPT结合实际操作的方式讲解页面路径配置⑴页面路径配置的方法2通过示例代码演示如何配置页面路径pages数组中每个元素的含义4创建一个新页面的方法知识点5-view组件教师通过PPT结合实际操作的方式讲解view组件view组件的作用2定义view组件的示例代码3列举view组件的常用属性通过示例代码演示以hover-class、hover-start-time和hover-stay-time属性的使用
四、归纳总结教师回顾本节课所讲的内容,并通过测试题的方式引导学生解答问题并给予指导
五、布置作业教师通过高校教辅平台http:〃tch.ityxb.com布置本节课作业以及下节课的预习作业第二课时image组件、rpx单位、样式导入、【案例个人信息•准备工作、【案例2・1】个人信息.实现“个人信息”微信小程序的页面结构、【案例个人信息•实现“个人信息”微信小程序的页面样式
一、复习巩固教师通过上节课作业的完成情况,对学生吸收不好的知识点进行再次巩固讲解
二、通过直接引入的方式导入新课在上节课中学习了“个人信息”微信小程序用到的相关知识点,包括WXML简介、WXSS简介、常用组件、页面路径配置、view组件的相关内容,在本节课中将继续详细讲解剩余的知识点及“个人信息”微信小程序的开发
三、新课讲解知识点1-image组件教师通过PPT结合实际操作的方式讲解image组件image组件作用2定义image组件的示例代码3列举image组件的常用属性4列举image组件mode属性常用的mode合法值⑸通过示例代码演示aspectFit缩放模式和top裁剪模式的使用知识点2-rpx尺寸单位教师通过PPT的方式讲解rpx尺寸单位rpx单位的作用rpx单位的设计思想3不同屏幕宽度的rpx与px的换算知识点3-样式导入教师通过PPT结合实际操作的方式讲解样式导入1样式导入的作用2样式导入的语法格式⑶通过示例代码演示如何创建公共样式文件并进行公共样式文件导入知识点4-1案例2-1]个人信息.准备工作教师通过PPT结合实际操作的方式讲解开发“个人信息”微信小程序的准备工作1创建项目⑵复制素材知识点
5.【案例2-1]个人信息•实现“个人信息”微信小程序的页面结构教师通过PPT结合实际操作的方式讲解“个人信息”微信小程序页面结构的实现1编写“个人信息”微信小程序的页面结构知识点
6.【案例22]个人信息•实现“个人信息”微信小程序的页面样式教师通过PPT结合实际操作的方式讲解“个人信息”微信小程序页面样式的实现1编写头像区域的页面样式2编写详细信息区域的页面样式
三、归纳总结教师回顾本节课所讲的知识,并通过测试题的方式引导学生解答问题并给予指导
四、布置作业教师通过高校教辅平台http:〃tch.ityxb.com布置本节课作业以及下节课的预习作业第三课时上机练习上机练习主要针对本章中需要重点掌握的知识点,以及在程序中容易出错的内容进行练习,通过上机练习可以考察同学对知识点的掌握情况,对代码的熟练程度上机考察知识点为WXML简介、WXSS简介、常用组件、页面路径配置、view组件、image组件、rpx单位、样式导入、【案例2・11个人信息■准备工作、【案例2・1】个人信息.实现“个人信息”微信小程序的页面结构、【案例2・1】个人信息.实现“个人信息”微信小程序的页面样式形式单独完成题目完成【案例2・1】个人信息的开发具体要求1创建项目和复制素材2实现“个人信息”微信小程序的页面结构3实现“个人信息”微信小程序的页面样式第四课时swiper和swiper-item组件、text组件、Flex布局、【案例22]本地生活•准备工作、【案例22]本地生活.实现“本地生活”微信小程序的页面结构、【案例2-2]本地生活.实现“本地生活”微信小程序的页面样式
一、复习巩固教师通过上节课作业的完成情况,对学生吸收不好的知识点进行再次巩固讲解
二、通过直接引入的方式导入新课“本地生活”微信小程序是一个介绍本地美食、装修、工作等信息的微信小程序,微信小程序的首页包含轮播图区域和九宫格区域本节课将详细讲解“本地生活”微信小程序用到的相关知识点及开发
三、新课讲解知识点1-swiper和swiper-item组件教师通过PPT结合实际操作的方式讲解swiper和swiper-item组件swiper和swiper-item组件的作用swiper和swiper-item组件的示例代码3列举swiper组件的常用属性4通过示例代码演示swiper和swiper-item组件的使用知识点2-text组件教师通过PPT结合实际操作的方式讲解text组件text组件的作用text组件的示例代码3列举text组件的常用属性4通过示例代码演示text组件的使用知识点3-Flex布局教师通过PPT结合实际操作的方式讲解Flex布局Flex布局概念及作用Flex布局的使用方法3列举Flex容器的常用属性4列举Flex项目的常用属性通过示例代码演示flex-directionjustify-contentalign-items和flex-wrap属性的使用知识点
4.【案例2-2]本地生活.准备工作教师通过PPT结合实际操作的方式讲解开发“本地生活”微信小程序的准备工作1创建项目2配置页面3复制素材知识点
5.【案例2-2]本地生活.实现“本地生活”微信小程序的页面结构教师通过PPT结合实际操作的方式讲解“本地生活”微信小程序页面结构的实现1编写轮播图区域的页面结构2编写九宫格区域的页面结构知识点
6.【案例22]本地生活.实现“本地生活”微信小程序的页面样式教师通过PPT结合实际操作的方式讲解“本地生活”微信小程序页面样式的实现1编写轮播图区域的页面样式2编写九宫格区域的页面样式
四、归纳总结教师回顾本节课所讲的内容,并通过测试题的方式引导学生解答问题并给予指导
五、布置作业教师通过高校教辅平台http:〃tch.ityxb.com布置本节课作业以及下节课的预习作业第五课时上机练习上机练习主耍针对本章中需要重点掌握的知识点,以及在程序中容易出错的内容进行练习,通过上机练习可以考察同学对知识点的掌握情况,对代码的熟练程度上机考察知识点为swiper和swiper・item组件、text组件、Flex布局、【案例22]本地生活•准备工作、【案例22]本地生活•实现“本地生活”微信小程序的页面结构、【案例22]本地生活.实现“本地生活”微信小程序的页面样式形式单独完成题目完成【案例2・2】本地生活的开发具体要求1创建项目、配置页面和复制素材2实现“本地生活”微信小程序的页面结构3实现“本地生活”微信小程序的页面样式第六课时导航栏配置、标签栏配置、vw、vh单位、video组件、表单组件
一、复习巩固教师通过上节课作业的完成情况,对学生吸收不好的知识点进行再次巩固讲解
二、通过需求引入的方式导入新课当一对新人即将举办婚礼时,通常会向他们的亲朋好友发送一些邀请函相比于传统的纸质邀请函,通过微信小程序发送邀请函会让人眼前一亮,给人们不一样的便捷体验本节课将详细讲解“婚礼邀请函”微信小程序用到的相关知识点
三、新课讲解知识点1-导航栏配置教师通过PPT结合实际操作的方式讲解导航栏配置1导航栏配置的作用2列举导航栏的相关配置项⑶通过示例代码演示如何在页面配置文件和全局配置文件中对导航栏进行配置知识点2-标签栏配置教师通过PPT结合实际操作的方式讲解标签栏配置⑴配置标签栏的作用⑵配置标签栏的方法3列举tabBar配置项的属性4通过示例代码演示tabBar配置项的属性的使用list属性的相关概念6标签按钮的相关属性7通过示例代码演示tabBar配置项中list属性的使用知识点3-vwvh单位教师通过PPT的方式讲解vwvh单位vw、vh单位作用vwvh单位的换算思想知识点4-video组件教师通过PPT结合实际操作的方式讲解video组件video组件的作用video组件的示例代码3列举video组件的常用属性4通过示例代码演示video组件的使用知识点5-表单组件教师通过PPT结合实际操作的方式讲解表单组件⑴表单组件作用2常见的表单组件form组件button组件input组件checkbox和checkbox-group组件radio和radio-group组件radio组件
四、归纳总结教师回顾本节课所讲的内容,并通过测试题的方式引导学生解答问题并给予指导
五、布置作业教师通过高校教辅平台http://tch.ityxb.com布置本节课作业以及下节课的预习作业第
七、八课时【案例2・3】婚礼邀请函•准备工作、【案例2・3】婚礼邀请函•项目初始化、【案例2-3]婚礼邀请函.实现“邀请函”页面的结构、【案例2-3]婚礼邀请函.实现“邀请函”页面的样式、【案例2-3]婚礼邀请函.实现“照片”页面的结构、【案例2・3】婚礼邀请函•实现“照片”页面的样式、【案例2・3】婚礼邀请函•实现“美好时光”页面的结构、【案例2-3]婚礼邀请函.实现“美好时光”页面的样式、【案例2-3]婚礼邀请函.实现“宾客信息”页面的结构、【案例2-3]婚礼邀请函•实现“宾客信息”页面的样式
一、复习巩固教师通过上节课作业的完成情况,对学生吸收不好的知识点进行再次巩固讲解
二、通过直接引入的方式导入新课上节课对“婚礼邀请函”微信小程序中将要用到的知识点进行详细讲解,本节课中将详细讲解“婚礼邀请函”微信小程序的开发
三、新课讲解知识点1-1案例2-3]婚礼邀请函•准备工作教师通过PPT结合实际操作的方式讲解开发“婚礼邀请函”微信小程序的准备工作6创建项目7配置页面8复制素材9安装Node.jSo10启动服务器知识点
2.【案例2-3]婚礼邀请函•项目初始化教师通过PPT结合实际操作的方式讲解“婚礼邀请函”微信小程序的项目初始化⑴标签栏的配置⑵各个导航栏标题的配置⑶全局样式文件中导航栏样式的配置4公共样式的编写知识点3-【案例23]婚礼邀请函•实现“邀请函”页面的结构教师通过PPT结合实际操作的方式讲解“婚礼邀请函”微信小程序“邀请函”页面结构的实现1实现“邀请函”页面的背景图片2编写内容区域的整体结构3编写新郎和新娘的姓名区域的结构4编写婚礼信息区域的结构知识点4-1案例2-3]婚礼邀请函•实现“邀请函”页面的样式教师通过PPT结合实际操作的方式讲解“婚礼邀请函”微信小程序“邀请函”页面样式的实现1编写背景图片的样式⑵编写内容区域中外层容器的样式3编写顶部图片区域的样式4编写标题区域的样式5编写合照区域的样式6编写新郎和新娘姓名区域的样式7编写新郎和新娘姓名区域中姓名的样式8编写新郎和新娘姓名区域中电话图片的样式9编写新郎和新娘姓名区域中“喜”字图片的样式10编写婚礼信息区域的样式知识点5-1案例2-3]婚礼邀请函•实现“照片”页面的结构教师通过PPT结合实际操作的方式讲解“婚礼邀请函”微信小程序“照片”页面结构的实现1通过代码实现“照片”页面的结构知识点6-1案例2-3]婚礼邀请函•实现“照片”页面的样式教师通过PPT结合实际操作的方式讲解“婚礼邀请函”微信小程序“照片”页面样式的实现1通过代码实现“照片”页面的样式知识点7-【案例23]婚礼邀请函.实现“美好时光”页面的结构教师通过PPT结合实际操作的方式讲解“婚礼邀请函”微信小程序“美好时光”页面结构的实现⑴通过代码实现“美好时光”页面的结构知识点8-1案例2-3]婚礼邀请函.实现“美好时光”页面的样式教师通过PPT结合实际操作的方式讲解“婚礼邀请函”微信小程序“美好时光”页面样式的实现⑴编写“美好时光”页面中的3个外层view组件的样式2编写标题和拍摄日期区域的样式3编写视频区域的样式知识点9-1案例2-3]婚礼邀请函■实现“宾客信息”页面的结构教师通过PPT结合实际操作的方式讲解“婚礼邀请函”微信小程序“宾客信息”页面结构的实现1实现“宾客信息”页面的背景图片2编写内容区域的整体页面结构3编写姓名区域的结构4编写手机号码区域的结构5编写性别区域的结构6编写需要的点心区域的结构知识点10-【案例23]婚礼邀请函.实现“宾客信息”页面的样式教师通过PPT结合实际操作的方式讲解“婚礼邀请函”微信小程序“宾客信息”页面样式的实现1编写背景图片的样式2编写内容区域中外层容器的样式3编写姓名和手机号码区域的样式4编写性别区域的样式5编写点心区域的样式⑹编写“提交”按钮的样式
四、归纳总结教师回顾本节课所讲的内容,并通过测试题的方式引导学生解答问题并给予指导
五、布置作业教师通过高校教辅平台http://tch.ityxb.com布置本节课作业以及下节课的预习作业第
九、十课时上机练习上机练习主要针对上节课中需要重点掌握的知识点,结合“婚礼邀请函”微信小程序的“邀请函”“照片”“美好时光”“宾客信息”页面进行练习,通过上机练习可以考察同学对知识点的掌握情况,对代码的熟练程度上机一考察知识点为【案例2-3]婚礼邀请函•准备工作、【案例2-31婚礼邀请函•项目初始化、【案例2・3】婚礼邀请函•实现“邀请函”页面的结构、【案例2・3】婚礼邀请函•实现“邀请函”页面的样式形式单独完成题目“婚礼邀请函”微信小程序“邀请函”页面的开发具体要求1创建项目、配置页面以及复制素材2项目初始化3实现“邀请函”页面的结构4实现“邀请函”页面的样式上机二考察知识点为【案例2-3]婚礼邀请函.实现“照片”页面的结构、【案例2-3]婚礼邀请函•实现“照片”页面的样式、【案例2-3]婚礼邀请函•实现“美好时光”页面的结构、【案例2-3]婚礼邀请函•实现“美好时光”页面的样式、【案例2・31婚礼邀请函•实现“宾客信息”页面的结构、【案例2・31婚礼邀请函•实现“宾客信息”页面的样式形式单独完成题目“婚礼邀请函”微信小程序“照片”“美好时光”“宾客信息”页面的开发具体要求1实现“照片”页面的结构2实现“照片”页面的样式3实现“美好时光”页面的结构4实现“美好时光”页面的样式5实现“宾客信息”页面的结构6实现“宾客信息”页面的样式教学后记第一课时什么是微信小程序、微信小程序的特点、微信小程序的发展前景、微信小程序的宿主环境
一、创设情景导入新课目前,微信的普及程度已经很高了,人们通过微信可以聊天、工作、支付等微信小程序是一种运行在微信中的程序,因其独特优势受到了人们的广泛关注本节课将对微信小程序进行详细讲解
二、新课讲解知识点1•什么是微信小程序教师通过PPT的方式讲解什么是微信小程序1微信小程序的概念2微信小程序的发展状况3打开微信小程序的途径搜索关键词;扫码;群分享;好友分享知识点
2.微信小程序的特点教师通过PPT的方式讲解微信小程序的特点以及微信小程序和原生应用、HTML5应用的对比1微信小程序的特点无须安装、触手可及;用完即走、无须卸载;名称唯一;入口丰富;传播能力强2微信小程序与原生应用的对比3微信小程序与HTML5应用的对比知识点
3.微信小程序的发展前景教师通过PPT的方式讲解微信小程序的发展前景1生态体系2开放能力3用户黏性知识点
4.微信小程序的宿主环境教师通过PPT的方式讲解微信小程序的宿主环境1宿主环境的概念iOS系统和Android系统提供了两种不同的宿主环境3微信小程序的宿主环境4微信小程序的宿主环境为微信小程序提供的内容组件;APIo
三、归纳总结教师回顾本节课所讲的知识,并通过测试题的方式引导学生解答问题并给予指导
四、布置作业教师通过高校教辅平台http://tch.ityxb.com布置本节课作业以及下节课的预习作业第二课时注册微信小程序开发账号、获取微信小程序AppID、安装微信开发者工具、创建微信小程序项目
一、复习巩固教师通过上节课作业的完成情况,对学生吸收不好的知识点进行再次巩固讲解
二、通过直接引入的方式导入新课为了帮助开发者简单高效地实现微信小程序的开发,微信团队提供了一套微信开发者工具该工具集成了公众号网页调试和小程序调试两种开发模式在正式开发微信小程序前,需要先进行开发前的准备工作本节将对微信小程序开发前的准备工作进行详细讲解
三、新课讲解知识点1•注册微信小程序开发账号教师通过PPT结合实际操作的方式讲解注册微信小程序开发账号的步骤1使用浏览器访问微信公众平台的官方网站2单击“立即注册”链接,进入开发账号的注册页面,选择注册的账号类型3单击“小程序”链接,跳转到小程序注册页面4根据提示填入自己的邮箱、密码、确认密码等,完成账号信息的填写5单击“注册”按钮,进入提示邮箱激活页面6单击“登录邮箱”按钮,登录步骤4中填写的邮箱,查看收到的账号激活链接7单击激活链接,将跳转到用户信息登记页面,根据页面提示进行用户信息登记8填写完用户相关信息后,单击“继续”按钮,进入微信小程序管理后台知识点
2.获取微信小程序AppID教师通过PPT结合实际操作的方式讲解什么是AppID以及获取微信小程序AppID的方法1AppID的概念2获取微信小程序AppID的方法登录微信小程序管理后台;在左侧边栏中选择“开发管理”;选择“开发设置”,即可查看AppID知识点
3.安装微信开发者工具教师通过PPT结合实际操作的方式讲解微信开发者工具的安装方法1在微信小程序管理后台的左侧边栏中选择“开发工具”,然后选择“开发者工具”,找到微信开发者工具的下载页面2单击“下载”按钮,跳转到微信开发者工具的下载链接页面3单击稳定版的“Windows64”链接下载该版本的微信开发者工具安装包4双击微信开发者工具的安装包,进入微信开发者工具的安装向导,根据安装向导进行操作,完成微信开发者工具的安装知识点
4.创建微信小程序项目教师通过PPT结合实际操作的方式讲解创建微信小程序项目的步骤1首次打开微信开发者工具时出现一个登录页在登录界面中使用微信扫码登录微信开发者工具2使用微信扫码登录成功后进入微信开发者工具的项目选择界面3单击“+”进入微信小程序项目的创建页面,将项目信息填写完成后,单击“确定”按钮创建微信小程序项目
四、归纳总结教师回顾本节课所讲的知识,并通过测试题的方式引导学生解答问题并给予指导
五、布置作业教师通过高校教辅平台http://tch.ityxb.com布置本节课作业以及下节课的预习作业第
三、四课时微信小程序的项目结构、微信小程序的页面组成、微信小程序的通信模型、认识微信开发者工具、微信小程序的项目设置、微信小程序开发常用快捷键
一、复习巩固教师通过上节课作业的完成情况,对学生吸收不好的知识点进行再次巩固讲解
二、通过直接引入的方式导入新课在正式进入微信小程序开发前,大家需要对微信小程序的项目结构、页面组成以及和通信模型以及微信开发者工具的使用有一个基本的认识本节将对微信小程序开发基础和微信开发者工具的使用进行详细讲解
三、新课讲解知识点1•微信小程序的项目结构教师通过PPT的方式讲解微信小程序的项目结构以及微信客户端启动微信小程序的流程1微信小程序的项目结构pages;.eslintrc.js;appjs;app.json;app.wxss;project.config.json;project.private.config.json;sitemap.jsono2微信客户端启动微信小程序的流程首先把整个微信小程序的代码包下载到本地然后解析app.json全局配置文件,通过该文件解析出微信小程序的所有页面路径;接着执行app.js入口文件,调用App函数创建微信小程序的实例;最后渲染微信小程序的首页知识点
2.微信小程序的页面组成教师通过PPT的方式讲解微信小程序的页面组成部分、编写语言和微信客户端加载微信小程序页面的顺序1微信小程序的页面组成部分以index页面为例index.js;index.json;indexwxml;index.wxsso2微信小程序页面使用4种语言编写JS;JSON;WXML;WXSSo3微信客户端加载微信小程序页面的顺序首先读取并解析页面中JSON文件的配置;然后加载页面的WXML文件、WXSS文件和JS文件,实现页面渲染知识点
3.微信小程序的通信模型教师通过PPT的方式讲解微信小程序的通信模型1实现微信小程序通信的组成部分渲染层;逻辑层;第三方服务器2通信模型的组成部分渲染层与逻辑层之间的通信;逻辑层与第三方服务器之间的通信知识点
4.认识微信开发者工具教师通过PPT结合实际操作的方式介绍微信开发者工具主界面的组成部分1菜单栏2工具栏3模拟器4编辑器5调试器知识点
5.微信小程序的项目设置教师通过PPT的方式讲解微信小程序的项目设置基本信息的设置性能分析本地设置项目配置知识点
6.微信小程序开发常用快捷键教师通过PPT的方式讲解微信小程序开发常用快捷键1项目和文件相关的快捷键2编辑相关的快捷键3工具相关的快捷键4界面相关的快捷键
四、归纳总结教师回顾本节课所讲的知识,并通过测试题的方式引导学生解答问题并给予指导
五、布置作业教师通过高校教辅平台http://tch.ityxb.com布置本节课作业以及下节课的预习作业第
五、六课时项目成员的组织结构、项目成员的分工、项目成员和体验成员的管理、项目成员的权限、添加项目成员和体验成员、微信小程序的版本、微信小程序的上线流程
一、复习巩固教师通过上节课作业的完成情况,对学生吸收不好的知识点进行再次巩固讲解
二、通过直接引入的方式导入新课在中大型公司中,人员的分工非常明确,同一个微信小程序一般会有不同的岗位、不同角色的员工同时参与设计与开发此时,出于管理需要,需要对不同岗位、不同角色的员工进行权限管理,以便高效地进行协同开发本节对微信小程序的项目成员和发布上线进行详细讲解
三、新课讲解知识点1•项目成员的组织结构教师通过PPT的方式讲解项目成员的组织结构1项目管理者2产品组3设计组4开发组5测试组知识点
2.项目成员的分工教师通过PPT的方式讲解项目成员的分工首先由产品组提出需求然后设计组根据产品需求做出设计方案供开发者使用接着开发组依据设计方案进行代码的编写代码编写完成后,需要产品组和设计组去体验、测试组进行各种测试测试完成后,由项目管理者发布微信小程序知识点
3.项目成员和体验成员的管理教师通过PPT的方式讲解项目成员的管理、项目成员和体验成员的介绍以及成员管理的流程1微信小程序的成员管理包括两方面管理员对微信小程序项目成员的管理管理员对微信小程序体验成员的管理2项目成员和体验成员的介绍3微信小程序成员管理的流程管理员可以添加或删除项目成员和体验成员•项目成员也可以添加或删除体验成员知识点
4.项目成员的权限教师通过PPT方式讲解不同项目成员拥有的权限1登录权限2版本发布权限3数据分析权限4开发能力权限5修改小程序介绍6暂停/恢复服务7设置可被搜索8解除关联移动应用9解除关联公众号10管理体验者11体验者权限12微信支付13小程序插件管理14游戏运营管理15推广知识点
5.添加项目成员和体验成员教师通过PPT结合实际操作的方式讲解项目成员和体验成员的添加方法1登录微信小程序管理后台,选择左侧边栏的“成员管理”,进入成员管理页面2单击项目成员模块右侧的“■”按钮,然后单击“添加成员”进入添加成员页面输入要添加的项目成员的微信号,并为其设置权限,单击“确认添加”按钮,页面中将弹出一个微信二维码提示框,管理员使用微信进行扫码确认身份后即可完成项目成员的添加3单击体验成员模块右侧的“添加”按钮,页面中将弹出添加体验成员的提示框,将要添加的体验成员的微信号填写之后,单击“确定”按钮即可完成体验成员的添加知识点
6.微信小程序的版本教师通过PPT的方式讲解微信小程序的版本⑴开发版本2体验版本3审核版本4线上版本知识点
6.微信小程序的上线流程教师通过PPT结合实际操作的方式讲解微信小程序的上线流程1上传代码2查看上传代码之后的版本3提交审核《微信小程序开发实战第2版》教学设计课程名称课题名称第1章微信小程序入门计戈1」课时6课时课题名称第2章微信小程序页面制作计划课时10课时教学引入若想开发一个微信小程序,首先应学习如何进行页面制作,也就是学习如何搭建微信小程序的页面结构并实现美观的页面样式效果为了使初学者快速掌握微信小程序的页面制作,本章将从微信小程序常用组件、页面样式等方面进行详细讲解教学目标使学生了解WXML的概念,能够说出WXML的特点、WXML与HTML的区别使学生了解WXSS的概念,能够说出WXSS的特点、WXSS与CSS的区别使学生了解组件的概念,能够说出组件的特点及常用的组件使学生掌握页面路径的配置方法,能够运用该方法进行页面管理使学生掌握view组件的使用方法,能够灵活运用view组件实现页面的布局效果使学生掌握image组件的使用方法,能够灵活运用image组件完成图片插入操作使学生掌握rpx单位的使用方法,能够灵活运用rpx单位解决屏幕适配的问题使学生掌握页面样式的导入方法,能够灵活运用该方法导入公共样式使学生掌握swiper和swiper-item组件的使用方法,能够灵活运用swiper和swiper-item组件完成轮播图的制作使学生掌握text组件的使用方法,能够灵活运用text组件定义行内文本使学生掌握Flex布局的使用方法,能够使用Flex布局的相关属性完成页面布局使学生掌握导航栏的配置方法,能够完成导航栏标题颜色、背景颜色等页面效果的设置使学生掌握标签栏的配置方法,能够完成页面标签栏的配置使学生掌握VW、Vh单位的使用方法,能够灵活运用VW、vh单位设置宽度和高度使学生掌握video组件的使用方法,能够灵活运用video组件实现页面中视频的处理使学生掌握表单组件的使用方法,能够灵活运用表单组件完成表单页面的制作教学重点页面路径配置view组件image组件【案例2-1]个人信息■实现“个人信息”微信小程序页面结构swiper和swiper-item组件表单组件教学难点•image组件教学方式课堂教学以PPT讲授为主,并结合多媒体进行教学教学引入微信小程序于2017年1月9日正式上线,凭借其开发成本低、微信用户数量庞大等优势,得到了许多用户的认可,同时还为许多商家提供了商机为了满足人们的日常需求,微信小程序的开发技术也在不断更新为了让读者对微信小程序右一个整体的认识,本章将对微信小程序的入门知识进行详细讲解教学目标使学生了解微信小程序,能够说出微信小程序的概念、特点、发展前景和宿主环境使学生掌握微信小程序开发账号的注册方法,能够独立完成微信小程序开发账号的注册使学生掌握获取微信小程序AppID的方法,能够从微信小程序管理后台获取AppID使学生掌握微信开发者工具的安装方法,能够独立完成微信开发者工具的安装使学生掌握微信小程序项目的创建方法,能够使用微信开发者工具创建项目使学生熟悉微信小程序的项目结构,能够解释每个文件的作用使学生熟悉微信小程序的页面组成,能够解释WXML、WXSS、JS和JSON文件的作用使学生熟悉微信小程序的通信模型,能够解释微信小程序中渲染层、逻辑层及第三方服务器的通信方式使学生熟悉微信开发者工具的主界面,能够说出工具栏中常用快捷按钮的功能使学生掌握微信小程序的项目设置,能够根据需要对微信小程序进行设置使学生了解微信小程序开发常用快捷键,能够列举4类常用快捷键使学生了解项目成员,能够说出项目成员的组织结构、分工和权限使学生掌握添加项目成员和体验成员的方法,能够在微信小程序管理后台中添加项目成员和体验成员使学生熟悉微信小程序的版本,能够说明微信小程序的4种版本使学生熟悉微信小程序发布上线的流程,能够归纳出微信小程序发布上线的步骤教学重点获取微信小程序AppID创建微信小程序项目教学难点无教学方式课堂教学以PPT讲授为主,并结合多媒体进行教学4发布
四、归纳总结教师回顾本节课所讲的知识,并通过测试题的方式引导学生解答问题并给予指导
五、布置作业教师通过高校教辅平台http://tch.ityxb.com布置本节课作业以及下节课的预习作业教学后记。