---
order: 1
navTitle: 第一个移动应用（5分钟）
---
# 第一个移动应用

> 预计用时：5分钟

使用[移动应用](../../../guide/app/mobile/README.md)可以将一系列有关系的内容组织到一个统一的界面，并提供给用户随时随地的在手机、pad等移动终端上进行快速访问。\
本课程介绍移动应用的基本操作和知识。

## 学习目标{#target}

- 掌握如何调整仪表板布局
- 掌握移动应用的基本操作

## 课程讲解{#course}

**第一个移动应用**是**快速开始仪表板示例库**，我们将之前课程中所制作的仪表板内容调整为移动端布局，并组织到一个移动应用中，来学习移动应用的使用。

示例地址：[第一个移动应用(快速开始仪表板示例库)](##)

![第一个移动应用(快速开始仪表板示例库)](./images/app-dashboard.gif)

### 制作移动仪表板

参考文档[移动仪表板](../../SuccBI/dashboard/mobile-dashboard.md)完成移动端布局方式的仪表板内容制作

### 新建移动应用

1. **应用**>**新建**，弹出**选择模板**对话框
2. 选择模板**移动**>**默认移动模板**，并进入[应用设计器](../../../guide/app/app-designer.md)页面

### 设置移动应用的资源文件

1. 在**项目资源区**展开**分析**>**快速开始示例**
2. 拖拽**仪表板**元数据文件到**门户内容区**
3. 在**门户内容区**点击**模块二**右键**移除**

### 个性化移动应用

点击**门户内容区**的**仪表板**文件，在下方的**内容属性栏**中设置移动应用的标题、图标、布局：

1. 标题：输入**快速开始仪表板示例库**
2. 图标：点击**上传**，弹出上传图标会话框，**点击这里**，选择一张图片，点击**确定**后图标就应用成功了
3. 布局：下拉选择**布局方式**为**缩略图**

## 总结

通过上面的学习，我们已经掌握了移动应用的应用场景和基本操作，同时我们也支持在不同手机的分辨率大小下的进行预览，方便我们查看。