バックグラウンド
ミッドエンドおよびバックエンド製品のフロントエンド開発の場合、最も一般的なシナリオは、テーブルに対する CURD 操作の開発に他なりません。
-
作成:
Table(...) 値(...) に挿入します。 -
更新:
テーブル セットを更新... どこで...; -
取得:
テーブルの場所から ... を選択します...; -
削除:
テーブルから削除...;
たとえば、条件付きクエリ、ユーザーの追加、ユーザーの更新、ユーザーの削除、ユーザーの詳細機能を含むユーザー ページを開発します。
一般的な開発手順は次のとおりです。
次に、これも CURD の機能である別のロール ページを追加し、上記の手順を繰り返します。最終的に、フィールドとインターフェイスが異なることを除いて、2 つのページのグルー コードの約 80% がまったく同じであることがわかります。
可愛いロゴに10086ポイント癒されました
繰り返されるグルーコードに直面し、長年苦しんできたフロントエンド開発チームは、 これらの問題を解決するために 2022 年に Koala Form ソリューションを立ち上げ、プロジェクトチームによる半年以上の磨きを経て、現在に至っています。コミュニティユーザーが一緒に使用できるように開始されました。
コアラフォームとは何ですか?
Koala Form は、フォーム ページ用のローコード ソリューション です。Vue3に基づいて、開発者が構成を開発できるように、ミッドエンドおよびバックエンド製品のフォーム シナリオを抽象化します。
学習コストが高く、複数のパッケージを引用する必要があり、パッケージ サイズが大きいという問題点がある業界の他の製品と比較して、Koala Form は強力な UI ライブラリ サポート、保守性、再利用性を提供し、強力なシーン カプセル化機能、低コストを提供します。使用と学習の効率が向上し、開発の複雑さが軽減されます。
機能の概要:
-
効率的: 完全なフォーム ページを 0 から開発するには 1 日から数時間かかる場合がありますが、Koala From ではフィールドの表示ルールを設定するだけで数分しかかかりません。
-
シンプル: 組み込みの基本フォーム シーン、useScene、useFrom、useTable、useModal、usePager は、シーン コンテンツを操作するためのコンテキスト API を提供します。
-
柔軟性: シーンは自由に組み合わせることができ、フィールドのリンクがサポートされ、フィールドとコンポーネントの記述も vue スロットをサポートし、機能を拡張するプラグインを作成できます。
コアラフォームの構造図
Koala Form のクイック スタート
Koala フォームを使用すると、次のユーザー ページをすばやく実装できます。
プロセスの簡単な説明: Vue3 プロジェクトを作成した後、エントリ ファイルをグローバルに設定した後、koala フォーム関連の依存関係 @koala-form/core、@koala-form/fes-plugin、および @fesjs/fes-design コンポーネント ライブラリをインストールします。 useCurd ユーザー CURD ページを作成します。
プロジェクト チームは、参考用に詳細な製品ドキュメントをまとめました。より読みやすくするために、「クイック スタート ガイド」https://koala-form.mumblefe.cn/zh/guide/getting- htmlを理解する (または「原文を読む」をクリックしてジャンプします)。
始めましょう:https://koala-form.mumblefe.cn/
最近の計画
-
Ant Design vue などの他の UI ライブラリのプラグイン サポート (特定の時間ノードはニーズやコミュニティ ユーザーのフィードバックに応じて調整されます)。
-
コミュニティからのフィードバックやサポートなどに対応します。
参加しませんか
現時点ではまだ包括的に実装できていない機能もありますが、時間の経過とともにこれらの機能は確実に完成度を高めていきますので、開発者の皆様のより良い開発にお役に立てれば幸いです。
フロントエンド開発に関心のある方に Koala Form プロジェクトへの参加を心からお勧めします。あらゆる形式の貢献を歓迎します。提案やコメントがある場合は、GitHub/gitee/WeChat グループで問題を提起できます。ご到着をお待ちしております。