微信小程序开发项目实战教程 授课计划表

《微信小程序开发项目实战教程》授课计划表适用课程：微信小程序开发（项目实战）总学时：72学时（18周×4学时/周）

授课单元：每2节课为一个授课单元（共36个单元，每单元2学时）周次单元名称与内容（对应章节）作业备注（补充阅读资料）第1周单元1：小程序开发准备（一）

内容：小程序技术架构与运行原理、课程项目“明德E医”背景与需求、小程序的业务架构（项目1任务1）绘制小程序技术架构示意图，撰写“明德E医”需求理解报告微信官方文档《小程序简介》

《“互联网+医疗健康”发展规划》政策文件第2周单元2：小程序开发准备（二）

内容：开发资质申请、开发账号注册、开发者工具下载与安装、服务器域名配置（项目1任务2）完成“明德E医”和“云惠视听”两个小程序的账号注册与域名配置《中华人民共和国网络安全法》相关条款

《ICP备案与SSL证书》知识拓展第3周单元3：小程序开发技术基础（一）

内容：开发者工具使用、项目创建、目录结构、技术选型（项目2任务1）创建“明德E医”与“云惠视听”两个项目，配置项目成员微信官方《小程序框架》

《开发者工具界面与功能指南》第4周单元4：小程序开发技术基础（二）

内容：小程序主体文件（app.js/app.json/app.wxss）、页面文件结构、全局配置（项目2任务2）配置两个项目的窗口样式（导航栏颜色、标题等）《全局配置与页面配置参数详解》

《WXML与WXSS基础》第5周单元5：小程序开发技术基础（三）

内容：MVVM模式原理、页面创建、数据绑定、事件绑定、WXML/WXSS基础（项目2任务3前部）完成“祝君健康”小实验（血压值显示）《MVVM模式与小程序框架》

《数据绑定与事件系统》第6周单元6：小程序开发技术基础（四）

内容：页面生命周期、this.setData、路由接口（navigateTo/redirectTo/navigateBack）（项目2任务3后部）完成“健康评分”与“生命周期体验”实验《页面生命周期详解》

《路由与页面栈管理》第7周单元7：用户信息模块开发（一）

内容：用户登录原理、wx.login、wx.request、AppID与AppSecret、rpx尺寸机制（项目3任务1）完成“明德E医”用户登录功能，获取openid并存储全局数据《小程序登录流程》

《wx.login与wx.request接口文档》第8周单元8：用户信息模块开发（二）

内容：用户详情页UI实现、数据渲染、getApp()、条件渲染与样式条件选择（项目3任务2）完成“就诊人详情页”，实现身份证/手机号掩码切换功能《个人信息保护法》解读

《数据掩码处理最佳实践》第9周单元9：用户信息模块开发（三）

内容：用户资料修改页开发、picker组件、data-属性、chooseMedia、chooseLocation（项目3任务3）完成用户资料修改页，实现身份证OCR识别与地址选择（可选）《wx.chooseMedia与文件系统》

《百度OCR接口申请与调用》第10周单元10：系统首页开发（一）

内容：tabBar栏配置、路由接口区分（switchTab）、页面数据初始化（项目4任务1-2）配置“明德E医”tabBar栏，实现各tab页跳转《tabBar配置规范》

《小程序页面路由接口对比》第11周单元11：系统首页开发（二）

内容：就诊业务栏实现、公告信息栏（swiper、列表渲染、条件渲染）（项目4任务3前部）完成首页就诊业务栏与公告信息栏的开发《swiper组件详解》

《wx:for与wx:if高级用法》第12周单元12：系统首页开发（三）

内容：公告详情页（URL参数、WXS脚本）、名医风采栏（scroll-view）、代码模块化（项目4任务3后部）完成公告详情页与名医风采栏，实现WXS文本处理《WXS语法参考》

《scroll-view滚动视图》第13周单元13：预约挂号模块（一）

内容：科室列表页（分页加载、scroll-view滚动刷新）、科室详情页（makePhoneCall）（项目5任务1）完成科室列表分页加载与科室详情页，实现拨打电话功能《分页加载原理与实现》

《wx.makePhoneCall接口》第14周单元14：预约挂号模块（二）

内容：医生列表页（日期选择、日期数据预处理）、医生详情页（async/await）（项目5任务2-3）完成医生列表页与医生详情页，实现日期切换医生列表《async与await异步编程》

《日期处理与格式化》第15周单元15：预约挂号模块（三）

内容：预约确认页（全局数据传递）、预约记录页（状态管理）、取消预约（项目5任务4）完成挂号确认、挂号记录与取消预约功能《小程序数据共享方案》

《页面间数据传递方式对比》第16周单元16：缴费与诊查报告模块（一）

内容：待缴费/缴费记录列表（tab页生命周期）、模拟支付页面（container）（项目6）完成待缴费列表与模拟支付功能《tab页生命周期详解》

《container组件使用》第17周单元17：诊查报告模块与测试发布（二）

内容：诊查报告列表（展开/收起、图片预览wx.previewImage）、tabBar徽标（setTabBarBadge）（项目7-8）完成诊查报告列表、未读报告数量提示功能《wx.previewImage接口》

《wx.setTabB