《微信小程序项目案例开发》教学大纲

微信小程序项目案例开发教学大纲课程名称：微信小程序开发学分：3.0 总学时数：48课程性质：选修课 考核方式：考查/考试总评成绩：平时成绩40%+期末考试成绩60%或：过程考评40%(平时作业20%+实验20%)+最终作品及答辩30%+报告30%先修课程：数据库原理，前端开发基础，Web技术及应用01课程简介随着社会的发展，互联网新技术日益层出不穷。根植于微信内部的微信小程序，由于微信本身强大的社交属性带来了巨大的流量和超高的商业价值，其涉及的应用领域也在日益扩大，不久的将来很可能超过APP的数量。微信小程序(MiniProgram)是一种轻量级的应用，它实现了应用“触手可及”的梦想，用户无需下载安装即可在微信中使用小程序。本课程将以项目驱动为宗旨，以丰富案例作实践，从零开始讲授微信小程序开发的入门基础知识与开发技巧。02课程目标及毕业要求指标点目标1:了解微信小程序的特点、功能，学会从零创建一个微信小程序项目，并进行调试开发，提交代码。目标2：了解小程序的基础框架、组件，学会灵活运用相关组件进行应用开发。

目标3:掌握微信小程序的各类应用API使用技巧和云开发技能，理解其运行原理。目标4:掌握HTML、CSS、JavaScript知识并综合运用，包括布局样式设计和逻辑的处理等，根据应用需求实现完整的微信小程序项目的开发表1课程教学目标及毕业要求支撑对照列表毕业要求二级指标点权重(Z=1)初始程度要求程度课程目标1.工程知识1-2掌握计算机相关专业课程知识，具备解决计算机领域具体复杂工程问题的能力*0.3L1L4目标1目标2目标3目标43、设计/开发解决方案3-3能够在设计过程中体现创新意识，考虑社会、健康、安全、法律、文化及环境等因素0.2L1L2目标1目标45、使用现代工具5-1熟悉计算机领域常用的现代工程设计方法和信息技术开发工具，并掌握基本使用方法。0.3L1L4目标1目标2目标3目标412、终身学习12-2具有白主学习的知识基础和学习方法，能够针对个人或职业发展的需要，不断学习，适应发展。0.2L1L3目标4本表注：以布鲁嬷学习目标分类法描述学生在学完本课程后应具有的能力，目标栏内以L1（认知八L2（理解）、L3（应用）、L4（分析）、L5（综合）、L6（创造）来表示对此项熊力要求达到的程度，无要求则留空。03课程重点、难点重点：小程序框架原理，各类视图组件API的效果和使用方式，网络通信、媒体组件应用、文件操作、读写缓存等应用，小程序云开发方法。难点：理解native、视图层和渲染层的通信原理，掌握 网络通信、媒体组件应用、文件操作、读写缓存等机制原理与限制，canvas画图和动画设计，小程序云开发技巧等。04教学内容和学时分配（一）第1章浅谈微信小程序2学时主要内容：介绍小程序的诞生、特点和主要功能，讲解如何注册开发者账号和完善信息、开发工具的下载与安装使用，以及简单小程序项目目录结构。重点：微信小程序发者账号的创建，开发者工具的使用。难点：熟悉开发者工具的使用及理解小程序项目各类主体文件的作用。（二）第2章小程序的视图与渲染 2学时主要内容：介绍小程序的视图层及渲染过程，讲解各种页面的数据绑定方法，使用模板与引用代码段的步骤及其相关案例。重点：WXML文件代码的基础语法，数据绑定与渲染标签。难点：条件渲染及列表渲染的方法，模板的引用。（三）第3章小程序的事件 1学时主要内容：介绍小程序的事件与事件对象的概念，讲解事件类型及事件绑定类型的案例。重点：常用的事件对象及其对应的绑定方式。难点：事件的两大类型冒泡与非冒泡事件，以及如何阻止冒泡事件。（四）第4章【扶贫超市Parti】开发准备1学时主要内容：介绍扶贫超市实战项目的基本功能及需求分析，申请账号并新建项目，完成扶贫超市项目的第一部分内容。重点：项目需求分析和功能模块划分，申请账号并创建项目雏形框架。难点：项目需求分析和功能模块划分。（五）第5章小程序项目的配置与生命周期1学时主要内容：介绍小程序项目的叩p.json全局配置，讲解小程序的生命周期和全局变量与函数。重点：小程序项目的全局配置，页面、窗口、 tabBar等配置方法。难点：小程序的生命周期，叩p对象和变量函数。（六）第6章小程序页面的配置与生命周期2学时主要内容：讲解微信小程序页面的窗口配置，页面生命周期函数及执行过程，并结合新闻客户端案例学习页面跳转和参数传递。重点：掌握小程序的页面生命周期函数，页面跳转和参数传递的过程。难点：理解小程序页面生命周期函数的执行）1顺序和过程。（七）第7章【扶贫超市Part2】项目页面框架配置1学时主要内容：完成扶贫超市项目页面框架配置，主要包含项目目录整理、项目tarBar配置以及项目窗口配置。重点：项目目录结构的搭建与tarBar和window配置。难点：项目页面框架的全局设计与属性值配置。（八）第8章页面布局2学时主要内容：讲解视图层和基础布局模型flex的用法，相对定位与绝对定位布局，并通过简易计算器案例讲解布局实战。重点：flex布局与相对、绝对定位布局。难点：flex布局的理解和配置。（九）第9章小程序的样式基础2学时主要内容：讲解样式的基本使用、样式属性的配置，以及样式选择器的使用。重点：样式的基本用法和样式属性的配置。难点：样式选择器的用法（十）第10章组件4学时主要内容：按照功能分类依次介绍视图容器、基础内容、表单、导航、多媒体和地图组件的用法。重点：掌握小程序视图层各类组件的用法难点：小程序组件的运用场景，了解各组件的主要配置属性及效果（十一）第11章操作反馈工具与简单的界面API2学时主要内容：讲解四种操作反馈工具toast、modal、loading和action-sheet的基本使用，并结合案例介绍几种页面反馈 API的基本使用，包括设置背景、设置tabBar、动态加载字体、下拉刷新等。重点：小程序各种页面反馈工具和界面API的使用难点：tabBar与页面导航的切换方法，Background背景样式的设置（十二）第12章【扶贫超市Part3】主要页面的UI2学时页面、购物车页面、“我的”页面、管理端商品管理页面等页面的 UI设计。重点：各主要页面的UI设计和样式代码编写。难点：页面UI的flex布局和样式效果调试。（十三）第13章认识云开发项目2学时主要内容：介绍微信小程序云开发的概念及其组成部分，创建云开发项目实例讲解构建和部署云环境，完成新建云函数、获取 openid、管理文件和操作数据库等任务内容。重点：云函数的创建和调用，云开发数据库的原理理解和操作使用。难点：云开发数据库的原理理解和操作过程。（十四）第14章云开发数据库2学时主要内容：介绍云开发数据库的概念，并详细介绍其数据类型、权限控制、安全规则等，并演示云开发数据库的复杂操作。重点：掌握小程序云开发的数据库类型和权限控制，并学会基本的数据库操作。难点：云开发数据库的查询匹配及联表查询。（十五）第15章云函数及其调试2学时主要内容：讲解小程序的云函数新建、部署和调用过程，包括云函数的常见操作和调试测试。重点：掌握熟悉云函数中JS语法书写、函数调用和调试。难点：云函数的云端调试和本地调试方法。（十六）第16章【扶贫超市Part4】构建数据库与商品管理2学时主要内容：讲解扶贫超市项目的后台部分，主要包括数据库设计和云端集合操作，并结合云端数据库完善项目中的商品管理wxml代码和JS逻辑函数设计。重点：数据库的设计，相关逻辑函数的编写。难点：云函数的调用。（十七）第17章系统底层的基础API2学时主要内容：介绍了获取系统信息API、定时器API和扫码API，并讲解了API函数的调试方法。重点：小程序系统底层API的用法和调试方法。难点：小程序开发工具调试模式调试方法及断点调试方法。（十八）第18章网络与文件上传API2学时主要内容：讲解微信小程序网络API和文件API的用法，包括发起和中断请求，文件传输、保存、信息获取，文件的打开删除等操作，以及号码归属地查询小程序案例讲解了wx.request的应用。重点：小程序各类网络API和文件API的用法与限制难点：网络请求的原理，本地文件与临时文件区别用法，以及各类 API对文件源的要求。（十九）第19章数据缓存API2学时主要内容：讲解微信小程序数据缓存API的用法，包括本地缓存、数据的存储、获取、删除、清空等操作，并讲解与缓存相关的 API函数测试案例。重点：小程序各类数据缓存API的用法。难点：异步数据与同步数据的区别，缓存原理与限制。（二十）第20章位置API2学时主要内容：讲解微信小程序位置API的用法，包括位置信息的获取，获取和选择位置，查看位置，地图组件控制，并讲解位置API测试和路径导航案例。重点：小程序各类位置API的用法。难点：两种地图坐标系的区别，标记的处理。（二十一）第21章获取用户信息及登录态管理2学时主要内容：介绍用户数据信息分类与开放数据获取流程，讲解用户登录态管理及其实现机制。重点：小程序获取用户信息的相关API及其用法。难点：用户登录态的实现机制。（二十二）第22章【扶贫超市Part5】商品图片上传功能2学时主要内容：完成扶贫超市项目的商品图片上传功能部分，包括本地图片选择及云开发端将图片写入数据库等操作，实现图片的选择上传、预览与删除等功能。重点：图片选择上传、预览与删除功能的实现难点：图片的选择上传与删除逻辑实现。（二十三）第23章扶贫超市项目功能完善6学时主要内容：完善扶贫超市项目的其他主要功能，包括商品详情页面、购物车管理、结算与确认订单、设置收货地址、提交订单并支付等相关功能页面的页面效果和业务逻辑实现。重点：项目各主要功能部分的页面和逻辑代码编写。难点：云函数的调用以及部分功能如订单支付的逻辑处理。

09教学日历教 学 日 历邨徨— 一信小程序F发事院宿恩工桎学院专业计算机科学与技术班毅 黑——刘至光第学期■"H北匆升能口历叶数冏我12.冏子区济谦48学时得学时可歌乐学时学附黑里X之叶X步叶谡年手时学时息计KJt芈时5学时第页司次每愠学时鞅旬 讴？1 单 rt 需录外作史找打后会者书专慎方式备注讲堂「按教学大洱分章或的H的会和｝关醛（案验项目右林1工：》学时12第1尊连疏微G小花巾11小程序简介 U小程序开荒粕需1.3小程中开战工H的校用L4小程序照日H基结构«#■三红，嬴1U■用序苴等处黑员买战|MJ.北京，清华火步出菱社.2021蒙书芍目；周文浩-读*出理序升及季玉叱入口ML±京r清隼大竽出版卦，3019ffl卷12笫士市小程序的吃图勺泡染11规图与泪生过桂 1Z由亚比定弟泡JH前f 1.4模板后引用累制瓦丸斑在表22笫3次后笫£由小程序的中田坐佛与呻口挂木配置31事件时电 3.2中件变型3J中件浦定关里51例0i®NH配置属■性 5-2页面配置53阕口足芭 5月场祝融出置5.51司格的恒盟 5.d恍胤配置5.7小岌庠的生命周期案桐便用的对敷的案隔27第。总小程序页而的归置与生命周皿6J小程序的双面配印 6.2狐面的牛.命冏期6.3页面跳转 5.4页面间的参数传睡富用新闻客户魏32第4章&第7章文般蹊目“扶拓也市”的前期工柞4.1项目背景叮需求 A,2肝及准符71项II目录整理 12项目就蜘切必工&顶目蔺11配凫3?第M3页而布局8.L页面由i局概述 K2日ex布局拈本概.伤E3C1由布局案例 乱4,fks容科属性详群85日镭项目属性洋解队手相对定位和第对定位.布他案例茴刻计坏器42第9阜小程序的样式基谴y.l样式的基本使用9.2样式的属性9J样式选择器的使用4-54410«细件IQ.I初始组件 J0.2视图容器阻件10.3里础内容组件 3O.-4去单翅H10.5form表单我交组件10.6号肮组件iiavigalor10-7名媒体组件 10.S地图map5?先U母探柞反惭工具与简单的界而API11.1tcast吐司提示1L2dLtid4］邨富报示L.3loading加戏卷小11.4adkin-sheet操作灵单.5许戌Fiackgncmnil样式ll-fi初出4置工；中日造原性111加戴第三方字体潞翩则震蝎U.8卜拉利新E项以居玉依故如

02第口卓I扶黄迪/PxrOJ主嬖电1B1的ll机计口J廿*口1性计 1£2分生点面UI4计123曲捌不贞iRiUl设计1工4"我的"页面5设计12.5管理国庆甯品管理浜面UJtttf62第13尊认也题北发现tl■J云醛1■在与澳成部分以士周建与晓盍力泼项目13.4就二期懦并部孑例B5动既用户百画案倒13.«上档友件案例以及也至同匕件管理案制数据悔报作案例r2第14章成开发旺据阵14.1招出租史 L4.2愈据美理14?段晶投讥 L44也据阵旦小撵作nr2第冶后云由数段其调试IS.］云由置基础 IJ&A*servdf.辿（词始化153云由数时常见撵作15.4元力源调试£2笫1G由E1X节耻附1皆141构出物掷为与商储管飞161建宣数里片16.1用户可色超员月份的登运判断163浑如陶品 16.4住改商品监息16.5■除商品2第门其奉安底层的基箱API17.1获取慈统百总的API17.2定时界1T3调讥AFT 17.4Mg2笫1吊串网络与五件上传API1H1网笛玷册 增2耳了.因他国183图片选珞，假猿与整存lt.4支伴的1.区灯1■■也案阅与卬制1桶地止制小程宁g2第19多皎枢舞HAPI|电11*7^喈®密ige--.久境有国3期幽的娱丽境存193莱M城檄臧晔普院解存19.4W£鼻dIUMJE&.在JR?.兴沈仃心息195蛛地界啊弊.清理理存14.6蕊据提存API画敝同苏版本案倒殴理鳗有AH测6案词ID2前期拿kHtPI和J>xmiLpc如切场当前位置加二蛔曲也fflEl回1（以用地图选撵也置303魁图哪1J丽蜘nJ对内置坨图由有位ti20.4wii.nnljKiiiinnth：.rjj:^ll；L听或®|"故■M5睡血豌加固©勘皿i关闭曲斫集网检・ahm试霆倒案倒部代蚌哈案例ID2第。笈推取用户借4国登录相管”21.］用户数据分奏看开发数逑正取21.2显感兀身，曲杆业取方式213时&施也 31&划s逑离团弧曼奈取信息21.5与授取相关的API216Hi户黄必感哲理21.7我取用户怡Y玲印海明112第门章t萩出超MFnH51商M图片上些功能22.1点击川1号选择阁片 22.2射除棺定S片22y凯片语焉团顿范 n4..r.也用片.『熄抠庄1I-J26笫**双林超市」媒1功能完整li.i奇晶洋is ii.2m入购物车113旃轼鞫的车 114皓好与陶地订单2?.5没社的货地址21.fi提交订电23.7克川05选用教材

12教案课程名称微信小程序开发总计： 48学时课程类别专业选修课学分3.0周学时：04学时课程编码开课学期任课教师职称授课对象具有数据库、WEB开发或前端基础的学生选课人数教材名称微信小程序贯穿式项目实战作者兰红出版社及出版时间清华大学出版社2021年1月课程简介随着社会的发展，互联网新技术日益层出不穷。根植于微信内部的微信小程序，由于微信本身强大的社交属性带来了巨大的流量和超高的商业价值，其涉及的应用领域也在日益扩大，不久的将来很可能超过APP的数量。微信小程序(MiniProgram)是一种轻量级的应用，它实现了应用“触手可及”的梦想，用户无需下载安装即可在微信中使用小程序。本课程将以项目驱动为宗旨，以丰富案例作实践，从零开始讲授微信小程序开发的入门基础知识与开发技巧。本课程基于微信小程序平台开发，从基础开始学习，循序渐进，通过理论知识与大量的案例来介绍微信小程序开发的各方面知识。具体内容包括：微信小程序的前端基础知识、小程序项目全局配置、页面配置以及生命周期、小程序开发的页面布局、样式、组件使用、云开发的项目构建及数据库、API函数的使用，最后讲解“扶贫超市购物程序”微信小程序项目案例的综合设计与完整实现。通过本课程的学习，使学生对微信小程序有较好的理解，对小程序的开发有较好的掌握。专业技能方面，加强实训教学，通过大量的上机练习、代码阅读、代码改错、规范化检查，训练学生编写程序的熟练度和规范性；通过项目实践，提升动手能力，将所学知识整合运用到项目中。职业素质方面，通过项目组角色分配、技术研讨等多种训练手段，培养学生具备良好的职业习惯，实现学生在校即具备准职业人素养的目标。教学目的本课程将以项目驱动为宗旨，以丰富案例作实践，并以“扶贫超市购物程序”项目作为贯穿课程的实战项目，从零开始系统讲授微信小程序开发的入门基础知识与开发技巧。结合课堂讲授、课程实验、网络教学资源共享等方式，使学生系统地理解和掌握微信小程序的设计、开发和实现方法。教学方法程序设计类的课程需要大量的实操训练，因而课程教学采用机房授课，便于加强学生实践操作，同时课堂教学与网络教学相结合，以提高学生的思维能力、综合能力与创新能力。

本课程主要采用机房授课，理论方面多媒体课件+板书，实践方面带领学生针对具体问题分析需求，设计解决方案，学习相关知识点和API，然后代码实现。2. 通过网络教学平台+课程实验+课程视频的授课方式，帮助学生理解重点难点内容。2.师生通过电话、QQ、微信、课程网络教学平台留言窗口等多种方式建立联系、答疑。4.3.通过案例演示和新技术新方法介绍，让学生学会使用文献检索工具查找资料并将理论与实际应用结合起来，激发学习兴趣。课程重点课程的重点在于培养学生基于微信平台开发的能力，了解小程序框架原理，各类组件API的应用效果和使用方式，灵活应用前端基本编程方法和技巧，掌握微信小程序开发的完整设计、实现、测试和发布。课程难点课程的难点在于培养学生面对具体需求独立思考、分析问题和创新设计的能力。教学要求使学习者在学习过程中逐步理解微信小程序框架基本原理，熟悉常用的API，掌握各类组件及事件处理，能够结合Web后台实现程序前端设计，为学生学习后续从事计算机专业开发、考研、考软件设计师等打下良好的软件开发基础。考核方式.本课程以考核为主：过程考评40%(平时作业20%+实验20%)+最终作品及答辩30%+报告30%.过程考评可增加在线测验，题型主要有：选择题、填空题、简答题、代码阅读题、代码设计题。.实验注重过程考核：包括平时的上机实验(20%)+结课前的机考(10%)，上机实验包括：实验预习(5%)、出勤率(5%)、完成情况(30%)、现场提问(30%)、实验报告(30%)。实验内容主要是根据课程进度完成所需的项目功能，为最终实现完整项目做准备。.最终作品为微信小程序前端+PHP/Servlet后台的完整项目，作品发布并演示，撰写报告。参考资料兰红.微信小程序贯穿式项目实战[M].北京：清华大学出版社，2021.周文洁.微信小程序开发零基础入门[M].北京：清华大学出版社,2019.起周止周第1周~第12周第1讲授课内容浅谈微信小程序教学目的与要求了解小程序的诞生、特点和主要功能，学会如何注册开发者账号和完善信息、开发工具的下载与安装使用，以及理解简单小程序项目目录结构。

重点难点重点：微信小程序发者账号的创建，开发者工具的使用。难点：熟悉开发者工具的使用及理解项目各类主体文件的作用。教学进程安排小程序简介小程序开发准备小程序开发工具的使用小程序项目目录结构课后学习任务布置小程序开发者工具环境配置，完善开发者账号信息简单小程序的调试运行和真机测试主要参考资料教材：兰红.微信小程序贯穿式项目实战[M].北京：清华大学出版社，2021.周文洁.微信小程序开发零基础入门[M].北京：清华大学出版社，2019.课后总结分析开发者账号注册的注意事项，运附发者工具进行简单小程序项目真机调试，在手机端实现成功运行第一个微信小程序“Hello，Word！”。第2讲授课内容小程序的视图与渲染教学目的与要求了解小程序的视图层及渲染过程，学会各种页面的数据绑定方法，标签渲染、模板与代码段的定义和引用使用等重点难点重点：WXML文件代码的基础语法，数据绑定与渲染标签。难点：条件渲染及列表渲染的方法，模板的引用。

教学进程安排视图与渲染过程数据绑定渲染标签模板与引用案例九九乘法表课后学习任务布置完善九九乘法表案例主要参考资料教材：兰红.微信小程序贯穿式项目实战[M].北京：清华大学出版社，2021.周文洁.微信小程序开发零基础入门[M].北京：清华大学出版社，2019.课后总结分析复习WXML、WXSS、JS代码语法，参考HTML网页知识。第3讲授课内容小程序的事件基础与项目基本配置教学目的与要求理解小程序的事件与事件对象的概念，了解事件类型及事件绑定类型的知识；学会小程序项目的全局配置，掌握小程序的生命周期和全局变量与函数的用法。重点难点重点：常用的事件对象及其对应的绑定方式，项目的全局配置方法。难点：冒泡与非冒泡事件，小程序的生命周期。教学进程安排事件对象 3.2事件类型 3.3事件绑定类型app.json配置属性 5.2页面配置窗口配置 5.4tabBar配置网络超时配置 5.6权限配置小程序的生命周期案例使用app对象的案例课后学习任务布置.冒泡事件测试案例实现。.生命周期测试案例和app对象测试案例实现。

主要参考资料教材：兰红.微信小程序贯穿式项目实战[M].北京：清华大学出版社，2021.周文洁.微信小程序开发零基础入门[M].北京：清华大学出版社，2019.课后总结分析及时复习熟悉项目配置和生命周期的执行过程，并熟练使用事件和获取事件相关对象的数据信息。第4讲授课内容小程序页面的配置与生命周期教学目的与要求了解微信小程序页面的窗口配置，并能区分页面配置和全局配置；理解页面生命周期函数及执行过程，并结合新闻客户端案例掌握页面跳转和参数传递方法。重点难点重点：掌握页面生命周期函数，页面跳转和参数传递的过程。难点：理解小程序页面生命周期函数的执行顺序和过程。教学进程安排小程序的页面配置页面的生命周期页面跳转页面间的参数传递案例 新闻客户端课后学习任务布置完善新闻客户端案例

主要参考资料教材：兰红.微信小程序贯穿式项目实战[M].北京：清华大学出版社，2021.周文洁.微信小程序开发零基础入门[M].北京：清华大学出版社，2019.课后复习页面生命周期函数的用法，页面的三种切换方式。总结分析第5讲授课内容实战项目“扶贫超市”的前期工作教学目的与要求完成“扶贫超市”项目Part1和Part2:了解项目基本功能及需求分析，申请账号并新建项目；对项目进行页面框架配置，主要包含项目目录整理、项目tarBar配置以及项目窗口配置。重点难点重点：项目需求分析和功能模块划分，申请账号，创建项目框架并进行项目目录结构的搭建与全局配置难点：需求分析和功能模块划分，页面框架的全局设计与属性值配置教学进程安排项目背景与需求开发准备项目目录整理项目tabBar配置项目窗口配置课后学习任务布置完善该项目的前期框架设计与 tabBar和window配置主要参考资料教材：兰红.微信小程序贯穿式项目实战[M].北京：清华大学出版社，2021.周文洁.微信小程序开发零基础入门[M].北京：清华大学出版社，2019.

课后熟悉新建小程序项目的流程步骤，并熟练掌握相关属性配置课后总结分析第6讲授课内容页面布局教学目的与要求掌握视图层和基础布局模型flex的用法，相对定位与绝对定位布局，并通过简易计算器案例进行布局实战重点难点重点：flex布局与相对、绝对定位布局。难点：flex布局的理解和配置。教学进程安排页面布局概述flex布局基本概念flex布局案例flex容器属性详解flex项目属性详解相对定位和绝对定位布局案例 简易计算器课后学习任务布置.课本flex布局相关内容的源码学习；.完善简易计算器案例。主要参考资料教材：兰红.微信小程序贯穿式项目实战[M].北京：清华大学出版社，2021.周文洁.微信小程序开发零基础入门[M].北京：清华大学出版社，2019.课后总结分析复习flex布局，相对定位与绝对定位的样式编写。第7讲授课内容小程序的样式基础

教学目的与要求掌握样式的基本使用、样式属性的配置，以及样式选择器的使用。重点难点重点：掌握样式的基本用法和样式属性的配置。难点：样式选择器的用法。教学进程安排样式的基本使用样式的属性样式选择器的使用课后学习任务布置.尺寸属性测试案例.边距属性测试案例主要参考资料教材：兰红.微信小程序贯穿式项目实战[M].北京：清华大学出版社，2021.周文洁.微信小程序开发零基础入门[M].北京：清华大学出版社，2019.课后总结分析复习样式选择器的用法。第8讲授课内容组件教学目的与要求掌握视图容器、基础内容、表单组件的用法重点难点重点：掌握小程序视图层各类组件的用法。难点：小程序组件的运用场景，各组件的主要属性配置及效果。

教学进程安排初始组件视图容器组件基础内容组件表单组件课后学习任务布置各组件的测试案例源码学习主要参考资料教材：兰红.微信小程序贯穿式项目实战[M].北京：清华大学出版社，2021.周文洁.微信小程序开发零基础入门[M].北京：清华大学出版社，2019.课后总结分析及时复习熟悉各组件的使用场景及API函数用法。第9讲授课内容组件（续）教学目的与要求掌握form表单提交组件、导航组件、多媒体组件和地图组件的用法重点难点重点：掌握小程序视图层各类组件的用法。难点：小程序组件的运用场景，各组件的主要属性配置及效果。教学进程安排form表单提交组件导航组件navigator多媒体组件地图map

课后学习任务布置各组件的测试案例源码学习主要参考资料教材：兰红.微信小程序贯穿式项目实战[M].北京：清华大学出版社，2021.周文洁.微信小程序开发零基础入门[M].北京：清华大学出版社，2019.课后总结分析及时复习熟悉各组件的使用场景及API函数用法。第10讲授课内容操作反馈工具与简单的界面API教学目的与要求了解四种操作反馈工具toast、modal、loading和action-sheet的基本使用，并结合案例学习几种页面反馈API的基本使用，包括设置背景、设置tabBar、动态加载字体、下拉刷新等重点难点重点：小程序各种页面反馈工具和界面API的使用。难点：tabBar与页面导航的切换方法，Background背景样式的设置。教学进程安排toast吐司提示modal弹窗提示loading加载提示action-sheet操作菜单背景Background样式动态设置TabBar属性加载第三方字体wx.loadFontFace下拉刷新PullDownRefresh

课后学习任务布置操作反馈测试案例源码学习主要参考资料教材：兰红.微信小程序贯穿式项目实战[M].北京：清华大学出版社，2021.周文洁.微信小程序开发零基础入门[M].北京：清华大学出版社，2019.课后总结分析总结各种操作反馈工具的使用场景及API函数的用法。第11讲授课内容【扶贫超市Part3]主要页面的UI设计教学目的与要求学习扶贫超市项目的主要页面UI设计过程，包括首页页面、分类页面、购物车页面、“我的”页面、管理端商品管理页面等页面的UI设计重点难点重点：各主要页面的UI设计和样式代码编写。难点：页面UI的flex布局和样式效果调试。教学进程安排首页UI设计分类页面UI设计购物车页面UI设计“我的”页面UI设计管理员端商品管理页面UI设计课后学习任务布置完善扶贫超市项目各主要页面UI设计

主要参考资料教材：兰红.微信小程序贯穿式项目实战[M].北京：清华大学出版社，2021.周文洁.微信小程序开发零基础入门[M].北京：清华大学出版社，2019.课后总结分析复习flex布局知识并学会灵活运用flex布局以及WXML面板进行样式调试。第12讲授课内容认识云开发项目教学目的与要求了解微信小程序云开发的概念及其组成部分，通过创建云开发项目实例讲解构建和部署云环境，完成新建云函数、获取 openid、管理文件和操作数据库等任务内容。重点难点重点：云函数的创建和调用，云开发数据库的原理理解和操作使用。难点：云开发数据库的原理理解和操作过程。教学进程安排云开发概念与组成部分创建与开通云开发项目新建云函数案并部署例云开发之用户管理案例上传文件案例以及云空间文件管理数据库操作案例课后学习任务布置查阅云开发文档，完善并实现数据库操作案例

主要参考资料教材：兰红.微信小程序贯穿式项目实战[M].北京：清华大学出版社，2021.周文洁.微信小程序开发零基础入门[M].北京：清华大学出版社，2019.课后总结分析复习云开发项目的操作流程。第13讲授课内容云开发数据库教学目的与要求了解云开发数据库的概念，并学习其数据类型、权限控制、安全规则等，以及云开发数据库的复杂操作。重点难点重点：掌握小程序云开发的数据库类型和权限控制，并学会基本的数据库操作。难点：云开发数据库的查询匹配及联表查询。教学进程安排基本概念数据类型权限控制数据库复杂操作课后学习任务布置完成云开发数据库的复杂操作联表查询

主要参考资料教材：兰红.微信小程序贯穿式项目实战[M].北京：清华大学出版社，2021.周文洁.微信小程序开发零基础入门[M].北京：清华大学出版社，2019.课后总结分析复习小程序云开发数据库的基本操作方法。第14讲授课内容云函数及其调试教学目的与要求掌握小程序的云函数新建、部署和调用过程，包括云函数的常见操作和调试测试。重点难点重点：云函数中JS语法书写、函数调用和调试。难点：云函数的云端调试和本地调试方法。教学进程安排云函数基础wx-server-sdk初始化云函数的常见操作云开发调试课后学习任务布置云函数调用及云开发云端和本地调试练习主要参考资料教材：兰红.微信小程序贯穿式项目实战[M].北京：清华大学出版社，2021.周文洁.微信小程序开发零基础入门[M].北京：清华大学出版社，2019.

课后

总结分析课后

总结分析及时复习云函数常见操作方法。第15讲授课内容【扶贫超市Part4】构建数据库与商品管理教学目的与要求讲解扶贫超市项目的后台部分，主要包括数据库设计和云端集合操作，并结合云端数据库完善项目中的商品管理 wxml代码和JS逻辑函数设计。重点难点重点：数据库的设计，相关逻辑函数的编写。难点：项目中的云函数的调用。教学进程安排建立数据库用户与管理员身份的登录判断添加商品修改商品信息删除商品课后学习任务布置完善本项目数据库设计与商品管理部分的编码。主要参考资料教材：兰红.微信小程序贯穿式项目实战[M].北京：清华大学出版社，2021.周文洁.微信小程序开发零基础入门[M].北京：清华大学出版社，2019.课后总结分析复习数据库的设计方法以及口样式设计。授课内容系统底层的基础API教学目的与要求了解获取系统信息API、定时器API和扫码API，掌握API函数的调试方法。重点难点重点：小程序系统底层API的用法和调试方法。难点：小程序开发工具调试模式调试方法及断点调试方法。教学进程安排获取系统信息的API定时器调试API扫码课后学习任务布置实现定时器测试案例，Console测试案例，scanCode示例案例主要参考资料教材：兰红.微信小程序贯穿式项目实战[M].北京：清华大学出版社，2021.周文洁.微信小程序开发零基础入门[M].北京：清华大学出版社，2019.课后总结分析熟悉其他系统底层API的用法和API调试方法。授课内容网络与文件上传API教学目的与要求了解和掌握微信小程序网络API和文件API的用法，包括发起和中断请求，文件传输、保存、信息获取，文件的打开删除等操作，以及号码归属地查询小程序案例讲解 wx.request的应用。重点难点重点：小程序各类网络API和文件API的用法与限制。难点：网络请求的原理，本地文件与临时文件区别用法，以及各类API对文件源的要求。教学进程安排网络基础wx.request图片选择、预览与保存文件的上传与下载案例号码归属地查询小程序课后学习任务布置完善号码归属地查询小程序案例主要参考资料教材：兰红.微信小程序贯穿式项目实战[M].北京：清华大学出版社，2021.周文洁.微信小程序开发零基础入门[M].北京：清华大学出版社，2019.课后总结分析复习网络请求和文件上传的原理和流程，以及小程序对应API的用法。

授课内容数据缓存API教学目的与要求掌握微信小程序数据缓存API的用法，包括本地缓存、数据的存储、获取、删除、清空等操作，并讲解与缓存相关的API函数测试案例。重点难点重点：小程序各类数据缓存API的用法。难点：异步数据与同步数据的区别，缓存原理与限制。教学进程安排wx.setStorage写入缓存wx.getStorage读取缓存wx.removeStorage移除缓存wx.getStorageInfo获取全部缓存信息wx.clearStorage清理缓存数据缓存API函数同步版本案例 数据缓存API测试案例课后学习任务布置完善数据缓存API测试案例主要参考资料教材：兰红.微信小程序贯穿式项目实战[M].北京：清华大学出版社，2021.周文洁.微信小程序开发零基础入门[M].北京：清华大学出版社，2019.课后总结分析掌握缓存原理和功能作用，区分异步数据与同步数据。授课内容位置API教学目的与要求掌握微信小程序位置API的用法，包括位置信息的获取，获取和选择位置，查看位置，地图组件控制，并讲解位置API测试和路径导航案例。重点难点重点：小程序各类位置API的用法。难点：两种地图坐标系的区别，标记的处理。教学进程安排wx.getLocation获取当前位置wx.chooseLocation用地图选择位置wx.openLocation用内置地图查看位置wx.onLocationChange监听实时位置wx.offLocationChange关闭监听案例位置API测试案例案例路径导航案例课后学习任务布置完善并实现路径导航案例主要参考资料教材：兰红.微信小程序贯穿式项目实战[M].北京：清华大学出版社，2021.周文洁.微信小程序开发零基础入门[M].北京：清华大学出版社，2019.课后总结分析结合实际应用，学习和掌握小程序中地图和导航相关功能设计。第20讲授课内容获取用户信息及登录态管理

教学目的 了解用户数据信息分类与开放数据获取流程，掌握用户登录态管理及与要求 其实现机制。重点难点重点：小程序获取用户信息的相关API及其用法。难点：用户登录态的实现机制。教学进程安排