uni-app移动应用开发（微课版）-图书-人邮教育社区

内容摘要

本书是一本系统介绍热门前端多端框架uni-app的实用教程。全书共分7章，主要分为两个部分。第一部分基础篇（第1-4章），内容包括初始uni-app、uni-app环境搭建、flex布局、生命周期、扩展组件安装与使用、常用内置组件等知识点，每章都有一个综合案例，展示如何在实际应用场景中应用本章知识点。第二部分进阶篇（第5-7章），内容包括uni-app的API接口和三个综合案例：智云翻译、音乐播放器、智慧环保。
本书全面贯彻党的二十大精神，以新时代中国特色社会主义思想为引领，注重青年学生社会主义核心价值观的培育，紧跟时代脉络，把握青年学生发展规律和实际特点，开拓创造、守正创新。本书坚持立德树人，自然融入课程思政、二十大精神，培养学生社会责任感、使命感。本书大量的实训案例融入思政元素，旨在让学生在实践的过程中，掌握uni-app前端开发技能的同时，增强环保意识、法律意识、创新意识，增强学生的爱国热情和社会责任感，能够勇担科教兴国使命。

第 1章初识uni-app 1
本章导读 1
学习目标 1
1.1 uni-app发展历程 2
1.1.1uni-app的由来 2
1.1.2 uni-app的特点 3
1.2 第 1个uni-app应用 5
1.2.1 uni-app开发工具 5
1.2.2 新建项目 6
1.2.3 项目目录结构 7
1.2.4 运行项目 10
1.3 uni-app打包 14
1.3.1 打包原生App（云端） 14
1.3.2 打包原生App（本地） 16
1.3.3 发布为H5 16
1.3.4 发布为微信小程序 17
1.4 案例：示例代码 18
本章小结 19
项目实战 19
拓展实训项目 19
第 2章 uni-app基础知识 20
本章导读 20
学习目标 20
2.1pages.json 21
2.1.1 globalStyle和pages 21
2.1.2 tabBar 22
2.1.3 subPackages 26
2.2 资源引用 26
2.3页面样式 28
2.4 尺寸单位 28
2.5 基础组件 29
2.5.1 view 29
2.5.2 text 31
2.5.3 navigator 32
2.5.4 image 34
2.5.5 属性绑定和事件绑定 35
2.5.6 v-for渲染数据 37
2.6 flex布局 38
2.6.1 flex布局的基本概念 38
2.6.2 容器属性 41
2.6.2 项目属性 56
2.7 案例：九宫格导航页面 62
本章小结 66
项目实战 66
拓展实训项目 67
第3章 uni-app基础扩展 67
本章导读 67
学习目标 67
3.1 生命周期 68
3.1.1 应用生命周期 68
3.1.2 页面生命周期 69
3.1.3 组件生命周期函数 73
3.2 条件编译 73
3.3 扩展组件uni-ui 76
3.3.1 安装组件 76
3.3.2 uni-scss辅助样式 80
3.3.3 使用组件 84
3.4 案例：新闻列表 87
本章小结 90
实训项目 90
拓展实训项目 91
第4章 uni-app组件 91
本章导读 91
学习目标 91
4.1容器组件 92
4.1.1scroll-view 92
4.1.2 swiper 96
4.2基础组件 101
4.2.1 rich-text 101
4.2.2 progress 104
4.3 表单组件 106
4.3.1 button 106
4.3.3 picker 110
4.3.4 slider 115
4.3.5 input 117
4.3.6 radio和checkbox 121
4.3.8 switch 125
4.3.9 textarea 127
4.3.10 form 130
4.4 媒体组件 133
4.4.1 camera 133
4.4.2 video 134
4.5地图 138
4.6案例一：典型注册页 139
4.7案例二：典型个人中心页 143
本章小结 147
实训项目 147
拓展实训项目 147
第5章常用API 148
本章导读 148
学习目标 148
5.1 API概述 149
5.2 计时器 150
5.2.1设置计时器 150
5.2.2 取消计时器 150
5.3 交互反馈 153
5.3.1 信息提示框 153
5.3.2 loading提示框 156
5.3.3 模态框 156
5.3.4 操作菜单 158
5.4 网络 159
5.4 .1 request发起请求 159
3. Success属性的回调函数参数说明如表5-8所示。 161
5.4.2 上传文件 163
5.5 数据缓存 166
5.5.1 将数据缓存到本地 167
5.5.2 获取本地缓存数据 168
5.5.3 清理本地缓存数据 170
5.6路由 174
5.6.1 路由API 174
5.6.2 数据传递 177
5.7 案例：智云翻译 178
本章小结 193
项目实战 193
拓展实训项目 194
第6章常用API-2 194
本章导读 194
学习目标 194
6.1 媒体控制 195
6.1.1 音频组件控制 195
6.1.2 录音管理 203
6.1.3 图片 209
6.1.4 视频组件控制 212
6.1.5 相机组件控制 216
6.2 文件操作 218
6.2.1 文件保存 218
6.2.2 文件选择 219
6.3 设备 219
6.3.1 得到系统信息 219
6.3.2 扫码 220
6.3.3 拨打电话 223
6.3.4剪贴板 223
6.4 登录 224
6.5 案例：仿网易云播放器 226
本章小结 244
项目实战 244
拓展实训项目 245
第7章智慧环保 246
本章导读 246
学习目标 246
7.1 项目介绍 247
7.1.1项目概述 247
7.1.2 项目演示效果 247
7.2 环境配置 252
7.2.1 安装json-server 252
7.2.2 配置json-server 254
7.3 项目开发 256
7.3.1 创建初始项目 256
7.3.2 首页 260
7.3.3 回收分类、分类搜索 266
7.3.4 注册、登录、个人中心 274
7.3.5 公司回收、公司详情、搜索结果 285
7.3.6 下单、订单页、订单详情 293
本章小结 310
项目实战 310
拓展实训项目 311