vueElementAdminBase

オンライン プレビュー アドレスとバックグラウンド インターフェイス データはシミュレートされ、自由に追加、変更、削除できます。

このフレームワークは、PanJiaChen の vue-element-admin に基づいて変更されています。使用する前に、彼のドキュメントのいくつかを読むことをお勧めします。vue バックエンド シリーズ 1 (基本) の使用方法が説明されています。問題がたくさん！

メニューの権限はバックグラウンドで制御されます

メニューを作成するときは、名前フィールドがページ内の名前 (赤枠) に対応していることに注意してください。2 つの場所が一致しない場合、キープアライブ キャッシュは無効になります (ページ A でコンテンツを入力し、ページ B に切り替え、を押してAページに戻るとAページで入力したデータは失われます）、各メニューの名前はユニークであり、繰り返すとキープアライブも無効になります。

表示するかどうかは、非表示のメニューにルーティングを通じてアクセスできるかどうかを示します。

ファイル パスで注意すべき点は、第 1 レベルのメニューではレイアウト フィールドが使用され、第 2 レベルまたは複数レベルのディレクトリでは none フィールドが使用され (ディレクトリが特定のファイルを指していないため)、サブpage は、特定のページを使用します。たとえば、黄色の矢印で示されたファイルは、デフォルトで src/pages フォルダーに配置されます。

バックグラウンド インターフェイスのパスは、プロジェクト ルート ディレクトリの vue.config.js で変更されます。

バックグラウンドインターフェイスによって返されるステータスコードは、src/utils/request.jsで変更されます。

src/permission.js はルーティング ガードです

src/external は、外部ページが配置される場所です。外部に公開されるページのルーティングは、src/router/modules/external.js で設定できます。

注文

 # clone the project
git clone https://github.com/rui494274693/vueElementAdminBase.git

# enter the project directory
cd vueElementAdminBase-master

# install dependency
npm install

# develop
npm run dev

ブラウザで http://localhost:8099 を開きます

パック

 # build for test environment
npm run build:stage

# build for production environment
npm run build:prod

これは単なるフロントエンド プロジェクトであり、バックエンド インターフェイスをシミュレートするプロジェクトも開始する必要があります。アドレスは vueElementAdminServer です。

寄付する

このプロジェクトが役立つと思われる場合は、次のアクションで作者をサポートできます。