本教材包括基础知识、工程管理和实战项目三个部分,共分为12章,具体内容安排如下。
第1章 uniapp入门:作为教材的开篇,本章首先介绍了uniapp的由来和HBuilderX开发工具的安装,使读者对uniapp有基础的认识;然后通过第一个项目案例,详细讲解了uniapp项目的创建、运行、发布方法;最后分析了项目的目录结构。
第2章 uniapp框架特性:主要介绍了uniapp文件类型、代码规范相比传统网页开发技术的变化。还介绍了uniapp新的特色。
第3章 uniapp基本配置:介绍了uniapp页面创建和配置、tabBar、condition启动模式、globalStyle全局外观的配置。
第4章 uniapp应用配置:概要介绍了uniapp配置项列表使用,Appplus端、H5端、mpweixin端的配置。
第5章 uniapp生命周期:介绍了生命周期的概念,包括应用生命周期、页面生命周期和组件生命周期的使用。
第6章 uniapp组件:首先介绍了组件的概念,然后介绍了uniapp内置组件的具体使用方法,最后介绍了扩展组件uniui的使用。
第7章 uniapp应用接口:概要介绍了接口的概念,然后分别介绍了基础、网络、位置、路由、数据缓存、媒体、设备、界面、第三方服务接口的具体使用方法。
第8章 产品发布:介绍了uniapp项目在不同端的发布方式,包括小程序、H5、本地发布。
第9章 uniCloud:介绍了uniCloud云平台的使用,重点介绍了云数据库和表的创建,云端数据的基本操作。
第10章 工程化管理:首先对版本管理工具Git进行了讲解,然后介绍了cli脚手架工具和运行环境管理的具体使用。带领读者通过案例学习团队协作开发。
第11章 “U爱公益”项目实战:通过移动端项目功能实战,带领读者深刻理解组件封装、生命周期函数、第三方插件等知识的使用,帮助读者掌握uniapp跨端开发的技能。
第12章 “智慧养老”项目实战:加深了读者对uniapp相关组件和接口的具体运用。提高读者对项目综合分析、架构设计、编码、产品发布能力的培养。
第1章 uniapp入门1
1.1了解uniapp1
1.1.1uniapp的由来1
1.1.2uniapp与Vue.js2
1.1.3uniapp与小程序2
1.1.4uniapp的优势2
1.2搭建uniapp开发环境3
1.2.1HBuilderX介绍3
1.2.2HBuilderX安装4
1.3创建第一个uniapp项目6
1.3.1创建HelloWorld项目工程6
1.3.2运行HelloWorld项目7
1.3.3发布HelloWorld项目13
1.3.4通过vuecli创建HelloWorld项目16
1.4解析第一个uniapp项目19
1.4.1HelloWorld工程目录结构19
1.4.2HelloWorld工程配置文件20
1.5本章小结21
第2章uniapp框架特性22
2.1文件类型的变化22
2.2代码规范的变化23
2.2.1单文件组件规范23
2.2.2文件引用方式24
2.2.3组件标签26
2.2.4js的变化26
2.2.5css的变化272.3uniapp特色28
2.3.1条件编译28
2.3.2HTML5+29
2.3.3ES6 API29
2.3.4NPM30
2.4本章小结30
第3章uniapp基本配置31
3.1创建新页面和页面的配置31
3.2tabBar的配置32
3.2.1配置基本的tabBar32
3.2.2tabBar 的其他属性配置34
3.3condition启动模式配置37
3.4globalStyle全局外观配置38
3.5本章小结39
第4章uniapp应用配置40
4.1配置项列表40
4.2多端应用配置42
4.2.1Appplus端42
4.2.2H5端44
4.2.3mpweixin端45
4.3本章小结46
第5章uniapp生命周期47
5.1应用生命周期47
5.2页面生命周期48
5.3组件生命周期51
5.4本章小结52
第6章uniapp组件53
6.1组件概述53
6.2内置组件60
6.2.1视图容器60
6.2.2基础内容76
6.2.3表单组件88
6.2.4导航组件132
6.2.5媒体组件134
6.2.6地图组件148
6.2.7广告组件150
6.2.8画布组件151
6.2.9网页组件153
6.3扩展组件156
6.3.1uniui概述159
6.3.2unisass样式161
6.3.3unicombox组件162
6.3.4unidatacheckbox组件164
6.3.5unidataselect组件168
6.3.6uniforms组件170
6.3.7unigrid组件180
6.3.8unigoodsnav组件183
6.4datacom组件规范186
6.5本章小结189
第7章uniapp应用接口190
7.1接口概述190
7.2基础API193
7.2.1日志打印193
7.2.2定时器195
7.2.3字符串与对象转换197
7.3网络API198
7.3.1网络请求198
7.3.2文件上传与下载206
7.3.3WebSocket212
7.4位置API216
7.4.1获取位置216
7.4.2查询位置222
7.4.3地图组件控制224
7.5路由228
7.5.1uni.navigateTo228
7.5.2uni.redirectTo232
7.5.3uni.reLaunch233
7.5.4uni.switchTab234
7.5.5uni.navigateBack2347.6数据缓存236
7.6.1同步缓存236
7.6.2异步缓存237
7.6.3缓存清理239
7.7媒体接口240
7.7.1图片240
7.7.2文件244
7.7.3音频247
7.7.4视频254
7.7.5相机257
7.8设备接口257
7.8.1系统257
7.8.2内存261
7.8.3电话262
7.8.4扫码263
7.8.5蓝牙267
7.9界面270
7.9.1交互反馈270
7.9.2tabBar导航275
7.9.3动画281
7.9.4下拉刷新284
7.10第三方服务287
7.10.1获取服务供应商287
7.10.2登录289
7.10.3分享294
7.11本章小结299
第8章产品发布300
8.1小程序发布300
8.2H5发布301
8.3本地发布304
8.4本章小结308
第9章uniCloud309
9.1uniCloud概述309
9.2云数据库310
9.2.1创建云数据库310
9.2.2创建云数据库表311
9.2.3获取数据库表对象317
9.2.4云端数据基本操作318
9.3本章小结323
第10章工程化管理324
10.1版本管理工具324
10.1.1Git324
10.1.2Git常用命令325
10.1.3Git托管uniapp328
10.2cli脚手架工具330
10.2.1uni cli330
10.2.2HBuilderX cli331
10.3运行环境管理332
10.3.1开发环境和生产环境332
10.3.2判断平台333
10.4本章小结333
第11章“U爱公益”项目实战334
11.1项目介绍334
11.2项目设计334
11.3项目搭建336
11.4功能实现337
11.4.1底部导航栏功能实现337
11.4.2首页功能实现339
11.4.3动态功能实现350
11.4.4我的功能实现356
11.4.5注册登录功能实现367
11.4.6任务详情功能实现373
11.5本章小结376
第12章“智慧养老”项目实战377
12.1项目介绍377
12.2功能实现377
12.2.1首页功能实现377
12.2.2健康咨询列表页功能实现388
12.2.3推荐机构列表页功能实现400
12.2.4我的页功能实现424
12.3本章小结432
参考文献433
“移动应用开发”已成为计算机专业软件开发方向的重要专业核心课程,计算机相关专业也都开设了“移动端应用开发”等课程。“移动端跨平台uniapp开发技术”课程内容,从uniapp基础介绍到综合项目实战,在讲解理论知识的同时配套大量案例,重在实践中掌握具体用法。本教材作为专业核心课程教材,选用uniapp这一我国自主知识产权的跨端技术框架,做到了紧跟时代步伐,与时俱进。本教材可以让读者掌握前端跨端开发前沿技术,为参加互联网软件开发工作储备知识技能。
本教材以DCloud公司HBuilderX开发工具和微信开发者工具搭建开发环境,在介绍相关概念的同时,辅以大量的项目案例,读者可从实践操作中掌握具体知识。在内容安排上,力求做到通俗易懂,循序渐进,从uniapp环境搭建知识开始,到组件、接口的具体使用,再到产品的发布,团队协作工具的使用,用较多的插图、案例讲解uniapp跨端开发的相关知识,形成知识点的闭环,符合技术学习的一般规律。