概要 - スクリーン、データベース、レイアウト設定、ユースケース

機能テンプレート概要

レストラン注文テンプレートは、アプリに完全なメニュー閲覧およびチェックアウト体験をもたらします。ユーザーは複数の食べ物や飲み物のカテゴリを閲覧し、各アイテムの詳細を表示し、カートに追加し、チップを追加し、Stripeで購入を完了することができます。このテンプレートは、カフェ、コーヒーショップ、フードトラック、またはレストランなど、どんなタイプの店舗にも最適です。

画面概要

📚 説明画面

クイックなヒント、ヘルプドキュメント、関連する興味深いテンプレートを使って、テンプレートの概要を素早く把握します。この画面はいつでも削除できます。

ユーザー画面

🏪 すべての商品

すべてのカテゴリから商品を表示

🔎 カテゴリ

特定のカテゴリに絞り込んだ商品を表示

☕️ 商品詳細

商品の詳細を確認し、カートに追加

🛍️ カート

カート内の商品を表示して削除したり、チェックアウトしたり

💳 チェックアウト

ユーザーはStripeを使用してクレジットカード番号を入力し、購入を完了します

🎉 おめでとう

購入が完了したときの成功画面

👤 ショップにサインインするモーダル

ユーザーにサインインするよう促すモーダル（カート機能を使用するにはユーザーがログインしている必要があります）

データベース概要

レストラン注文テンプレートにはサンプルデータが含まれたデータベースが付属しています。各Adaloデータベースにはコレクションが含まれ、各コレクションには関連するプロパティが付属しています。コレクション間の必要な関係も設定されています。

以下は含まれるコレクションとそのプロパティの概要です。コレクション名は太字で表示され、説明が含まれます。プロパティには、名前、プロパティタイプ（角かっこ内）、説明が含まれます。

基本的なコレクションとプロパティ

👥 ユーザー

ユーザーコレクションは、すべてのAdaloアプリに自動的に付属しています。このコレクションには、アプリを使用するすべてのユーザーに関連する情報が格納されます。この情報は、ユーザーがアプリを使用するためにサインアップするときに最初に収集されます。

• Email [テキスト] — ユーザーのメールアドレス。

• Password [暗号化] — ユーザーがアプリにログインするためのパスワード。これは管理者を含め、誰にも表示されません。

• Username [テキスト] — ユーザーのユーザー名。

• Full Name [テキスト] — ユーザーの名前と姓。

• Profile Photo [画像] — ユーザーのプロフィール写真。

• Orders [Ordersとの一対多の関係] — 各ユーザーのすべてのアクティブおよび完了した注文。

🛒 注文

注文コレクションには現在の注文と過去の注文が表示されます。現在の注文はチェックアウトを経ていないショッピングカートです。完了した注文は、ユーザーがチェックアウトを完了し、商品を支払った注文です。

• 名前 [テキスト] — これはユーザーの名前と注文が作成された日時に自動的に設定されます

• ユーザー [一対多の関係] — 注文の所有者であるユーザー。

• 完了 [True / False] — 注文が完了しているかどうか。デフォルトではfalseに設定されています。

• 注文アイテム [一対多の関係] — 注文に含まれる商品。

🛒 注文アイテム

注文アイテムコレクションには現在の注文と過去の注文の両方が表示されます。現在の注文はまだチェックアウトされていないショッピングカートです。完了した注文は、ユーザーがチェックアウトを完了し、商品を支払った注文です。

• 名前 [テキスト] — これは商品が追加されると自動的に商品名に設定されます

• 価格 [数値] — これは商品が追加されると自動的に商品の価格に設定されます。カート内の注文の合計価値を合計するために使用されます。

• 商品 [関係] — 各注文アイテムは、ユーザーがカートに追加していた商品と関連付けられています。

• 注文 [一対多の関係] — 注文アイテムが属する注文。

📋 カテゴリ

カテゴリコレクションは、ストアの異なるカテゴリを作成する場所です。追加する各商品は特定のカテゴリに関連付けることができます。

• 名前 [テキスト] — これはカテゴリ名です（例: アパレル）

• バナー [画像] — 各カテゴリ画面の上部に表示される画像

• 商品 [一対多の関係] — そのカテゴリに関連付けられた商品

📋 商品

商品コレクションは、販売しているすべての商品を追加する場所です。

• 名前 [テキスト] — 商品の名前

• 説明 [テキスト] — 商品の簡単な説明および潜在的な購入者が知りたい詳細

• 価格 [数値] — 商品の価格

• 画像 [画像] — 商品の画像

• カテゴリ [一対多の関係] — すべての商品は1つのカテゴリに属しています

• 注文アイテム [一対多の関係] — この商品に関連付けられた注文アイテム。

💵 チップの割合

これはバッグ画面に表示されるチップのオプションのリストです。

• ラベル [テキスト] — チップのドロップダウンに表示されるテキスト

• チップの乗数 [数値] — この数値は注文合計に乗算され、チップを計算します

レイアウト設定

ソーシャルメディアフィード機能テンプレートの各画面はレスポンシブデザインを使用して作成されています。画面はどのデバイスやタブレットでも見栄えがします。

ほとんどの画面はカスタムレイアウトで設計されています。画面に新しいコンポーネントを追加すると、他の画面サイズに影響を与えることがあります。

レイアウトの概要

異なる画面サイズのレイアウトを表示または編集するには — 画面のタイトルをクリックしてドロップダウンを表示します。

このテンプレートのデフォルトビューはデスクトップです。ビルダーで1つの画面のサイズを変更しても、キャンバス上の他の画面のサイズは変更されません。

非表示コンポーネント

各ビューには、デスクトップには表示されないがモバイルで表示されるコンポーネントがある場合があります。これらは左側のパネルでグレー表示され、アイコンで示されます。

どのデバイスコンポーネントが表示されているかを表示する別の方法は、こちらのレイアウトタブです：

カスタムレイアウト

一部のコンポーネントには、画面サイズに基づいたカスタムレイアウトが付属しています。これらの設定を表示するには、レイアウトタブをチェックしてカスタムレイアウト設定までスクロールしてください。