微信小程序开发项目实战教学大纲

微信小程序开发项目实战教学大纲一、课程目标任务及基本要求（一）课程目标知识目标掌握微信小程序的概念、特点、生态定位及与微信、微信公众号的关系。理解软件开发阶段、软件生命周期及微信小程序项目管理流程。掌握WXML、WXSS、JavaScript、JSON四大核心文件的作用与语法。掌握数据绑定、事件处理、网络请求、JSON解析、前后端接口对接方法。掌握微信小程序项目集成、调试工具使用、性能监测与性能优化方法。掌握微信小程序后台部署、预览、上传、审核、发布上线全流程。了解AICoding辅助开发理念、使用方法及技术伦理规范。能力目标能独立完成微信小程序静态页面搭建、样式编写与组件使用。能实现页面数据绑定、列表渲染、事件处理与页面跳转。能完成后端接口对接、JSON数据解析与页面动态数据展示。能使用调试工具排查程序错误、监测性能并进行优化。能完成微信小程序项目集成、权限配置、体验版发布与正式上线。能借助AICoding工具高效生成、修正、优化微信小程序代码。素养目标培养严谨规范、精益求精的软件开发职业素养。树立技术伦理、代码安全、质量可控的开发意识。提升需求分析、团队协作、问题定位与工程实践能力。养成持续迭代、用户至上、注重体验的产品思维。（二）课程任务以“成大通”微信小程序为主线项目，完成从基础认知→需求设计→静态页面→数据对接→项目集成→调试优化→发布上线→AI辅助开发的全流程实战任务，同时完成学分银行小程序、农产品电商平台小程序等拓展项目。（三）基本要求严格遵循微信小程序官方开发规范与平台限制。按照软件工程流程完成需求分析、设计、编码、测试、部署各阶段产出物。代码结构清晰、命名规范、注释完整、无功能性Bug。能独立完成真机测试、性能调试、接口联调与问题修复。明确人机协作边界，开发者对代码质量、业务逻辑、安全规范负最终责任。按时完成各项目授课任务，达到可演示、可验收、可上线标准。二、课程的重点和难点课程重点：微信小程序四大文件（WXML/WXSS/JS/JSON）作用与使用。静态页面实现：WXML结构搭建与WXSS样式应用。数据驱动、数据绑定、列表渲染与事件绑定机制。wx.request网络请求、后端接口对接与JSON数据解析。微信小程序调试工具使用、性能监测与常见优化方法。微信小程序预览、上传、审核、发布上线完整流程。AICoding辅助代码生成、错误反馈与高效开发方法。课程难点：软件生命周期与微信小程序项目管理流程结合应用。WXSS选择器、样式优先级、Flex布局理解与使用。数据驱动原理、异步请求处理与页面数据通信。JSON业务数据解析与微信小程序JSON配置文件的区别。真机调试、内存泄漏、性能瓶颈定位与优化。后台服务部署、域名配置、HTTPS与线上环境兼容。AI代码纠错、需求边界控制、人机协作责任划分。三、授课内容及要求项目1微信小程序入门授课内容：微信小程序的定义、特点、优势与应用场景。微信小程序与微信的依赖关系、生态定位。微信小程序与微信公众号的核心区别。主流微信小程序案例分析与调查报告撰写。项目要求：能理解微信小程序“无需下载、即用即走”的特点。能进行微信小程序体验开发。能准确说明微信小程序与公众号在定位、功能、体验上的差异。能完成常见微信小程序对比分析，并撰写规范调查报告。项目2微信小程序项目的分析与设计授课内容：软件开发三大阶段：程序设计、软件设计、软件工程。软件生命周期六大阶段：可行性研究、需求分析、软件设计、编程、测试、运行维护。微信小程序项目管理流程与团队权限分配。微信小程序需求分析、功能设计、UI设计流程与方法。项目要求：掌握软件生命周期各阶段任务与输出物。能完成微信小程序项目需求分析（业务、用户、功能）。能开展微信小程序功能结构设计与UI设计流程规划。项目3微信小程序项目页面实现授课内容：微信小程序项目结构：全局文件与页面文件组成。WXML语法：组件使用、页面结构、视图容器。WXSS语法：选择器、样式、尺寸、布局、样式导入。WXML与WXSS的关系及样式作用机制。常用组件的熟练使用：view、text、image、swiper、scroll-view等。项目要求：理解WXML负责结构、WXSS负责样式的协作关系。掌握WXSS通过选择器作用于WXML组件的方法。能独立完成“成大通”微信小程序静态页面搭建与布局。项目4微信小程序项目数据对接授课内容：数据驱动原理与数据绑定语法{{}}。事件绑定、事件冒泡、事件捕获相关内容。wx.request发起网络请求，对接后端接口。JSON数据解析、处理与页面动态渲染。完成“成大通”微信小程序页面数据对接。项目要求：掌握微信小程序与后端接口对接完整逻辑：请求→接收→解析→渲染。能区分JSON数据解析与JSON配置文件的用途与差异。能实现列表数据请求、绑定、展示及页面跳转传参。项目5微信小程序项目集成与调试授课内容：项目集成：代码整合、权限管理、版本管理、体验版发布。运营数据查看：管理后台与数据助手使用。调试工具的使用：真机调试、调试器、代码质量、FPS面板、性能面板。性能调试：启动性能调试、运行性能调试等。性能优化：代码体积、setData、渲染、资源加载、页面切换优化等。项目要求：掌握微信小程序项目集成包含的主要方面。能使用调试工具排查错误、分析内存与性能问题。能说出并实施微信小程序常用性能优化方法。项目6微信小程序发布上线授课内容：后台服务发布准备：服务器、网络、域名、HTTPS、环境部署等。微信小程序发布前检查、预览效果。微信小程序代码上传、提交审核、发布上线全流程。拓展项目：学分银行、农产品电商平台微信小程序发布。上线后运营反馈、迭代优化与精益求精理念。项目要求：掌握微信小程序发布上线前必须完成的准备工作。能完整描述并实操发布流程：预览→上传→审核→发布。能完成后台服务部署与微信小程序正式上线。项目7基于AICoding的“成大通”微信小程序功能实现授课内容：AICoding概念、发展历程、优势与使用场景。Trae工具下载、安装、界面与开发