---
order: 1
navTitle: 第一个门户页面（5分钟）
---
# 第一个门户页面

> 预计用时：5分钟

[门户页面](../../../guide/app/overview.md)是一个集成的、易用的、有业务意义的信息展现平台，可以将一系列相关的内容按照自定义的方式组织到门户中，形成一个完整的业务应用框架。

本课程介绍使用门户页面将一系列相关的仪表板、报表、查询等业务上有关系的内容，组织到一个统一的界面中，并提供给业务用户快速访问。

![门户页面](./images/2024-05-15-14-34-00.png)

:::tip 学习小贴士\
点击链接跳转观看学习视频：[门户](https://www.bilibili.com/video/BV11F411E7uM?t=58.7)\
可以按照下方[课程讲解](#course)的分解步骤进行学习，学习完之后别忘了完成练习哦！
:::

## 学习目标{#target}

学完本节课程后需要大家掌握如下知识点：

- 了解门户页面的用途
- 了解门户页面的基本操作
- 掌握门户主题风格的切换
- 掌握门户资源的布局

## 课程讲解{#course}

**第一个门户页面**是**快速开始示例库**，我们将之前课程中所制作的仪表板以及报表等内容组织到一个门户页面中，来学习门户页面的使用。在进入页面学习前，可以通过[门户设计器](../../../guide/app/portal-page/new-portal.md#designer)学习了解仪表板设计器界面的区域划分部分，便于后面的学习。

- **课程介绍**
- （00:58）**新建门户**
- （01:48）**门户设计器**
- （04:15）**设置门户页面的资源文件**

## 总结与练习{#practice}

通过上面的学习，我们已经掌握了门户页面的基本操作，也了解到系统提供了多种风格多种主题的门户页面模板，我们只需根据实际情况进行选择即可。接下来，我们通过课程练习来加深门户页面的学习吧。

请按照视频制作出对应门户，并阅读下列文档完成课程练习：

1. [门户设计器](../../../guide/app/portal-page/new-portal.md#designer)：学习完这篇文档后，请你用自己的语言解释你理解的应用资源区
2. [新建门户页面](../../../guide/app/portal-page/new-portal.md)、[门户布局方式](../../../guide/app/portal-page/portal-permission.md)：学习完这篇文档后，请你将数据、仪表板、报表课程中完成的练习放在一个新的门户中，效果参考 [入门课程示例效果](https://demo.succbi.com/v5/DEMO/app/%E5%85%A5%E9%97%A8%E8%AF%BE%E7%A8%8B%E7%A4%BA%E4%BE%8B.app)