---
layout: zh_single
title: 第一个应用
sidebar:
  nav: "zh_docs_sidebar"
toc: true
toc_label: 第一个应用
toc_icon: "cog"
last_modified_at: "2019-08-20"
---

我们先来实现第一个应用。如果某一步不会操作，别担心，你可以到后面的章节中找对应的介绍

## 1 注册与登录

Davinci 提供了一个默认账户，用户名 guest，密码 123456

也可以选择注册新账户，注册前确保邮件服务器已正确配置，填写真实的邮箱地址，用于接收激活邮件，点击注册后，到对应的邮箱中激活即可进入系统

![注册与登录1](../../assets/images/quick_start/1.1.png)

![注册与登录2](../../assets/images/quick_start/1.2.png)


## 2 创建项目

首次登录成功后，系统会默认为你创建一个组织，你可以在该组织下创建项目

![创建项目1](../../assets/images/quick_start/2.1.png)

![创建项目2](../../assets/images/quick_start/2.2.png)

![创建项目3](../../assets/images/quick_start/2.3.png)

## 3 创建数据源

创建好项目之后，点击进入项目，先创建数据源

![创建数据源1](../../assets/images/quick_start/3.1.png)

![创建数据源2](../../assets/images/quick_start/3.2.png)

点击测试成功之后，保存数据源

## 4 创建数据视图

数据源创建成功之后，开始创建数据视图

![创建数据视图1](../../assets/images/quick_start/4.1.png)

在左侧选择刚才创建的数据源，写 SQL

![创建数据视图2](../../assets/images/quick_start/4.2.png)

执行成功后，下一步编辑数据模型

![创建数据视图3](../../assets/images/quick_start/4.3.png)

确认无误后，保存数据视图

## 5 创建可视化组件

数据视图创建成功之后，开始创建可视化组件

![创建可视化组件1](../../assets/images/quick_start/5.1.png)

在左上角选择刚才创建的数据视图，加载出数据模型字段列表后，简单地拖拽两个字段到“数据”页签，并选择一个图表类型

![创建可视化组件2](../../assets/images/quick_start/5.2.png)

保存可视化组件

## 6 创建可视化应用

可视化组件创建成功之后，开始创建可视化应用，点击“创建新 Dashboard”按钮创建仪表板门户

![创建可视化应用1](../../assets/images/quick_start/6.1.png)

![创建可视化应用2](../../assets/images/quick_start/6.2.png)

仪表板门户创建成功后，点击进入，在左侧菜单创建仪表板

![创建可视化应用3](../../assets/images/quick_start/6.3.png)

![创建可视化应用4](../../assets/images/quick_start/6.4.png)

![创建可视化应用5](../../assets/images/quick_start/6.5.png)

仪表板创建成功后，点击仪表板左上角“+”按钮，将刚才创建的可视化组件添加进来

![创建可视化应用6](../../assets/images/quick_start/6.6.png)

![创建可视化应用7](../../assets/images/quick_start/6.7.png)

![创建可视化应用8](../../assets/images/quick_start/6.8.png)

点击保存之后，就能在仪表板上看到刚才创建的可视化组件了

![创建可视化应用9](../../assets/images/quick_start/6.9.png)

拽住可视化组件右下角稍作尺寸调整，第一个可视化应用就创建成功了！

![创建可视化应用10](../../assets/images/quick_start/6.10.png)

点击 [下一页](2.1-source) 进一步了解功能详情