「U-way ローコード技術コラム」は、U-way の 7 年間にわたるローコード技術の研究開発と運用保守の実績をもとに、U-way 技術委員会のメンバーが執筆する全く新しい技術ベースのコラムです。主にローコード ロジックに関連する技術原則とアーキテクチャを紹介します。その目的は、大多数の運用保守担当者に技術交換と学習のためのプラットフォームを提供することです。
U-wayローコード実践連載第11回
「コンポーネントの追加」
▽
I. 概要
ページは、特定のビジネス ロジックと対話に基づいたさまざまなコンポーネントによって形成されます。ページ内の最も基本的な要素であるコンポーネントは、アトミック コンポーネント、一般コンポーネント、ビジネス コンポーネント、テンプレート (特定のビジネス ロジックがカプセル化された複数の再利用可能なコンポーネント) などに分類されます。
2 番目に、コンポーネントの追加
コンポーネントの追加はルーティングに基づいて行う必要があります。つまり、コンポーネントの追加の前提はルーティング ページがあることです。ルーティングの追加の説明はここでは省略します。詳細については、ルーティングの作成を参照してください。
1.コンポーネントライブラリからコンポーネントを追加する
コンポーネント ライブラリは、プラットフォーム内のすべてのコンポーネントをカバーしています。コンポーネント ライブラリ内のコンポーネントをあいまい検索することで、一致するコンポーネントを見つけることができます。コンポーネントが見つかったら、 iframe プレビュー領域では、コンポーネント情報をすばやく受け取り、効果をレンダリングできます。
ps: コンポーネントを iframe のプレビュー領域にドラッグ アンド ドロップし、チェック スイッチをオンのままにします。
2. コンポーネントツリーからコンポーネントを追加する
コンポーネント ツリーからコンポーネントを追加する場合は、コンポーネント ID によるあいまい検索のみが可能なため、コンポーネント ID に精通しているユーザーに適しています。コンポーネント ツリーからコンポーネントを追加することは、コンポーネントの配置を見つけるのが難しい複雑なシーンにドラッグ アンド ドロップする場合や、コンポーネント ツリーに含まれていないアトミック コンポーネントを追加する場合など、コンポーネントのドラッグに適さないシナリオにも適しています。 div、タグなどのコンポーネント ライブラリ。
共通コンポーネントを追加します。
ps: 親コンポーネントのスロットとは何ですか? 親コンポーネントの説明ドキュメントをクリックすると、それが表示されます。コンポーネント スロットが異なれば、名前と位置も異なります。コンテナ以外のコンポーネントにはスロットがありません。
アトミックコンポーネントを追加します。
アトミック コンポーネントは、div、a、span などのネイティブ HTML 要素です。
この時点で、コンポーネントの追加は完了です。