DUICUO

オープンソースのVue + Element-UI動的ルーティング、オープンソースのUnitUI迅速開発フレームワーク

[[417325]]

序文

UnitUIは、VueとElement-UIをベースにした動的開発フレームワークで、Node.jsとVue CLIをサポートしています。そのため、開発にはNode.jsとVue CLIの環境が必要です。

なぜUnitUIという名前なのか?それは、私たちの目標がコンポーネントベースの開発フレームワークを構築することだからです。これにより、動的ルーティングを介して任意のコンポーネントをルートに追加し、メニューにバインドしてコンポーネントを直接マウントできます。これは、迅速な開発とチーム開発の促進、セキュリティの確保など、大きなメリットがあり、開発者は限られたエネルギーをコンポーネントの機能に集中させることができます。


サポート

組み込みページ

開発を容易にするために、デフォルトで次のものが含まれています。

ビューフレーム


ログイン


登録する


パスワードを忘れた


404エラーページ

[[417328]]

つまり、4 ページと基本的な開発フレームワークです。

組み込みJSライブラリ

  • "axios": "^0.21.1",
  • "core-js": "^3.6.5",
  • "echarts": "^5.1.2",
  • "要素UI": "^2.15.5",
  • "vue": "^2.6.11",
  • "vue-router": "^3.2.0"

導入

開発を始める方法

Unit UI は Node.js 環境と Vue CLI 開発環境を必要とします。Node.js(最新バージョンで問題ありません)をインストールし、Vue CLI(最新バージョンで問題ありません)をインストールしてください。その後、ダウンロードしたソースコードディレクトリで「npm run serve」を直接実行することで、Unit UI を実行できます。

得られるもの

Unit-UIには、ログイン、登録、パスワード回復のための必須ページとビューフレームワークが既に含まれています。ビューフレームワークを適切に変更することも、ビューフレームワークを変更せずにコンポーネントを直接開発することもできます。

コンポーネントを記述するだけでプロジェクトの開発を直接開始できるため、プロジェクトを迅速に形にすることができ、チーム間のコラボレーションが容易になります。unit-uiは動的ルーティングを使用して構築されているため、あなたとチーム間のコラボレーションがはるかにシンプルになります。

第二に、動的ルーティングをサポートしているため、認証の実装も非常に簡単です。unit-ui で高速な認証を実現し、バックエンドから返されるJSONを使って制御できます。

最後に、動的ルーティングはバックエンドによって制御され、JSONを返すことでルートを生成するため、セキュリティ面でもメリットがあります。つまり、コンポーネントの読み込みはバックエンドによって完全に制御されるため、プロジェクトのセキュリティが大幅に向上します。