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