跟我一起学uni-app——从零基础到项目上线（微课视频版）

本书分为预热篇、客户端篇、服务器端篇、项目上线篇4篇，并配有大量的案例代码及图解说明。本书以uni-app项目作为核心，以实际应用为目标，并以在项目研发过程中“遇到问题，解决问题”的方式来让读者逐步学习uni-app的相关知识点。各个章节配以相关的教学课件、视频讲解和代码案例，能够帮助初学者快速地建立出uni-app的知识体系。

 

本书主要围绕着uni-app由何而来、解决了什么问题、如何使用这3个问题来深入浅出的剖析了uni-app中的知识要点。
本书共12章,（第1~3章）通过与Vue.js、小程序、HTML5等技术对比并通过HBuilderX创建、运行、调试第1个模板项目来初步了解uni-app，感受其开发效率及跨平台的能力。（第4-6章）从零开始，以页面设计作为起点，并结合uni-app相关技术点完成客户端的开发及相关知识点的讲解。（第7~9章）通过自建服务，云服务，开放服务这3种不同的服务调用及构建的方式，并结合uni-app技术完成客户端与服务器端之间的通信及相关知识点的讲解。（第10章）作为服务能力的扩充，简单介绍了爬虫相关的知识与应用。（第11-12章）讲解了服务部署到云服务器，以及项目上线所需要做的工作。
本书既适合于想入门uni-app项目的初学者阅读，也适合具有一定经验的开发者作为参考，并可作为高等院校和培训机构相关专业的教学辅导材料。

陈斯佳,一个在IT领域奋战了十多年的互联网老兵，零范式网络科技公司创始人，主要致力于研究混合开发技术；是国内较早一批研究混合开发技术建设小程序生态的先行者。曾参与设计、开发过湖北省、浙江省等多个国家级教育App移动端项目，以及三大运营商多个数据集采系统的客户端项目。常年致力于建设uni-app生态并为社区贡献了多款免费开源插件。

预热篇

第1章初识uniapp（24min）

1.1互联网的发展简史

1.1.1互联网的诞生

1.1.2互联网发展四部曲

1.1.3狂飙下的移动互联网

1.2uniapp简介

1.2.1小程序时代

1.2.2跨平台框架进化史

1.2.3跨平台框架之争

1.3本章小结

第2章创建uniapp（31min）

2.1案例项目简介

2.1.1项目功能简介

2.1.2项目知识点简介

2.2uniapp项目创建

2.2.1HBuilder X

2.2.2第1个uniapp项目

2.2.3uniapp目录结构及全局文件

2.3uniapp项目解读

2.3.1运行项目

2.3.2index.vue文件解读

2.3.3uniapp、HTML、Vue.js、小程序的区别与联系

2.3.4Vue.js模板编译

2.3.5vnode到真实DOM及DOMDIFF

2.4本章小结

第3章感受uniapp（18min）

3.1Web端运行调试uniapp

3.1.1uniapp在Web端调试运行

3.1.2uniapp在Web端同步断点

3.1.3uniapp在Web端中Debug

3.2真机运行调试uniapp

3.2.1运行到Android基座

3.2.2使用Android模拟器运行调试

3.2.3使用Android手机运行调试

3.2.4uniapp在Android系统中Debug

3.3uniapp一键跨平台发布到微信小程序

3.3.1配置AppID生成微信小程序项目

3.3.2项目导入并运行到微信开发者工具

3.4微信开发者工具调试

3.4.1通过HBuilder X运行到微信开发者工具

3.4.2微信开发者工具调试

3.5uniapp开发微信小程序与微信小程序原生开发对比

3.5.1功能实现对比

3.5.2性能体验对比

3.5.3社区生态对比

3.5.4开发体验对比

3.5.5扩展性对比

3.6本章小结
客 户 端 篇

第4章从零开始（18min）

4.1绘制蓝图

4.1.1Axure RP

4.1.2首页绘制

4.2页面布局与样式绑定

4.2.1CSS布局概述

4.2.2Flex布局详解

4.2.3uniapp动态修改样式

4.3How to be a master

4.4本章小结

第5章首页开发（25min）

5.1使用HBuilder X绘制首页

5.2uniapp中的数据绑定

5.2.1vbind指令

5.2.2vhtml指令

5.2.3vmodel指令

5.3在uniapp中使用函数

5.3.1函数的定义

5.3.2使用setInterval函数实现逐字输出效果

5.3.3uniapp生命周期

5.4uniapp路由

5.4.1使用API进行跳转 

5.4.2使用navigator组件进行跳转 

5.5本章小结

第6章功能页开发（24min）

6.1绘制功能页面

6.2软件复用技术

6.2.1使用函数库

6.2.2使用继承

6.2.3使用接口

6.2.4进行模块化开发

6.2.5使用开源框架

6.3uniapp中的复用技术

6.3.1easycom

6.3.2插槽

6.3.3组合式API

6.4uniapp事件

6.4.1事件监听及事件处理

6.4.2事件修饰符

6.4.3事件映射表

6.5uniapp交互反馈

6.6uniapp中的数据传递

6.7本章小结

服务器端篇

第7章服务器端建设（14min）

7.1软件架构演进

7.1.1MVC架构风格

7.1.2Flux架构风格

7.1.3MVP架构风格

7.1.4MVVM架构风格

7.2服务器端环境工具准备

7.2.1JDK环境配置

7.2.2IDEA

7.3创建Spring Boot应用

7.3.1快速构建应用

7.3.2Spring Boot目录结构及文件解读

7.3.3uni.request

7.3.4同源策略及解决方案

7.4本章小结

第8章使用云服务（11min）

8.1完善文本翻译功能

8.1.1Spring Boot集成翻译云服务

8.1.2uniapp数据缓存

8.1.3picker组件实现下拉列表选择

8.2完善图片风格转化功能

8.2.1Spring Boot集成图片风格迁移云服务

8.2.2uni.chooseFile与uni.uploadFile

8.3本章小结

第9章使用OpenAPI（12min）

9.1申请ChatGPT服务

9.2通过开源项目集成ChatGPT服务

9.2.1GitHub简介

9.2.2在HBuilder X中使用Git

9.2.3服务器端集成ChatGPT

9.3uniapp客户端对应页面完善

9.3.1uniapp依据HTTP状态码处理返回结果

9.3.2uniapp依据调用成功与否处理返回结果

9.3.3对应页面数据展示

9.4本章小结

第10章使用爬虫（5min）

10.1认识爬虫

10.1.1爬虫的种类

10.1.2爬虫的应用场景

10.2编写爬虫

10.2.1找到目标地址分析页面

10.2.2Spring Boot中编写爬虫

10.2.3爬虫的约定协议与反爬虫技术

10.3本章小结

项目上线篇

第11章服务器端部署（16min）

11.1申请云服务器

11.2服务器端打包部署

11.2.1通过IDEA打包

11.2.2部署到云服务器

11.2.3编写自动化脚本

11.3本章小结

第12章项目上线（9min）

12.1从HTTP到HTTPS

12.1.1SSL/TLS

12.1.2DNS解析配置

12.2Spring Boot集成证书

12.2.1申请证书

12.2.2配置证书

12.3微信小程序发布上线

12.4本章小结

 

uniapp是一个使用Vue.js开发所有前端应用的框架，开发者只需编写一套代码，就可发布到iOS、Android、Web(响应式)及各种小程序、快应用等多个平台。

由于uniapp借助了Vue.js和小程序的设计和生态，所以对于初学者而言，通过对比理解和学习将是最快的入门方式，所以本书除了介绍uniapp中常用的组件和API，还涉及HTML、CSS、Vue.js，以及小程序中的重要知识点，以此来帮助初学者快速了解uniapp技术的来龙去脉，并通过丰富的对比案例为读者介绍uniapp的技术细节及实现原理，还能够帮助初学者快速地建立uniapp的知识体系。

不仅如此，本书还以uniapp项目作为核心，以实际应用为目标，并以在项目研发过程中“遇到问题，解决问题”的方式让读者逐步学习uniapp的相关知识点，除了技术方面，书中内容还穿插一些笔者在实际构建软件及解决问题过程中的思考及感悟。本书摒弃了深奥难懂的复杂理论和拗口的术语，尽量以通俗易懂的语言让读者学习并掌握uniapp这门技术，并在各个章节配以相关的视频讲解和代码案例，希望每位读者能够随着作者的节奏，沉浸式地踏入这趟学习之旅，力求让初学者能通过这套课程掌握构建uniapp项目的基本思路与方法，并通过不断地练习与思考举一反三，最终能够使用uniapp构建出属于自己的软件。

本书主要内容

本书分为预热篇、客户端篇、服务器端篇、项目上线篇共4篇，配有大量的案例代码及图解说明。全书的主要内容如下： 

预热篇(第1~3章)，通过与Vue.js、小程序、HTML5等技术对比并通过HBuilder X创建、运行、调试第1个模板项目初步讲解uniapp，感受其开发效率及跨平台的能力。该篇能够帮助开发者快速建立知识体系及熟悉uniapp对应的开发工具。

客户端篇(第4~6章)，从原型设计开始，以页面设计作为起点，介绍HTML、CSS相关的知识点及应用，并结合uniapp相关的组件及API完成客户端页面的开发，为开发者介绍在uniapp项目开发中所需要的基本知识点。

服务器端篇(第7~10章)，通过自建服务、云服务和开放服务这3种不同的服务调用及构建方式结合uniapp相关的组件及API完成客户端与服务器端之间的通信及调试工作。作为服务能力的扩充，最后会简单介绍与爬虫相关的知识与应用。通过本篇开发者将会掌握uniapp应用与其他应用间常用的通信方法。

项目上线篇(第11章和第12章)，主要介绍云服务的相关概念，以及部署到云服务器的相关操作。通过本章开发者将会掌握服务器端部署的操作、Bash脚本的编写及HTTP升级为HTTPS的操作和相关知识点。在掌握了这些知识之后相信各位读者一定会对使用uniapp框架开发应用软件有更加深刻的理解。

资源下载提示

素材(源码)等资源： 扫描目录上方的二维码下载。

视频等资源： 扫描封底的文泉云盘防盗码，再扫描书中相应章节的二维码，可以在线学习。

致谢

由衷地感谢清华大学出版社的编辑为本书提供的宝贵建议，并为图书出版付出的辛勤劳动。另外还要感谢笔者的家人尤其是妻子，在得知笔者要进行写作之后主动承担起了绝大部分家务并悉心照料刚出生不久的宝宝，使笔者能够全身心地投入写作之中。

由于笔者水平有限，而且uniapp技术发展日新月异，书中难免会有一些不完善的地方，请读者见谅，并提出宝贵意见。

陈斯佳2024年2月