3YAdmin
1.0.0
コードはあまりにも醜いので、それをコピーすることはお勧めできません。普遍的な RBAC の実装アイデアを参照してください。
3YAdmin は、一般的な権限制御とフォームに重点を置いたバックグラウンド管理システム テンプレートです。
3YAdmin は、タブ モードと通常モードの 2 つのレイアウト モードをサポートします。 2 つのモードは、webpack がパッケージ化およびコンパイルされるときに決定され、特定のモードをパッケージ化する場合、他のモードの冗長なコードは導入されません (React で Tab モードを実装するのは非常に困難です)。
3YAdmin は、RBAC 権限制御モデルのコア機能ページと操作を実装します。
3YAdmin は、定義された JSON データを解析することによって、クエリ フォーム、静的フォーム、および動的フォームを生成できます。
Lazy-mock と組み合わせると、モック データ (シンプルなコード ジェネレーター) を使用して、フロントエンドおよびバックエンドの追加、削除、変更、クエリ関数を迅速に生成できます。
オンラインデモ:
タブモード
コモンモード
ログインアカウント:
admin 123 test 123456 website_admin 123456
実際のバックエンド データのサポート
ログイン/ログアウト
左側のメニューバーを縮小します
レスポンシブレイアウト
オンデマンドでロード
タグナビゲーション
パン粉
全画面表示/全画面表示を終了する
動的メニューと静的メニューの比較
モジュールごとに分かれたメニュー
ユニバーサル権限制御
メニューレベルの権限制御
インターフェースレベルの権限制御
要素レベルの権限制御
グローバルに設定可能な読み込み効果
ネットワーク例外処理
モジュール
システム設定
権限管理
組織構造
ユーザー管理
メニュー管理
機能管理
役割管理
ロール権限管理
ロールユーザー管理
ユーザー役割管理
部門管理
ポジション管理
システムモジュール
監査ログ
データの初期化
例
検索フォーム
共通フォーム (静的フォーム、最初の解析後、JSON データが変更されてもフォームは変更されません)
動的フォーム (動的フォーム、JSON データの変更後にフォームが再生成されます)
権限テストページ
エラーページ
JSONフォーム（JSONデータを解析して動的にフォームを生成）
git clone https://github.com/wjkang/3YAdmin.git
npm installバックグラウンドモックサービスをインストールする
git clone -b 3YAdmin https://github.com/wjkang/quasar-admin-server.git
npm install
npm startnpm startnpm run build現在、antd はオンデマンドでインポートされ、チャンクにパッケージ化され、AutoDllPlugin が使用されるように構成されています。必要に応じて変更できます。
パッケージ化モードの構成には、builds.js および start.js ファイルの process.env.REACT_APP_LAYOUT_MODE を変更する必要があります。
後ほど、フロントエンドとバックエンドを分離したバックエンド管理システム (vue と React を含む) の詳細な使用方法のチュートリアルとフロントエンド アーキテクチャの設計アイデアについて説明します。気に入った場合は、スターを付けることができます。
