本书以uni-app为开发框架，手把手教读者编写一套代码，发布到iOS、Android、Web（响应式）、微信小程序等多个平台；以市场需求为导向，采用任务驱动的方式进行讲解，提供完整讲解视频和源码；以完整案例为主线串联各知识点，以实战项目来提升技术；站在初学者角度，由浅入深，边讲边练。

本书包括基础部分、综合部分、提高部分，共分为4 章。其中，基础部分从开发环境的配置、开发工具的安装、uni-app 组件的使用着手，由浅入深，详细讲述了使用HBuilder X 进行移动应用的开发。综合部分通过一个本地新闻App的设计与实现，加深对uni-app 相关组件的运用。提高部分结合uniCloud 进行云端数据的基本操作，实现云端数据库的查询、添加、修改、删除等操作。通过学习，读者将对uni-app 项目的开发有更加深入和透彻的理解。

本书将理论知识运用到实际开发中，适合作为高等院校计算机相关专业和电子商务专业的教材，也可作为社会培训班的教材及软件从业人员的参考用书。

？

本书内容

本书是编者在多年从事移动应用项目开发过程中的经验总结。编者站在一个初学者的角度，将项目开发过程中涉及的知识点进行逐一讲解，并有详细的操作步骤说明。本书实例丰富，循序渐进地介绍了使用 HBuilder X 开发工具进行基于 uni-app 的跨平台移动应用开发。
本书包括基础部分、综合部分、提高部分，共分为4 章。其中，基础部分从开发环境的配置、开发工具的安装、uni-app 组件的使用着手，由浅入深，详细讲述了使用 HBuilder X 进行移动应用的开发。综合部分通过一个本地新闻 App 的设计与实现，加深对 uni-app 相关组件的运用。提高部分结合uniCloud 进行云端数据的基本操作，实现云端数据库的查询、添加、修改、删除等操作。通过学习，读者将对 uni-app 项目的开发有更加深入和透彻的理解。
本书由桂林电子科技大学信息科技学院彭灿华、韦晓敏，桂林理工大学杨呈永任主编， 主要负责拟定编写大纲，组织协调并定稿，由桂林电子科技大学信息科技学院陈玲萍、彭寒玉，桂林理工大学黄晟任副主编。具体编写分工如下：第 1 章由杨呈永编写，第 2 章 2.1
节由曹志娟、唐蕙编写，第 2 章 2.2.1 由赵凤燕编写，第 2 章 2.2.2 ～ 2.2.5 由韦晓敏编写，
第 2 章 2.2.6 由刘欣编写，第 3 章由彭灿华编写，第 4 章 4.1 节与 4.2.1、4.2.2 由彭寒玉编写，
第 4 章 4.2.3 和 4.2.4 由黄晟编写，第 4 章 4.2.5 和 4.2.6 由陈玲萍编写。
本书特色
本书讲授 uni-app 平台下多终端移动应用程序的开发。uni-app 是一个使用 vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到 iOS、Android、Web（响应式），以及各种小程序（微信 / 支付宝 / 百度 / 头条 /QQ/ 钉钉 / 淘宝）、快应用等多个平台。
该框架主要有五大优势：
第一，uni-app 是一套可以适用多终端的开源框架，真正实现一套代码可以同时生成
iOS、Android、H5、微信小程序、支付宝小程序、百度小程序等。
第二，uni-app 对前端开发人员比较友好，学习成本比较低。首先，uni-app 是基于 vue.js
的；其次，封装的组件和微信小程序的组件非常相似，所以对于现在的主流前端人员来说， 学习几乎零成本。
第三，uni-app 使用 HBuilder X 进行开发，HBuilder X 开发工具完美支持 vue 语法，开发效率大幅度提升。
第四，uni-app 拓展能力强，封装了 H5+，支持 nvue，也支持原生 Android、iOS 开发。可以将原有的移动应用和 H5 应用改成 uni-app 应用。
第五，uni-app 是 DCloud 出品的，属于我们国家拥有自主知识产权的产品。
本书适用对象
本书适合作为高等院校计算机相关专业和电子商务专业的教材，也可作为社会培训班的教材及软件从业人员的参考用书。
由于编者水平有限，书中疏漏之处恳请读者批评指正。读者如有好的意见和建议或者在学习过程中遇到不解的地方，可以通过邮件进行探讨。编者的电子邮箱是 449271349@
qq.com。
本书源码及所有章节操作视频可发送邮件与编者联系获取。
编 者
2021 年 4 月

？

第1章 uni-app框架介绍及环境配置1
1.1 uni-app发展历程 1
1.2 uni-app开发环境配置 2
1.2.1 HBuilder X介绍 2
1.2.2 安装HBuilder X 3
1.2.3 创建第一个uni-app应用 5
1.3 uni-app打包 16
1.3.1 打包原生App 17
1.3.2 发布原生App 19
习题 20
第2章 uni-app组件 21
2.1 uni-app组件概述 21
2.2 uni-app基础组件 30
2.2.1 视图容器 30
2.2.2 基础内容组件 50
2.2.3 表单组件 58
2.2.4 导航组件 84
2.2.5 媒体组件 88
2.2.6 地图组件 99
习题 102
综合部分
第3章 综合实例—新闻资讯App制作104
3.1 需求分析 104
3.2 原型设计 104
3.2.1 Axure原型设计软件介绍与安装 104
3.2.2 App原型图设计 106
3.3 功能实现 107
3.3.1 首页功能实现 107
3.3.2 视频页面功能实现 117
3.3.3 话题页面功能实现 125
3.3.4 我的页面功能实现 130
3.3.5 资讯详情页功能实现 136
3.3.6 视频详情页面功能实现 145
习题 154
提高部分
第4章 uniCloud 的 使 用 156
4.1 uniCloud简介 156
4.2 云端数据基础操作 157
4.2.1 创建云端数据库 157
4.2.2 创建数据表 158
4.2.3 实现云端数据添加操作 163
4.2.4 实现云端数据查询操作 169
4.2.5 实现云端数据删除操作 172
4.2.6 实现云端数据编辑操作 175
习题 185

？

彭灿华，男，硕士，讲师，智能信息系统开发、WEB与Internet挖掘专业，2006.6-今工作于桂林电子科技大学信息科技学院，主编《J2EE项目开发与设计》《管理信息系统》。

韦晓敏，女，硕士，讲师，智能信息处理专业，2006年6月至今工作于桂林电子科技大学信息科技学院，参与主编《J2EE项目开发与设计》。

杨呈永，男，硕士，讲师，计算机应用技术专业，2007-2012年任教于桂林电子科技大学信息科技学院，2012-至今任教于桂林理工大学，参编教材《J2EE项目开发与设计》一书。

？

本书以uni-app为开发框架，手把手教授编写代码，可以发布到iOS、Android、Web（响应式）、微信小程序等多个平台。本书以市场需求为导向，采用任务驱动的方式进行讲解，提供完整讲解视频和源码。本书以完整案例为主线串联各知识点，以实战项目来提升技术。本书作者站在初学者角度，编写内容由浅入深，读者可以边讲边练。 ？