vue admin box

vue-admin-box

Anglais | 简体中文

résumé

• version mise à jour
• Après plus de trois mois d'itération, la version 1.0 a été officiellement publiée le 10 août 2021, avec quatre modèles de base joints que tout le monde peut utiliser.
• Ce projet open source est développé par des particuliers et ne restreint aucune utilisation commerciale ni recherche personnelle. Veuillez cliquer sur l'étoile pour m'encourager avant de l'utiliser
• Toutes les activités illégales et pornographiques impliquées dans ce projet open source n'ont rien à voir avec ce code source. S'il te plaît, ne te montre pas
• Groupe de communication QQ：912804007，Les problèmes sont soulevés dans le groupe et peuvent être résolus à temps

Aperçu

si vous n'êtes pas en Chine, vous devriez peut-être télécharger le projet pour montrer la démo ou utiliser un VPN pour visiter la démo en ligne.

• démo Chine
• monde de démonstration
• adresse github
• adresse du gîte
• Il est recommandé d'utiliser du fil ou du cnpm pour l'installation en Chine. L'installation de NPM est sujette à des problèmes

Modèle de base

Il existe quatre modèles de base, qui ne conviennent ni au développement ni à l'utilisation, et peuvent être trouvés dans github、gitee View directement dans l'entrepôt，Le modèle est présenté ci-dessous :

1. modèle template-ts-i18n ， conteneur ts et démo d'internationalisation github gitee
2. modèle template-ts ， conteneur ts ， l'internationalisation n'est pas un conteneur github gitee démo
3. modèle template-js-i18n ， conteneur js et démo d'internationalisation github gitee
4. modèle template-js ， conteneur js ， l'internationalisation n'est pas un conteneur github gitee démo

Introduction

vue-admin-box est un modèle de système de gestion d'arrière-plan gratuit et open source. La dernière vue-next, vite, element-plus utilisée dans ce projet. Le but est de résoudre la configuration complexe du système d'arrière-plan dans les affaires générales.

Fonction caractéristique

• Configuration du routage, mécanisme de gestion de l'état (l'État prend en charge le stockage local par défaut), mécanisme de gestion Axios et API encapsulé et parfait adapté au développement intermédiaire et en arrière-plan
• Il est très pratique d'étendre la fonction de configuration du thème et prend en charge trois styles typiques de milieu et d'arrière-plan par défaut
• Configuration du routage, mécanisme de gestion de l'état (l'État prend en charge le stockage local par défaut), mécanisme de gestion Axios et API encapsulé et parfait adapté au développement intermédiaire et en arrière-plan
• Pour les trois tables métiers typiques d'ajout, de suppression et de modification de requête, veuillez consulter « Table CRUD », « Tableau de catégories » et « Table arborescente » dans la « colonne de page » pour plus de détails.
• La fonction d'actualisation sans saut de route prend en charge l'actualisation de la page de cache. À l'heure actuelle, la plupart des frameworks ne prennent pas en charge l'actualisation des pages de cache.
• Il s'agit d'une solution d'internationalisation pratique et extensible, et fournit deux ensembles de modèles de base non internationalisés et deux ensembles de modèles de base internationalisés (version TS / version JS)
• Versions manuscrites de diverses instructions personnalisées
• Pour les composants communs du tableau et les composants communs contextuels qui ont été vérifiés par plusieurs entreprises intermédiaires et d'arrière-plan, veuillez consulter le « tableau crud », le « tableau des catégories » et le « tableau arborescent » dans la « colonne de la page » pour plus de détails.

Technologie principale

• Cadre MVVM：vue v3
• Gestion de l'ingénierie：vite v2
• Cadre d'interface utilisateur：élément-plus
• Gestion du routeur：vue-router v4
• Gestion de l'état：vuex v4
• Demande de données：axios
• Bibliothèque utilitaire：@vueuse/core

Comment utiliser

1. obtenir le projet de code source

    git clone https://github.com/cmdparkour/vue-admin-box.git
   

2. installez la dépendance, vous pouvez utiliser cnpm ou fil en Chine

    npm install
   

3. courir dans le développement

    npm run dev 或 npm run start
   

4. construire en production

    npm run build
   

Projet partenaire

• Thinker-Admin-Box - springboot avec vue-admin-box, utilisez le code Java pour générer la page vue
• H5-dooring - un projet low code autour du site mobile
• ant-simple-pro - un site Web intermédiaire basé sur Vue3.0, React et Angular
• vue-vben-admin - un administrateur vue moderne. Il est basé sur Vue3, vite et TypeScript. C'est rapide！

aperçu