Vue Family Bucketをベースに開発されたフロントエンドコンポーネント管理プラットフォーム

プロジェクトの背景

ウェブサイト構築会社のアウトソーシングでは、多くの場合、デザイナーがコンポーネントを微調整してページをつなぎ合わせてフロントエンドに配信するだけで済むことが多く、再利用可能なコンポーネントが大量に蓄積されていることが、このプロジェクトの背景にあります。理論的には、これらのコンポーネントはフロントエンドでも再利用できますが、実際にはフロントエンドは毎回ページ全体を再実装する必要があり、多くの人的資源を無駄にします。

機能要件

このプロジェクトのアイデアは、すべてのコンポーネントを開発し、それらを管理用の統合プラットフォームに入力して、コンポーネントを選択し、表示されているものをリアルタイムでプレビューおよび調整できるようにすることです。コードがフロントエンドに渡される限り、プラットフォームは調整結果を生成します。このコード文字列を使用して、設計者によって変更されたコンポーネントを再現できます。コンポーネントの html/css/js コードをワンクリックでコピーして、コンポーネント部分のフロントエンド開発コストをゼロに近づけることができます。プラットフォームは次の機能を実装する必要があります:

* 管理コンポーネント、分類、検索、並べ替えをサポートします

* コンポーネントを表示し、コンポーネントのオンライン プレビュー/編集をサポートします

* コンポーネントのハンドオーバー、コンポーネント コードの生成とコードに基づいたコンポーネントの再作成をサポートします

* 使用統計。コンポーネントのさらなる最適化を促進するために、コンポーネントの使用に関する統計をサポートします

テクノロジースタック

Vue+Vueルーター+Vuex

プロジェクトのプレビュー

フロントエンドコンポーネント管理プラットフォーム

ソースコード

Github

以上がVue Family Bucketをベースに開発されたフロントエンドコンポーネント管理プラットフォームの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。