次の方法で共有


チュートリアル: ページでの Dataverse 情報の作成、更新、読み取り

Microsoft Dataverse と動的にやり取りする機能は、Power Pages の主要な機能の 1 つです。 サイトにアクセスしたユーザーは、プログラムのリストの表示、それらの子の登録、会議のスケジュール設定、建築許可の申請などのアクションを実行できます。 Dataverse で追跡される情報は、Power AppsPower AutomatePower BI などの他の Power Platform サービスでアクセスできます。

このチュートリアルでは、Power Pages で Web アプリケーションを作成し、ユーザーが Dataverse レコードを作成、読み取り、および更新できるようにします。 このサイトを基盤として使用して、Dataverse で強化した独自の Web サイトを作成します。

ページ上で作成および更新されたレコードについては、このビデオ (音声なし) をご覧ください:

このチュートリアルで学習する内容は次のとおりです。

  • Dataverse テーブルの作成
  • Dataverse ビューの作成
  • Dataverse フォームの作成
  • レコードの読み取り、作成、および更新ができるようにテーブルのアクセス許可を構成する
  • ページにリストを追加する
  • フォームを含むページを追加してレコードを作成する
  • フォームを含むページを追加してレコードを表示/編集する
  • ページに移動できるようにリストを更新し、レコードを作成し、レコードを表示/編集する

前提条件

Dataverse テーブルの作成

このセクションでは、データ ワークスペースを使用して Dataverse テーブルを作成します。 テーブルを使用して、特定のオブジェクトに関する情報を格納します。 奨学金、アプリケーション、会社は、テーブルの一例です。 テーブルは一連の列で構成されます。 列は、名前、説明、申込み日、色などのオプションの選択など、オブジェクトに関する特定の情報です。

次の手順を使用して、データ ワークスペースを使用してテーブルと列を作成します。

  1. Power Pages に移動します。

  2. 左側のナビゲーションで データ アイコンを選択し、データ ワークスペースに移動します。

  3. このサイトのテーブル 見出しの右側で新しいテーブル (+) ボタンを選択します。

  4. 新しいテーブルに適切な名前を付けます。

  5. 作成 を選択して Dataverse でテーブルを作成します。

    新しいテーブルを作成します。

  6. 列をテーブルに追加するには、+ 新しい列 を選択します。 表示名 を入力して データ型 を選択し、他のオプションを選択します。 保存 を選択します。

    新しい列を新しいテーブルに追加します。

  7. テーブルに必要なすべての列を作成するまで、前の手順を繰り返します。

Dataverse ビューの作成

Dataverse ビューは、Dataverse テーブルのデータの特定の行と列を表示するクエリ タイプです。 ビューを作成するときに、表示する列、レコードの並べ替え方法、行のフィルタリング方法などの特定の基準を指定します (たとえば、イベントの日付が将来のイベントのように、特定の基準を持つレコードのみを表示するなど)。

このビューを使用して Web ページのリストを構成します。

このセクションでは、データ ワークスペースを使用して Dataverse ビューを作成します。

  1. データ ワークスペースのテーブル一覧からテーブルを選択し、新しいビューを作成します。

  2. ビュー タブを選択します。

  3. 新しいビュー を選択します。

  4. ビューの名前と、オプションで説明をを入力します。

  5. 作成 を選択します。

    新しいビューを新しいテーブルに追加します。

  6. ビュー デザイナーが表示されます。 ビューに列を追加し、幅を調整できます。

  7. 右側のポップアップ パネルの 並び替え... セクションで、特定の列での並べ替えを選択します。

  8. 右側のポップアップ パネルの フ並び替え セクションで フィルターの編集 を選択して、特定の行フィルター オプションを構成するように選択することもできます。

  9. ビューの構成が完了したら、保存ビューを公開 の順に選択します。

    新しいビューを新しいテーブルに構成します。

Dataverse フォームの作成

Dataverse フォームは、エンド ユーザーが個々のレコードを追加、読み取り、または更新するための基盤として使用する、特定の列 (フィールド) の配置を示すサーフェスを提供します。

Dataverse フォームを使用して、Web ページのフォーム コンポーネントを構成します。

このセクションでは、データ ワークスペースを使用して Dataverse フォームを作成します。

  1. データ ワークスペースのテーブル一覧からテーブルを選択し、新しいフォームを作成します。

  2. フォーム タブを選択します。

  3. 新しいフォーム を選択します。

  4. フォームの名前と、オプションで説明をを入力します。

  5. 作成 を選択します。

    新しい Dataverse フォームを作成します。

  6. Dataverse フォーム デザイナーが表示されます。 このツールでフォームのさまざまな側面を設計および構成できます。

    • + フィールドの追加 を選択するとテーブル列のリストが表示され、フォーム キャンバスにドラッグ アンド ドロップできます。
    • フォーム キャンバスでは、フィールドを配置できます。
    • 右側のプロパティ ポップアップ パネルを使用すると、セクションごとの列数、フィールドの幅と高さ、ラベル名やその他の側面など、選択したフォーム、タブ、セクション、およびフィールドのさまざまなオプションを構成できます。

    Note

    特定のフィールド (所有者 など) は Web ページに表示されません。

  7. フォームの構成が完了したら、保存フォームを公開 の順に選択します。

    Dataverse フォームを構成します。

テーブルのアクセス許可を構成する

既定では、サイトのユーザーには、レコードを表示、作成、または編集するためのアクセス許可がありません。 特定のテーブル アクセス許可を構成し、Web ロールを割り当てる必要があります。 データの保護と安全性を確保するには、サイトの特定のユーザーにのみアクセスを許可します。

このセクションでは、セキュリティ ワークスペースを使用してテーブルのアクセス許可を作成し、Web ロールを割り当てます。

  1. セキュリティワークスペース アイコンを選択します。

  2. 保護で、テーブルのアクセス許可を選択します。

  3. + 新しいアクセス許可 を選択します。

  4. ポップアップ セクションが表示されます。 テーブルのアクセス許可の名前を入力します。

  5. アクセス許可を設定するテーブルを選択します。

  6. サインイン ユーザーにレコードの関係を指定する方法に応じて、適切なアクセスの種類を選択します。 このチュートリアルでは、すべてのサイト訪問者にアクセスを提供するので、グローバル を選択します。 独自のサイトを構築するときは、他のオプションを検討してください。

  7. データを操作する方法に基づいて、アクセス許可 オプションを選択します。 このチュートリアルでは、読み取り書き込み作成削除 を選択します。 独自のサイトを構築するときは、これらのオプションを制限することを検討してください。

  8. + ロールの管理 を選択し、このテーブルのアクセス許可に割り当てる Web ロールを選択します。 このチュートリアルでは、匿名ユーザー ロールと 認証ユーザー ロールを選択します。 独自のサイトを構築するときは、カスタム Web ロールを作成し、特定のユーザーを割り当てることを検討してください。

    テーブルのアクセス許可を作成します。

  9. 保存 を選択して、テーブルのアクセス許可を保存します。

サイトにページを追加する

Dataverse レコードを操作するには、サイトにページを作成する必要があります。

このチュートリアルでは、3 つのページを作成します。

  • Dataverse レコードの一覧を表示するページ。
  • 新しいレコードを作成するページ。
  • 既存のレコードを表示および更新するページ。

ページにリストを追加する

リスト コンポーネントを Web ページに追加すると、ユーザーは、Dataverse に保存されているレコードの一覧を検索、参照、および選択できます。

このセクションでは、ページ ワークスペースを使用して、リスト コンポーネントを含むページを作成します。

  1. ページ ワークスペース アイコンを選択します。

  2. メイン ナビゲーション の右の + を選択します。

  3. Web ページに適切な名前を付けます。

  4. 標準レイアウト空白から開始 レイアウトを選択し、追加 を選択します。

    Web ページを作成します。

  5. 新しいページが表示されると、新しいページに追加するコンポーネントの一覧が表示されます。 リスト コンポーネントを選択します。

    リスト コンポーネントを選択します。

  6. リストの追加 ウィンドウが表示されます。

    • テーブルを選択します。
    • 1 つ以上の Dataverse ビューを選択してください。
    • デフォルト名のままにするか、リストに新しい名前を付けます。
    • OK を選択します。

    リストのプロパティを構成します。

  7. 空白のリストがページに表示されます。

フォームを含むページを追加してレコードを作成する

データを挿入するように構成されたページにフォーム コンポーネントを追加すると、ユーザーは Dataverse で新しいレコードを作成できます。 ページ上のフォーム コンポーネントは、データ ワークスペースで作成された Dataverse フォームに基づきます。

このセクションでは、ページ ワークスペースを使用して、フォーム コンポーネントを新しいレコードに挿入するように構成したページを作成します。

  1. ページ ワークスペース アイコンを選択します。

  2. リスト コンポーネントを含めるためにあらかじめ作成しておいた Web ページの右側にある ... アイコンを選択し、ポップアップ メニューが表示されたら 新しいサブページを追加 を選択します。

    サブページをサイトに追加します。

  3. ページに適切な名前を付けて (レコードの作成 など)、空白から開始 ページ レイアウトを選択します。

  4. 新しいページが表示されると、新しいページに追加するコンポーネントの一覧が表示されます。 フォーム コンポーネントを選択します。

    フォーム コンポーネントをページに追加します。

  5. フォームの追加 ウィンドウが表示されます。 + 新しいフォームを選択します。

  6. フォームを構成する必要があります。

    • フォームの Dataverse テーブルを選択します。
    • ページ上のフォーム コンポーネントのレイアウトとして使用される Dataverse フォームを選択します。
    • 既定のままにするか、フォーム コンポーネントに名前を付けます (レコードの作成 など)。

    フォーム コンポーネントのプロパティを構します。

  7. 他のフォーム コンポーネント プロパティを構成できます。 データ セクションで、このフォームのデータ オプションが 新しいレコードを作成する に設定されていることを確認します。 CAPTCHA をオフまたはオンにしたり、フォーム送信時にナビゲーションを構成するなどの、他のオプションを構成できます。

  8. 保存 を選択します。

  9. この新しいページをメイン ページ ナビゲーションから削除します。 リスト コンポーネントを含むページにレコード作成オプションを追加します。 ... を選択し、[その他のページ] に移動する を選択します。

    サブページを [その他のページ] セクションに移動します。

フォームを含むページを追加してレコードを表示/編集する

新しいレコードを作成するだけでなく、ユーザーが既存のレコードを編集できるようにする必要もあります。 ページで再度フォーム コンポーネントを使用しますが、Dataverse でレコードを編集するように構成します。

もう一度、前の手順で行ったように、新しい Web ページを追加して、フォーム コンポーネントを追加します。

このセクションでは、ページ ワークスペースを使用して、フォーム コンポーネント含むページを作成し、既存のレコードを編集するように構成します。

  1. ページ ワークスペース アイコンを選択します。

  2. その他のページ セクションの右にある + アイコンを選択します (ウェブページを追加します)。 ページに適切な名前を付けて、空白から開始 レイアウトを使用します。

    コピーした Web ページを編集します。

  3. ページが表示されます。 フォーム オプションを選択して フォームの追加 ウィンドウを開きます。

  4. + 新しいフォーム オプションを選択します。

    編集フォームを Web ページに追加します。

  5. 次に、挿入フォーム コンポーネントと同様のオプションを使用してフォームを構成する必要があります。

    • フォームの Dataverse テーブルを選択します。
    • ページ上のフォーム コンポーネントのレイアウトとして使用される Dataverse フォームを選択します。
    • 既定のままにするか、フォーム コンポーネントに名前を付けます (レコードの編集 など)。
  6. 他のフォーム コンポーネント プロパティを構成できます。 データ セクションで、このフォームのデータ オプションが 既存のレコードを更新する に設定されていることを確認します。 CAPTCHA をオフまたはオンにしたり、フォーム送信時にナビゲーションを構成するなどの、他のオプションを構成できます。

    フォームの種類を変更します。

  7. OK を選択します。

ページに移動できるようにリストを更新し、レコードを作成し、レコードを表示/編集する

フォーム コンポーネントを含むページが作成されたので、リスト コンポーネントを含むページを構成して、作成ページと編集ページの両方に移動できるようにする必要があります。

このセクションでは、ページ ワークスペースを使用して、新しいレコードを作成するオプションを持つようにリスト コンポーネントを構成し、ユーザーがリストされたレコードを選択して編集ページに移動できるようにリストを構成します。

  1. ページ ワークスペース アイコンを選択します。

  2. リスト コンポーネントを含むページを選択します。

  3. ページでリスト コンポーネントを選択し、リスト ボタンを選択して リストの追加 ウィンドウを開きます。

  4. データ タブを選択します。

  5. 新しいレコードの作成 オプションを選択します。

  6. ターゲットの種類Web ページ を選択し、フォーム コンポーネントがレコードを作成するように構成された Web ページを選択します。

  7. 詳細の表示 オプションを選択します。

  8. ターゲットの種類Web ページ を選択し、フォーム コンポーネントがレコードを編集および表示するように構成された Web ページを選択します。

    レコードを追加するためのリストを構成します。

  9. OK を選択します。

サイトのテスト

デザイン スタジオで プレビューデスクトップ の順に選択し、サイトをプレビューします。

新しいレコードをいくつか作成します。 レコードのリストがある場合は、リストの最初の列を選択してページを開き、レコードを編集します。

レコードを作成および更新できるサイト。

追加の機能拡張

サイトをエンド ユーザーにとって使いやすくし、ナビゲーションを減らすには、メッセージの代わりにリスト ページにリダイレクトするようにフォームを構成します。 サイトによっては、CAPTCHA をオフする場合があります。

リスト ページに戻るようにページを構成します。