UNI-APP移动应用开发（微课版）

uni-app市面上的书籍较少，本教材注重实践应用，每章都会提供比较完整的案例，最后完整的综合案例。 教学资源丰富，教师易教。 各个实例、案例、实训项目的操作步骤详实，学生易学。

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

赵丙秀，副教授，现任职于武汉软件工程职业学院信息学院软件技术专业，先后获得 “武汉优秀青年教师”，武汉软件工程职业学院“双师素质”教师、“优秀中青年骨干教师”。 1. 《软件测试技术教程》，主编，8万字，2015年9月，电子工业出版社，ISBN978-7-121-26998-1 2.《VB程序设计》，副主编，8万字，2013年6月，冶金工业出版社，ISBN978-7-5024-6352-6 3.《数据结构》，参编，5万字，2013年7月，冶金工业出版社，ISBN978-7-5024-6356-4 4.《Linux操作系统配置与管理》，参编，2万字，2013年7月，中国水利水电出版社，SBN?978-7-5170-0983-2

第 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