# uni-app跨端开发入门及实战

**Repository Path**: tyerp/uni-app-images

## Basic Information

- **Project Name**: uni-app跨端开发入门及实战
- **Description**: 用于书籍《uni-app跨端开发入门及实战》的图片储存
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-06-24
- **Last Updated**: 2022-09-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# uni-app跨端开发入门及实战

## 小册介绍

uni-app是流行跨端开发框架之一，其采用Vue.js框架，开发者编写一套代码，即可发布到ios、Android、H5、微信小程序、支付宝小程序、钉钉小程序等多个平台。

本套课程是uni-app从入门到提高的实战教程，基础篇主要对uni-app的组件、语法、api进行详细讲解，项目篇以今日头条新闻APP开发为例，详解接口安全、接口交互、多图上传、服务器部署等常用知识点，并进行H5、Android、微信小程序的多端发布。

本课程编者拥有15年软件开发经验，是一本来自一线开发的经验、心得与实践的技术分享，具备vue.js基础，便可使用本教程快速开发自己的移动应用。教程充分考虑初学者学习特点，内容安排循序渐进，由易到难，语言描述通俗有趣，并对代码进行详尽注释，并发布到gitee供读者下载学习。

## 小册目标人群

具备Html/Css/JavaScript基础知识，熟悉es6新增特性，掌握vue.js框架用法，适合移动开发的广大从业者、有志于转型App开发的程序员、App开发的业余爱好者阅读。

## 小册大纲

### 第1部分 uni-app介绍

#### 1.1 uni-app基本介绍

uni-app是国内Dcloud公司的一款前端快速开发框架，其使用vue.js为开发语言，编写一套

#### 1.2 uni-app环境搭建

#### 1.3 开发目录及规范

#### 1.4 uni-app全局文件

#### 1.5 uni-app 组件

#### 1.6 uni-app API

#### 1.7 uni-app 插件

### 第2部分 uni-app配置

#### 2.1 全局文件 globalStyle

#### 2.2 页面的创建及配置 pages

#### 2.3 底部导航栏配置 tabBar

#### 2.4 启动模式配置 condition

#### 2.5 应用的配置 manifest.json

### 第3部分 uni-app组件

#### 3.1 组件的基本介绍

#### 3.2 视图容器的使用

#### 3.3 基础内容的使用

#### 3.4 表单组件的使用

#### 3.5 媒体组件的使用

#### 3.6 uni-ui扩展组件库的介绍和使用

### 第4部分 uni-app API

#### 4.1 uni-app生命周期函数

#### 4.2 uni-app条件编译

#### 4.3 数据交互-get请求

#### 4.4 数据交互-post请求

#### 4.5 导航跳转及传参

#### 4.6 数据缓存

#### 4.7 位置及地图组件

#### 4.8 媒体文件

#### 4.9 控制设备行为

#### 4.10 交互反馈

#### 4.11 设置界面

#### 4.12 文件上传下载

#### 4.13 第三方服务API

### 第5部分 uni-app实战 

#### 5.1 项目简介

#### 5.2 项目规划

#### 5.3 封装全局请求方法

#### 5.4 引入color-ui css库

#### 5.5 全局-顶部操作栏的实现

#### 5.6 全局-底部操作栏的实现

#### 5.7 首页-轮播图的渲染

#### 5.8 首页-栏目导航的实现

#### 5.9 首页-导航跳转到栏目列表

#### 5.10 栏目页-新闻列表的实现

#### 5.11 栏目页-实现列表上拉加载及下拉刷新

#### 5.12 栏目页-封装新闻组件并使用

#### 5.13 首页-热点新闻的实现

#### 5.14  详情页-新闻详情的实现

#### 5.15 全局-搜索组件的封装

#### 5.16 全局-搜索列表页的实现

#### 5.17 全局-缓存搜索关键词

#### 5.18 全局-新闻发布

#### 5.19 个人页-用户登录

#### 5.20 个人页-缓存token

#### 5.21  详情页-新闻详情收藏功能

#### 5.22 个人页-新闻收藏

#### 5.23 个人页-浏览历史

#### 5.24 个人页-我的发布

#### 5.25 个人页-用户注销

### 第6部分 uni-app发布

#### 6.1 H5发布打包

#### 6.2 APP发布打包

#### 6.3 微信小程序发布