内容简介
本书深入地介绍了了uni-app，共分为为133章。前前33章集中介绍绍uni-appp的基础知识和核心语法，包括对对Vue22和和Vue33生命周期的比较与应用，以及及Vue22和和Vue33中的组件传值与事件调用机制等知识点。从第第44章起，进入项目实战部分，指导读者开发一个功能丰富的在线教育及考试系统。该项目涵盖登录与注册、个人中心、考试、论坛、优惠券、电子书和搜索等多个核心模块。本书将特别讲解考试模块的数据交互细节，而课程详情和购买模块则不在本书讲解范围之内。为了提高项目的兼容性和稳定性，书中采用了了Options APII进行开发。通过阅读本书，读者将掌握握uni-appp的进阶知识，并积累宝贵的项目实战经验，进一步提升开发技技能。
本书的读者对象包括网页设计与制作人员、网站建设开发人员、个人网站制作爱好者，以及希望通过实战项目提升技能的专业人士。同时，本书也适合作为高等院校相关专业的教材和教学参考考书。
目录
第1章 uni-app基础入门 1
1.1 跨平台开发的发展历程 1
1.2 认识 uni-app 2
1.3 创建第一个uni-app项目 3
1.4 uni-app 项目目录结构 5
1.5 入口文件及入口组件 7
1.6 全局样式和局部样式 9
1.7 pages.json 配置文件 10
1.8 uni-app 常用的布局组件 11
1.9 scrollview 组件和 swiper组件 14
1.10 input 组件和 textarea 组件 17
1.11 icon 组件 19
1.12 picker 组件 21
1.13 事件处理 23
第2章 uni-app核心语法 27
2.1 页面跳转 27
2.2 页面通信 29
2.2.1 URL 参数传递 29
2.2.2 使用 eventChannel 实现页面数据传递 30
2.2.3 参数逆向传递 32
2.2.4 事件总线 33
2.3 页面生命周期 Options API 34
2.4 页面生命周期 CompositionAPI 38
2.5 封装网络请求 40
2.6 本地存储 42
2.7 状态管理与全局数据 43
2.8 文件处理 46
2.9 定位服务 49
2.10 消息通知 52
2.11 分享 API 详解 56
2.12 动画 API 详解 59
第3章 uni-app组件 63
3.1 easycom 组件模式 63
3.2 Options API 组件传值及事件调用 65
3.3 Composition API 组件传值及事件调用 66
3.4 Composition API 正向传参 68
3.5 eventChannel 正向传参 69
3.6 eventChannel 逆向传参 70
3.7 组件的生命周期管理Options API 72
3.8 组件的生命周期管理Composition API 75
3.9 组件间的插槽使用 78
第4章 项目简介 82
4.1 项目全局介绍 82
4.2 项目成果展示 83
第5章 项目首页开发 89
5.1 创建项目及项目全局配置 89
5.2 引用阿里巴巴矢量图标库 90
5.3 配置底部 tabBar 导航 92
5.4 首页轮播图模块 93
5.5 首页导航模块 95
5.6 首页拼团模块样式开发 97
5.7 首页最新课程模块样式开发 99
5.8 首页优惠券模块样式开发 100
5.9 封装网络请求 102
5.10 首页数据交互 104
5.11 首页拼团模块数据交互 106
5.12 首页优惠券模块数据交互 107
第6章 登录与注册 110
6.1 登录与注册模块样式开发 110
6.2 实现注册功能 112
6.3 配置 Vuex 仓库 115
6.4 实现登录功能 116
6.5 实现数据持久化存储 118
6.6 绑定手机号页面样式布局 120
6.7 获取验证码数据交互 121
6.8 绑定手机号数据交互 123
6.9 实现找回密码功能 125
第7章 个人中心模块 128
7.1 个人中心页面样式布局 128
7.2 展示个人信息及退出登录 131
7.3 前端权限验证 133
7.4 修改密码功能实现 134
7.5 个人资料修改页面样式布局 136
7.6 上传头像 138
7.7 修改用户资料数据交互 140
7.8 我的订单列表数据交互 142
第8章 考试模块 145
8.1 考试列表样式布局 145
8.2 “考试列表”页面数据交互 147
8.3 考试详情页面的倒计时功能 149
8.4 考试详情页面的底部导航 152
8.5 考试详情页面的题型分类及标题渲染 156
8.6 考试详情页面的填空组件数据绑定 158
8.7 考试详情页面的单选组件及判断组件数据绑定 159
8.8 考试详情页面的多选组件数据绑定 162
8.9 获取考试试题数据交互 163
8.10 考试交卷数据交互 165
8.11 自动交卷及监听页面返回 167
第9章 优惠券模块 169
9.1 优惠券领取功能数据交互 169
9.2 实时更新优惠券状态 171
9.3 个人中心优惠券列表布局 172
9.4 个人中心优惠券列表数据交互 174
第10章 论坛模块 178
10.1 “论坛”页面样式布局 178
10.2 论坛社区分类数据交互 183
10.3 帖子列表数据交互 185
10.4 渲染帖子列表数据 187
10.5 帖子分类切换及下拉刷新 188
10.6 帖子点赞及取消点赞功能交互 189
10.7 “发布帖子”页面样式布局 191
10.8 选择社区数据交互 193
10.9 实现发布帖子功能数据交互 194
10.10 帖子详情页面数据交互 196
10.11 帖子详情页面点赞数据交互 198
10.12 “我的帖子”列表数据交互 200
10.13 删除“我的帖子”数据交互 202
10.14 实现发表评论功能 203
10.15 评论列表数据交互 206
10.16 评论列表分页交互 208
第11章 电子书模块 210
11.1 电子书列表数据交互 210
11.2 电子书详情页面数据交互 214
1
前言/序言
本书是一本全面覆盖 uni-app 平台内容的实战指南。在本书中，我们将深入探讨 uni-app 的基础知识、核心语法、组件使用等概念，并通过多个实际模块的开发实例，带领读者从零开始构建一个完整的 uni-app 应用。
本书内容按照项目开发的实际需求分为 13 章，涵盖从基础知识到高级知识的各个方面。随着章节的推进，你将逐步掌握 uni-app 的各项技能，并学会如何将这些技能应用于实际项目中。
本书内容安排如下：
第 1 章：从基础开始，介绍 uni-app 基础知识。无论你是初学者还是经验丰富的开发者，这一章都将帮助你快速上手。
第 2 章：掌握核心语法是学习任何编程框架的关键。在这一章，我们将详细讲解 uni-app 的核心语法规则和使用方法。
第 3 章：组件是 uni-app 应用的基本构建单元。在这一章，你将学习如何使用 uni-app 中的各种组件，并掌握组件复用的技巧。
第 4 章：介绍本书的示范项目，帮助你了解整个项目的架构和各个模块之间的关系，为后续的开发做准备。
第 5 章：带你一步步实现项目的首页设计与开发。通过实际案例的讲解，你将学会如何搭建一个功能齐全的首页。
第 6 章：任何应用都需要一个用户认证模块。在这一章，你将学习如何开发登录和注册功能，并实现数据校验和用户体验优化功能。
第 7 章：深入探讨个人中心模块的开发，包括如何展示用户信息和实现用户设置功能。
第 8 章：如果你的应用需要考试或测试功能，这一章将非常有用。我们将详细讲解如何开发一个功能全面的考试模块。
第 9 章：优惠券常用于提升用户黏性和活跃度。在这一章中，你将学习如何开发一个优惠券模块。
第 10 章：带领你开发一个功能齐全的论坛模块，让用户可以进行交流和互动。
第 11 章：你将学习如何开发和管理电子书内容。
第 12 章：搜索功能是多数应用中不可或缺的一部分。我们将在这一章详细讲解如何开发一个高效的搜索模块。
第 13 章：探讨如何将你的 uni-app 项目从开发阶段顺利推向市场发布，确保它在各种平台上无缝运行。
如何学习
确保你已具备基本的前端知识，包括 HTML、CSS、JavaScript 和 Vue。
当遇到问题时，可以参考本书提供的示例代码和源码。
保持学习的热情和动力，跟随技术发展的步伐，不断进步。
本书特点
实用性强：案例基于真实项目需求开发，帮助读者掌握实际开发技巧。
操作性强：所有代码通过演示讲解，可边学边练，理论与实践结合。
互动性强：本书配套视频教程，帮助读者更好地理解代码实现过程。
读者对象
本书适合已具备 JavaScript 和 Vue.js 基础知识的读者，对 uni-app 应用开发感兴趣的开发者和工程技术人员，希望提高前端开发技能并了解跨平台应用开发的读者。
配套学习资源
读者可扫描书中二维码获取本书的项目实战源码、配套视频等，也可以加入读者群，下载最新的学习资源或反馈书中的问题。
勘误与支持
本书在编写过程中经过多次校对和验证，力求避免差错，但书中仍可能存在疏漏之处，欢迎读者批评指正，也欢迎读者来信一同探讨。希望通过本书的学习，你能获得更多收获与成就。
