ユースケース:データバインディングと式の生成
計算式の構文を覚えることなく、データバインディング構成を自動化します。
シナリオ
ある医療機関の開発者は、 UI ビルダー を使用してセルフサービスの患者取り込みポータルを作成しています。ポータルには、ユーザーが標準ページを表示しているか、簡略化された「ベア」ページレイアウトを表示しているかに基づいて動的ラベルを表示するフォームがあります。開発者は、それに応じてテキストを変更するラベルコンポーネントを構成する必要があります。さらに、開発者は、その日に送信されたアクティブな取り込み要求の合計数を表示する必要があります。
問題
開発者は、UI ビルダーの式構文に精通していません。IF(@context.props.bare,"bare page","not bare page") や LEN([list]) などの式を記述するには、正確な構文を覚える必要があるため、開発が遅くなり、エラーのリスクが高まります。開発者は、新しいバインディング要件に遭遇するたびに、ドキュメントを調べたり、同僚に尋ねたりする必要があります。
ソリューション
データバインディング生成を使用すると、開発者は計算式ビルダーで必要なものを分かりやすい言葉で直接説明できます。 Now Assist は、自然言語入力を正しい式またはデータバインディング構文に自動的に変換します。開発者は、生成された構文を確認して受け入れ、計算式コードを 1 行も手動で記述することなく、簡素化された 1 つのフローでコンポーネントプロパティに適用します。
開始する前に
UI 生成をインストールし、ui_builder_admin ロールがあることを確認してください。詳細については、「UI 生成のインストール」と「UI ビルダーアドミンロールの付与」を参照してください。
構成ステップ
- 移動先 .
- 患者取り込みエクスペリエンスに移動します。
- ページエディターでページバリアントを開きます。
- ラベルコンポーネントを選択し、[データバインディング] ポップオーバーを開きます。
- [開始する] を選択します。
- プロンプトを入力します。 ページがベアの場合は「簡易ビュー」を表示し、それ以外の場合は「標準ビュー」を表示します。ヒント:どのタイプの自然言語プロンプトが最も効果的かを理解するには、[データバインディング] ポップオーバーの例を参照してください。通常、条件と考えられる結果を明確に説明するプロンプトが最も正確な結果を得ます。
- 矢印を選択してバインディングを生成します。
Now Assist
生成:IF(@context.props.bare,"Simplified View","Standard View")。 - 構文を確認し、[ 承認して編集] を選択し、[ 適用] を選択します。
- 要求するプロンプトを入力します カウントラベル: 今日アクティブな取り込み要求の数を入力します。
Now Assist
LEN([@data.activeIntakeRequests]) を生成します。 - ページをプレビューしてテストし、両方のバインディングが正しく表示されることを確認します。
結果
開発者は、ドキュメントを参照することなく、動的バインディングを迅速に設定できます。これにより構文エラーがなくなり、開発者は数式を記述するのではなくエクスペリエンスデザインに集中できるようになります。