# Budibase快速入门

<br>

<figure><img src="https://libs.websoft9.com/Websoft9/DocsPicture/zh/budibase/budibase-main-websoft9.png" alt=""><figcaption></figcaption></figure>

部署 创达睿通 提供的 Budibase 之后，请参考下面的步骤快速入门。

### 准备[​](https://support.websoft9.com/docs/budibase#prepare) <a href="#prepare" id="prepare"></a>

1. 在云控制台获取您的 **服务器公网IP地址**
2. 在云控制台安全组中，确保 **Inbound（入）规则** 下的 **TCP:9001,80** 端口已经开启
3. 在服务器中查看 Budibase 的 **默认账号和密码**
4. 若想用域名访问 Budibase，务必先完成 **域名五步设置** 过程

### Budibase 初始化向导[​](https://support.websoft9.com/docs/budibase#wizard) <a href="#wizard" id="wizard"></a>

#### 详细步骤[​](https://support.websoft9.com/docs/budibase#%E8%AF%A6%E7%BB%86%E6%AD%A5%E9%AA%A4) <a href="#xiang-xi-bu-zhou" id="xiang-xi-bu-zhou"></a>

1. 使用本地电脑浏览器访问网址：*<http://域名>* 或 *<http://服务器公网IP>*, 进入Budibase 主页面
2. 注册管理员用户

   <figure><img src="/files/zPG9GNetbh9N32QKas4i" alt=""><figcaption></figcaption></figure>
3. 登录并创建应用，支持基于现有模板创建和全新创建应用

![Budibase](https://libs.websoft9.com/Websoft9/DocsPicture/zh/budibase/budibase-createapp-websoft9.png)

4. 构建应用：Budibuse 从 Data、Design 和 Automate 三方面来构建应用

![Budibase](https://libs.websoft9.com/Websoft9/DocsPicture/zh/budibase/budibase-editapp-websoft9.png)

* Data： 管理数据源，支持 Budibase 内部建表进行数据建模，也支持连接外部数据源
* Design： 页面设计，Budibase 提供丰富的控件来构建页面，数据控件用来做数据绑定和呈现
* Automate： 用来设计流程的自动化执行，触发条件支持数据变化、Webhook、App Action 及 Cron&#x20;

  <figure><img src="https://libs.websoft9.com/Websoft9/DocsPicture/zh/budibase/budibase-automation-websoft9.png" alt=""><figcaption></figcaption></figure>

5. Data 操作： 基于 Budibase 进行数据建模，新建表 Product , 通过 create column 和 create row，建立表结构，并添加数据记录

![Budibase](https://libs.websoft9.com/Websoft9/DocsPicture/zh/budibase/budibase-budibase-datasoure-websoft9.png)

![Budibase](https://libs.websoft9.com/Websoft9/DocsPicture/zh/budibase/budibase-createtabel-websoft9.png)

![Budibase](https://libs.websoft9.com/Websoft9/DocsPicture/zh/budibase/budibase-createrow-websoft9.png)

**使用外部数据操作**

![Budibase](https://libs.websoft9.com/Websoft9/DocsPicture/zh/budibase/budibase-datasource-websoft9.png)

6. Design 操作：在页面上用数据控件显示数据，在页面上添加 Data Provider 控件，指定数据源，添加 Table 控件，绑定数据源

![Budibase](https://libs.websoft9.com/Websoft9/DocsPicture/zh/budibase/budibase-dataprovider-websoft9.png)

![Budibase](https://libs.websoft9.com/Websoft9/DocsPicture/zh/budibase/budibase-datatable-websoft9.png)

页面控件管理：选中控件，在左侧结构树中管理控件

![Budibase](https://libs.websoft9.com/Websoft9/DocsPicture/zh/budibase/budibase-element-amdin-websoft9.png)

**Budibase 还支持基于数据表自动构建页面，生成基于数据表的增删查改的页面，实现数据的CURD,参考自动生成页面**

7. 应用预览：通过预览按钮，查看程序运行效果

![Budibase](https://libs.websoft9.com/Websoft9/DocsPicture/zh/budibase/budibase-app-preview-websoft9.png)

![Budibase](https://libs.websoft9.com/Websoft9/DocsPicture/zh/budibase/budibase-app-view-websoft9.png)

8. 应用发布：应用创建好后，通过 publish 发布应用，通过应用地址打开应用

&#x20;.

<figure><img src="https://libs.websoft9.com/Websoft9/DocsPicture/zh/budibase/budibase-app-publish-websoft9.png" alt=""><figcaption></figcaption></figure>

更多操作，请参阅官方文档

#### 碰到问题？[​](https://support.websoft9.com/docs/budibase#%E7%A2%B0%E5%88%B0%E9%97%AE%E9%A2%98) <a href="#peng-dao-wen-ti" id="peng-dao-wen-ti"></a>

若碰到问题，请第一时刻联系 **技术支持**。也可以先参考下面列出的问题定位或 **FAQ** 尝试快速解决问题。

### Budibase 使用入门[​](https://support.websoft9.com/docs/budibase#quickstart) <a href="#quickstart" id="quickstart"></a>

下面以 **Budibase 基于数据表自动生成数据管理的页面** 作为一个任务，帮助用户快速入门：

1. 登录 Budibase 并创建新应用

![Budibase](https://libs.websoft9.com/Websoft9/DocsPicture/zh/budibase/budibase-createapp-websoft9.png)

2. 基于 Budibase 进行数据建模，新建表 Product , 通过 create column 和 create row，建立表结构，并添加数据记录

![Budibase](https://libs.websoft9.com/Websoft9/DocsPicture/zh/budibase/budibase-budibase-datasoure-websoft9.png)

![Budibase](https://libs.websoft9.com/Websoft9/DocsPicture/zh/budibase/budibase-createtabel-websoft9.png)

![Budibase](https://libs.websoft9.com/Websoft9/DocsPicture/zh/budibase/budibase-createrow-websoft9.png)

3. 生成 Product 表管理页面，构建基于数据表 Product 的增删查改的管理页面

![Budibase](https://libs.websoft9.com/Websoft9/DocsPicture/zh/budibase/budibase-Autogenerated-screens-websoft9.png)

![Budibase](https://libs.websoft9.com/Websoft9/DocsPicture/zh/budibase/budibase-Autogenerated-screens2-websoft9.png)

![Budibase](https://libs.websoft9.com/Websoft9/DocsPicture/zh/budibase/budibase-Autogenerated-screens3-websoft9.png)

4. 应用预览

![Budibase](https://libs.websoft9.com/Websoft9/DocsPicture/zh/budibase/budibase-Autogenerated-screens4-websoft9.png)

更多参阅：官方文档

### Budibase 常用操作[​](https://support.websoft9.com/docs/budibase#guide) <a href="#guide" id="guide"></a>

### 参数[​](https://support.websoft9.com/docs/budibase#parameter) <a href="#parameter" id="parameter"></a>

Budibase 应用中包含 Docker, Portainer 等组件，可通过 **通用参数表** 查看路径、服务、端口等参数。

通过运行 `docker ps`，查看 Budibase 运行时所有的服务组件：

```
CONTAINER ID   IMAGE                                      COMMAND                  CREATED          STATUS                              PORTS                                                 NAMES
0afe6a318523   budibase/proxy                             "/docker-entrypoint.…"   10 seconds ago   Up 8 seconds                        80/tcp, 0.0.0.0:9001->10000/tcp, :::9001->10000/tcp   budibase
ee8697b38071   budibase.docker.scarf.sh/budibase/apps     "docker-entrypoint.s…"   11 seconds ago   Up 9 seconds                        4001/tcp                                              budibase-bbapps
049c4009ef05   budibase.docker.scarf.sh/budibase/worker   "docker-entrypoint.s…"   11 seconds ago   Up 10 seconds                       4001/tcp                                              budibase-bbworker
b0ad03c4dc2d   curlimages/curl                            "/entrypoint.sh sh -…"   12 seconds ago   Exited (2) Less than a second ago                                                         docker-budibase_c                              ouch-init_1
c2b2cda7fda6   ibmcom/couchdb3                            "/docker-entrypoint.…"   14 seconds ago   Up 11 seconds                       4369/tcp, 5984/tcp, 9100/tcp                          budibase-couchdb
23c858bb3a59   redis                                      "docker-entrypoint.s…"   14 seconds ago   Up 12 seconds                       6379/tcp                                              budibase-redis
329b78c6506f   containrrr/watchtower                      "/watchtower --debug…"   14 seconds ago   Up 11 seconds                       8080/tcp                                              docker-budibase_w                              atchtower-service_1
45ef54d75f35   minio/minio                                "/usr/bin/docker-ent…"   14 seconds ago   Up 12 seconds (health: starting)    9000/tcp                                              budibase-minio

```

#### 路径[​](https://support.websoft9.com/docs/budibase#path) <a href="#path" id="path"></a>

Budibase 安装目录: /data/apps/budibase

#### 端口[​](https://support.websoft9.com/docs/budibase#port) <a href="#port" id="port"></a>

除 80, 443 等常见端口需开启之外，以下端口可能会用到：

| 端口号  | 用途                                | 必要性 |
| ---- | --------------------------------- | --- |
| 9001 | Budibase 原始端口，已通过 Nginx 转发到 80 端口 | 可选  |

#### 版本[​](https://support.websoft9.com/docs/budibase#version) <a href="#version" id="version"></a>

docker inspect budibase | grep com.docker.compose.version

#### 服务[​](https://support.websoft9.com/docs/budibase#service) <a href="#service" id="service"></a>

```
sudo docker start | stop | restart | status budibase
```

#### 命令行[​](https://support.websoft9.com/docs/budibase#cli) <a href="#cli" id="cli"></a>

#### API[​](https://support.websoft9.com/docs/budibase#api) <a href="#api" id="api"></a>

参阅 :[API Reference](https://docs.budibase.com/docs/public-api)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.imdcinsights.com/ying-yong-zhong-xin/she-ji-yu-chuang-zuo/budibase-kuai-su-ru-men.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
