vue-管理ボックス
英語 | 简体中文
まとめ
- バージョンを更新する
- 3 か月以上の反復を経て、バージョン 1.0 が 2021 年 8 月 10 日に正式にリリースされ、誰もが使用できる 4 つの基本テンプレートが添付されました。
- このオープンソース プロジェクトは個人によって開発されており、商業利用や個人的な研究を制限するものではありません。使用する前にスターをクリックして励ましてください
- このオープンソース プロジェクトに関与するすべての違法行為およびポルノ行為は、このソース コードとは何の関係もありません。姿を現さないでください
- QQコミュニケーショングループ：912804007，問題はグループ内で提起され、時間内に解決できます
プレビュー
中国にいない場合は、プロジェクトをダウンロードしてデモを表示するか、vpn を使用してオンライン デモにアクセスする必要があるかもしれません。
- デモ中国
- デモワールド
- ギットハブアドレス
- ギティアドレス
- 中国でのインストールには、yarn または cnpm を使用することをお勧めします。 NPM のインストールは問題が発生しやすい
基本テンプレート
ゼロ開発と使用に適した 4 つの基本テンプレートがあり、github、gitee にあり、ウェアハウスで直接表示できます。テンプレートを以下に示します。
- template-ts-i18n テンプレート、コンテナ ts および国際化 github gitee デモ
- template-ts テンプレート、コンテナ ts、国際化はコンテナではありません github gitee デモ
- template-js-i18n テンプレート、コンテナー js と国際化 github gitee デモ
- template-js テンプレート、コンテナ js、国際化はコンテナではありません github gitee デモ
導入
vue-admin-box は無料のオープンソース バックグラウンド管理システム テンプレートです。このプロジェクトでは最新の vue-next、vite、element-plus が使用されています。一般ビジネスにおけるバックグラウンドシステムの複雑な構成を解決することを目的としています。
特徴的な機能
- ルーティング設定、状態管理メカニズム (状態はデフォルトでローカル ストレージをサポート)、カプセル化された完璧な Axios および API 管理メカニズムは中間開発およびバックグラウンド開発に適しています。
- テーマ設定機能を拡張するのに非常に便利で、デフォルトで3つの典型的な中間および背景スタイルをサポートします
- ルーティング設定、状態管理メカニズム (状態はデフォルトでローカル ストレージをサポート)、カプセル化された完璧な Axios および API 管理メカニズムは中間開発およびバックグラウンド開発に適しています。
- クエリの追加、削除、変更の代表的な3つのビジネステーブルについては、「ページ列」の「CRUDテーブル」「カテゴリテーブル」「ツリーテーブル」を参照してください。
- ルートジャンプを伴わないリフレッシュ機能は、キャッシュページのリフレッシュをサポートします。現在、ほとんどのフレームワークはキャッシュ ページの更新をサポートしていません。
- 便利で拡張可能な国際化ソリューションであり、非国際化基本テンプレート 2 セットと国際化基本テンプレート 2 セット (TS バージョン / JS バージョン) を提供します。
- さまざまなカスタム指示の手書きバージョン
- 複数のミドル・バックグラウンド企業で検証済みのテーブル共通部品、ポップアップ共通部品については「ページ欄」の「クルードテーブル」「カテゴリーテーブル」「ツリーテーブル」をご覧ください。
主要技術
- MVVMフレームワーク：vue v3
- エンジニアリング管理：vite v2
- UIフレームワーク：エレメントプラス
- ルーター管理：vue-router v4
- 状態管理：vuex v4
- データリクエスト：axios
- ユーティリティライブラリ：@vueuse/core
使用方法
ソースコードプロジェクトを取得する
git clone https://github.com/cmdparkour/vue-admin-box.git
インストール依存性があるため、中国では cnpm または Yarn を使用できます
開発で実行する
npm run dev 或 npm run start
本番環境で構築する
パートナープロジェクト
- Thinker-Admin-Box - vue-admin-box を備えた Springboot、Java コードを使用して vue ページを生成する
- H5-dooring - モバイル Web サイトに関するローコード プロジェクト
- ant-simple-pro - Vue3.0、react、angular に基づく中間 Web サイト
- vue-vben-admin - 最新の vue 管理者。 Vue3、vite、TypeScript に基づいています。速いですね！
プレビュー
