项目1　微信小程序入门　1
【学习目标】　2
【知识导图】　2
【任务分解】　2
任务1.1 初识微信小程序　3
1.1.1 微信小程序的概念　3
1.1.2 微信小程序的特点　6
1.1.3 微信小程序的用途　7
1.1.4 微信小程序的发展前景　7
任务1.2 搭建微信小程序开发环境　8
1.2.1 注册微信小程序账号　9
1.2.2 下载微信开发者工具　12
1.2.3 安装微信开发者工具　12
1.2.4 使用微信开发者工具　13
任务1.3 微信小程序发布上线　16
任务1.4 “Hello World”微信小程序开发体验　17
【拓展项目】　18
拓展项目1 了解微信公众号　18
拓展项目2 注册微信公众号账号　19
拓展项目3 管理微信公众号　20
【思考一下】　21
项目2　微信小程序项目的分析与设计　22
【学习目标】　23
【知识导图】　23
【任务分解】　23
任务2.1 软件工程全生命周期管理　24
2.1.1 软件工程的概念　24
2.1.2 软件生命周期　25
2.1.3 微信小程序项目管理　26
任务2.2 项目需求分析　26
2.2.1 业务需求分析　27
2.2.2 用户需求分析　28
2.2.3 功能需求分析　28
任务2.3 项目功能设计　31
任务2.4 项目UI设计　32
2.4.1 UI设计的重要性　32
2.4.2 UI设计的规范　33
2.4.3 UI设计的流程　34
2.4.4 微信小程序UI设计指南　35
2.4.5 “成大通”微信小程序UI设计　35
【拓展项目】　37
拓展项目1 学分银行信息服务小程序的分析与设计　37
拓展项目2 农产品电商平台小程序的分析与设计　38
【思考一下】　39
项目3　微信小程序项目页面实现　40
【学习目标】　41
【知识导图】　41
【任务分解】　42
任务3.1 “成大通”首页实现　42
3.1.1 微信小程序的开发流程　42
3.1.2 微信小程序的代码组成　43
3.1.3 微信小程序的目录结构　48
3.1.4 微信小程序的工程文件　49
3.1.5 首页框架实现　53
3.1.6 首页样式设计　68
3.1.7 首页逻辑交互　74
任务3.2 “成大通”政策一览页面实现　84
3.2.1 政策一览页面框架实现　84
3.2.2 政策一览页面样式设计　91
3.2.3 政策一览页面逻辑交互　93
任务3.3 “成大通”成才活动页面实现　94
3.3.1 成才活动页面框架实现　94
3.3.2 成才活动页面样式设计　96
3.3.3 成才活动页面逻辑交互　97
任务3.4 “成大通”433风采页面实现　98
3.4.1 433风采页面框架实现　98
3.4.2 433风采页面样式设计　100
3.4.3 433风采页面逻辑交互　102
任务3.5 “成大通”433认证页面实现　104
3.5.1 433认证页面框架实现　104
3.5.2 433认证页面样式设计　107
3.5.3 433认证页面逻辑交互　111
任务3.6 “成大通”我的433页面实现　114
3.6.1 我的433页面框架实现　114
3.6.2 我的433页面样式设计　118
3.6.3 我的433页面逻辑交互　123
任务3.7 “成大通”433数据画像页面实现　127
3.7.1 433数据画像页面框架实现　127
3.7.2 433数据画像页面样式设计　140
3.7.3 433数据画像页面逻辑交互　147
【拓展项目】　149
拓展项目1 学分银行信息服务小程序页面实现　149
拓展项目2 农产品电商平台小程序页面实现　150
【思考一下】　150
项目4　微信小程序项目数据对接　151
【学习目标】　152
【知识导图】　152
【任务分解】　153
任务4.1 “成大通”首页数据对接实现　153
4.1.1 页面数据绑定　153
4.1.2 首页数据对接绑定　164
4.1.3 首页数据解析显示　166
任务4.2 “成大通”政策一览页面数据对接实现　169
4.2.1 政策一览页面数据对接绑定　169
4.2.2 政策一览页面数据解析显示　171
任务4.3 “成大通”成才活动页面数据对接实现　172
4.3.1 成才活动页面数据对接绑定　172
4.3.2 成才活动页面数据解析显示　173
任务4.4 “成大通”433风采页面数据对接实现　174
4.4.1 433风采页面数据对接绑定　174
4.4.2 433风采页面数据解析显示　176
任务4.5 “成大通”433认证页面数据对接实现　176
4.5.1 433认证页面数据对接绑定　176
4.5.2 433认证页面数据解析显示　178
任务4.6 “成大通”我的433页面数据对接实现　179
4.6.1 我的433页面数据对接绑定　179
4.6.2 我的433页面数据解析显示　182
任务4.7 “成大通”433数据画像页面数据对接实现　185
4.7.1 433数据画像页面数据对接绑定　185
4.7.2 433数据画像页面数据解析显示　190
【拓展项目】　192
拓展项目1 学分银行信息服务小程序页面数据对接实现　192
拓展项目2 农产品电商平台小程序页面数据对接实现　192
【思考一下】　192
项目5　微信小程序项目集成与调试　193
【学习目标】　194
【知识导图】　194
【任务分解】　194
任务5.1 “成大通”微信小程序项目集成　194
5.1.1 微信小程序项目组织结构　194
5.1.2 微信小程序项目页面集成　195
5.1.3 微信小程序版本管理　196
5.1.4 微信小程序运营数据　197
任务5.2 “成大通”微信小程序项目调试　197
5.2.1 微信小程序项目调试工具　197
5.2.2 微信小程序项目调试内容　201
5.2.3 微信小程序项目优化内容　202
【拓展项目】　203
拓展项目1 学分银行信息服务小程序项目集成与调试　203
拓展项目2 农产品电商平台小程序项目集成与调试　203
【思考一下】　203
项目6　微信小程序发布上线　204
【学习目标】　205
【知识导图】　205
【任务分解】　205
任务6.1 “成大通”微信小程序后台服务系统的网络发布　205
6.1.1 基础设施与环境准备　205
6.1.2 后台服务系统的网络发布　206
任务6.2 “成大通”微信小程序发布上线　206
6.2.1 预览效果　206
6.2.2 上传代码　206
6.2.3 提交审核　206
6.2.4 发布上线　206
【拓展项目】　207
拓展项目1 学分银行信息服务小程序发布上线　207
拓展项目2 农产品电商平台小程序发布上线　207
【思考一下】　207
项目7　基于AI Coding的“成大通”微信小程序功能实现　208
【学习目标】　209
【知识导图】　209
【任务分解】　209
任务7.1 AI Coding入门指南　210
7.1.1 AI Coding概念　210
7.1.2 提示词工程　211
7.1.3 AI Coding工具选择　211
任务7.2 Trae的使用　211
7.2.1 Trae的安装与配置　211
7.2.2 Trae界面介绍　212
7.2.3 核心功能介绍　213
任务7.3 提示词设计　214
7.3.1 基础提示词结构　214
7.3.2 上下文管理　214
7.3.3 迭代优化策略　214
任务7.4 “成大通”微信小程序功能实现　215
7.4.1 项目初始化　215
7.4.2 首页开发　218
7.4.3 433政策页面开发　221
7.4.4 集成与优化　221
【拓展项目】　222
拓展项目1 基于AI Coding的学分银行信息服务小程序功能实现　222
拓展项目2 基于AI Coding的农产品电商平台小程序功能实现　222
【思考一下】　223
附录　224
附录A 某高职院校“433”学生成才工程实施方案　224
附录B WXSS的属性　226
参考文献　236