3YAdmin

Le code est trop moche, il n'est donc pas recommandé de le copier. Vous pouvez jeter un œil à l'idée d'implémentation de RBAC, qui est universelle.

3YAAdmin

3YAdmin est un modèle de système de gestion en arrière-plan axé sur le contrôle général des autorisations et les formulaires.

3YAdmin prend en charge deux modes de mise en page, le mode Tabulation et le mode normal. Les deux modes sont déterminés lorsque le webpack est empaqueté et compilé. Lors de l'empaquetage d'un certain mode, le code redondant dans l'autre mode ne sera pas introduit (il est assez pénible d'implémenter le mode Tab dans React).

3YAdmin implémente les pages fonctionnelles et les opérations de base du modèle de contrôle des autorisations RBAC.

3YAdmin peut générer des formulaires de requête, des formulaires statiques et des formulaires dynamiques en analysant les données JSON définies.

Associé à lazy-mock, vous pouvez générer rapidement des fonctions d'ajout, de suppression, de modification et de requête front-end et back-end avec des données fictives (générateur de code simple).

démo en ligne :

Mode onglet

Mode commun

Compte de connexion :

admin 123

test 123456

website_admin 123456

Fonctions et caractéristiques

• Prise en charge réelle des données backend

• Connexion/Déconnexion

• Réduire la barre de menu de gauche

• Mise en page réactive

• Chargement à la demande

• Navigation par balises

• chapelure

• Plein écran/quitter le plein écran

• Menu dynamique vs menu statique

• Menus divisés par modules

• Contrôle universel des autorisations

• Contrôle des autorisations au niveau du menu

• Contrôle des autorisations au niveau de l'interface

• Contrôle des autorisations au niveau des éléments

• Effets de chargement globalement configurables

• Gestion des exceptions réseau

• module

• Paramètres système

• Gestion des autorisations

• Structure organisationnelle

• Gestion des utilisateurs

• Gestion des menus

• Gestion des fonctions

• gestion des rôles

• Gestion des autorisations de rôle

• Gestion des utilisateurs de rôles

• Gestion des rôles utilisateurs

• Gestion du département

• Gestion des postes

• module système

• Journal d'audit

• Initialisation des données

• exemple

• Formulaire de recherche

• Formulaire commun (formulaire statique, après la première analyse, le formulaire ne changera pas après les modifications des données JSON)

• Formulaire dynamique (formulaire dynamique, le formulaire est régénéré après les modifications des données JSON)

• Page de test d'autorisation

• page d'erreur

• Formulaire JSON (générer dynamiquement un formulaire en analysant les données JSON)

Installer et utiliser

Installer

git clone https://github.com/wjkang/3YAdmin.git

npm install

Installer le service simulé en arrière-plan

git clone -b 3YAdmin https://github.com/wjkang/quasar-admin-server.git

npm install

npm start

Courir

Développement

npm start

Production(Construction)

npm run build

Configuration

Copiez et modifiez directement la configuration générée par React-React-App. Ils se trouvent tous dans le dossier React-Scripts. Actuellement, antd est configuré pour être importé à la demande, conditionné en morceaux, et AutoDllPlugin est utilisé. Vous pouvez le modifier selon vos propres besoins.

La configuration du mode packaging nécessite de modifier process.env.REACT_APP_LAYOUT_MODE dans les fichiers builds.js et start.js.

Tutoriel

Plus tard, il y aura des didacticiels d'utilisation détaillés et des idées de conception d'architecture frontale pour le système de gestion back-end avec séparation front-end et back-end (y compris vue et réaction). Si vous l'aimez, vous pouvez lui donner une étoile.