クイック スタート: PostgreSQL
このチュートリアルの所要時間は 5 ～ 10 分で、最後には完全な CRUD アプリケーションを正常に構築できます。
このガイドでは、Vehicle Maintenance Log アプリケーションを作成する方法について説明します。このガイドでは、PostgreSQL を使用します。Budibase では、使用するデータベースの種類に関係なく、プロセスは同じです。
このチュートリアルでは、以下を含む車両メンテナンス ログ アプリケーションを作成します。
- 車両を見るための車両テーブル
- 車両のサービス履歴を記録するサービス ログ テーブル
次のテーブル構造を使用します。
入門
- 次のスクリプト
SQLを実行します。
CREATE TABLE public."Vehicles" (
"id" SERIAL PRIMARY KEY,
"Registration" TEXT NULL,
"Make" TEXT NULL,
"Model" TEXT NULL,
"Colour" TEXT NULL,
"Year" INT NULL);
CREATE TABLE public."ServiceLog" (
"id" SERIAL PRIMARY KEY,
"Description" TEXT NULL,
"VehicleId" INT NULL,
"ServiceDate" TIMESTAMP NULL,
"Category" TEXT NULL,
"Mileage" INT NULL);
INSERT INTO public."Vehicles"("Registration", "Make", "Model", "Colour", "Year")
VALUES ('FAZ 9837','Volkswagen','Polo','White',2002);
INSERT INTO public."Vehicles"("Registration", "Make", "Model", "Colour", "Year")
VALUES ('JHI 8827','BMW','M3','Black',2013);
INSERT INTO public."Vehicles"("Registration", "Make", "Model", "Colour", "Year")
VALUES ('D903PI','Volvo','XC40','Grey',2014);
INSERT INTO public."Vehicles"("Registration", "Make", "Model", "Colour", "Year")
VALUES ('YFI002','Volkswagen','Golf','Dark Blue',2018);
INSERT INTO public."Vehicles"("Registration", "Make", "Model", "Colour", "Year")
VALUES ('HGT5677','Skoda','Octavia','Graphite',2009);
INSERT INTO public."Vehicles"("Registration", "Make", "Model", "Colour", "Year")
VALUES ('PPF9276','Skoda','Octavia','Graphite',2021);
INSERT INTO public."Vehicles"("Registration", "Make", "Model", "Colour", "Year")
VALUES ('J893FT','Toyota','Corolla','Red',2015);
INSERT INTO public."Vehicles"("Registration", "Make", "Model", "Colour", "Year")
VALUES ('MJK776','Honda','HR-V','Silver',2015);
INSERT INTO public."ServiceLog"("Description", "VehicleId", "ServiceDate", "Category", "Mileage")
VALUES ('Change front brakes', 1, '2021-05-04', 'Brakes', 20667);
INSERT INTO public."ServiceLog"("Description", "VehicleId", "ServiceDate", "Category", "Mileage")
VALUES ('Tyres - full set', 1, '2021-05-04', 'Tyres', 20667);
INSERT INTO public."ServiceLog"("Description", "VehicleId", "ServiceDate", "Category", "Mileage")
VALUES ('Engine tune up', 2, '2021-07-14', 'Engine', 50889);
INSERT INTO public."ServiceLog"("Description", "VehicleId", "ServiceDate", "Category", "Mileage")
VALUES ('Replace transmission', 3, '2021-09-26', 'Transmission', 98002);
- https://account.budibase.app/register で新しいアカウントを作成します (数秒しかかかりません)
- ログインしたら、新しいアプリケーションを作成して名前を付けます: Vehicle Maintenance Log
SQL テーブルに接続する
- 使用するデータベースを尋ねられたら、PostgreSQL を選択します。
- PostgreSQL データベースに接続するための設定を完了してください
::: ヒント
上のデータベースに接続している場合は、ホストを に設定する必要があります。Linux で実行している場合は、ホストを に設定する必要があります。localhosthost.docker.internal172.17.0.1
::: - 接続の詳細を追加したら、[データベースからテーブルを取得] をクリックします。これにより、データベース内のテーブルが読み取られます。
SQLテーブルから画面を作成
Budibase が SQL テーブルを認識すると、テーブルからレコードを一覧表示、作成、編集、削除できる画面 (ユーザー インターフェース) を自動的に生成できます。もちろん、これらの生成された画面は完全にカスタマイズ可能ですが、Budibase は大きな有利なスタートを切ることができます。
- 「デザイン」セクションに移動します。
- 新しい画面を作成し、自動生成された画面のリストから Vehicle を選択します。
SQL テーブル間の関係の使用
Budibase では、テーブル間の関係を宣言できます。Vehicles と Deals の間に 1 対多の関係を作成します。
::: ヒント
Budibase はフォームを変更しません。Budibase に既存のデータベース構造を伝えるだけです。
:::
関係を定義するには:
9. SQL データ ソースを選択します。
10. [リレーションシップの定義] をクリックします。
- 関係タイプを「1 対 1」に設定します。
- from("One") テーブルは "Vehicles" です。
- to("Many") テーブルは "Service Logs" です。
- "From Table Column" は、Vehicles テーブルでの関係の名前です。これらをサービスログと呼びます。
- 「To table columns」は、サービング ログ テーブルでリレーションに名前を付ける方法です。これを「車両」と呼びましょう
。関係が作成されたので、各テーブルの最初の列がデフォルトで表示列として使用されます。
表示列は、Budibase にサービス ログ テーブルから車両を説明する方法を伝えます。また、その逆も同様です。これは、列のエイリアシングと同等です。
SELECT ServiceLogs.*, Registration as Vehicle
FROM ServiceLogs
INNER JOIN Vehicle on ServiceLog.VehicleId = Vehicle.id
表示列を変更する
- サービス ログ テーブルの選択
- [カテゴリ] 列の横にある編集アイコンをクリックします。
- 「表の表示列として使用」を切り替えます
- [列を保存] をクリックすると、
Vehicles テーブルに説明の代わりに Service Log カテゴリが表示されます。
サービスログCRUD画面追加
- 「デザイン」セクションに移動します。
- 新しい画面を作成し、自動生成された画面のリストから [サービス ログ] を選択します。
- プレビュー ボタンをクリックして、新しい車両メンテナンス ログ アプリケーションを表示します。
成功
これで、完全に機能する車両メンテナンス ログ アプリケーションができました。