muteki

Muet

• Brève introduction
  • Vue3.0 Un modèle de gestion arrière basé sur Springboot et Vue, qui peut être rapidement développé à l'extrémité avant pour fournir des interfaces (API Restull)
  • Code via 90% de code de code Alibaba SCALING ET FINDBUGS
  • Le Web prend en charge la connexion multi-terminale, qui peut effectuer une maintenance distincte du terminal
  • Gestion des utilisateurs, gestion des rôles, gestion du département, gestion des autorités, gestion de menu, gestion des journaux, etc.
  • Il y a Vue3 Ant-Design-Vue Version et Vue2 Element Version
  • Le projet est entièrement open source MIT
  • Briller!

Documentation de développement

• Le document est constamment mis à jour. Essence Essence

Adresse du projet d'origine

Plier

Les directives suivantes vous aideront à installer et à exécuter le projet sur des machines locales pour le développement et les tests. Pour savoir comment déployer le projet dans l'environnement en ligne, veuillez vous référer à la section Déploiement.

Exigences d'installation, étapes

• Installez l'environnement Java, JDK1.8
• Installez MySQL 8 et créez une base de données ( UTF8MB4 , UTF8MB4_GENERAL_CI ) pour importer SQL (Doc Directory)
• Installer Redis , télécharger et installer
• L'outil de développement nécessite l'installation de Lombok Plug -in (Idée de recommandation de l'outil de développement)
• --- l'opération arrière (s'il y a un problème, la configuration de la source de données dans le fichier de configuration YML est erronée)
• Environnement de nœud d'installation et de configuration
• Installer Vue-Cli , entrez le répertoire VUE pour exécuter npm install
• --- Exécuter npm run serve ( WebStorm ou Idea peut directement cliquer sur le fichier package.json n ° 6 Triangle vert gauche à gauche)

Adresse de démonstration

• Adresse de démonstration en ligne
  Version Ant-Design-Vue, Vue3.0, Ant-Design-Vue2.0.0
  Version des éléments, Vue2.5

  compte	mot de passe
  superadmin	111111
  administrer	111111
  admin1	111111

  • Astuce: plusieurs utilisateurs peuvent être affectés en même temps, et le SuperAdmin Super Administrator peut voir toutes les pages
  • Astuce: l'environnement de démonstration a interdit les opérations partiellement ajoutées et modifiées
  • Conseil: s'il y a d'autres anomalies, veuillez rafraîchir la page (peut-être que c'est un problème de cache), sinon, veuillez le mentionner

• Document d'interface

  • Swagger-bootstrap
  • Conseils: veuillez ajouter / Muteki manuellement devant la demande;

déployer

• Exécutez la commande mvn clean package pour l'emballer dans le répertoire Springboot.
  • Le répertoire de configuration est le fichier de configuration stocké
  • Le répertoire Lib est un paquet de pot à dépendance Maven
  • Les magasins d'annuaire statique sont des fichiers statiques
  • Les fichiers JAR sont générés par des packs JAR (si la dépendance du POM à l'avenir, vous ne pouvez remplacer le package JAR) que)
• Exécutez la commande npm run build pour l'emballer dans le répertoire VUE.
  • Configuration emballée dans les fichiers .env et les fichiers vue.config.js
• Le serveur de déploiement doit être configuré avec JDK1.8 , MySQL 8 , Environnement Redis
• Jar Pack exécute nohup java -jar springboot.jar & peut s'exécuter en arrière-plan et sortir le journal dans le répertoire actuel
• Le serveur de déploiement est recommandé de configurer Nginx .

Erreur commune

• java.lang.RuntimeException: Cannot resolve classpath entry: E:maven-repositorymysqlmysql-connector-java8.0.15mysql-connector-java-8.0.15.jar
  • Erreur: Selon la base de données, la classe physique est générée
  • Solution: Ressources / config / générateur-config.xml n ° 6 Piste d'emballage de bocal à son propre chemin de sac de pot

extrémité arrière:

Springboot, mybatis, redis

1. Brève introduction
   • Projet basé sur le modèle Springboot
2. Configuration de base
   • Les fichiers .yml peuvent configurer les informations connexes
   • Dans le répertoire de configuration , il s'agit d'une configuration de module commun
   • Le filtre est équipé de la domaine croisée , du filtrage des paramètres , etc.
     • La demande de filtre de paramètre supprime automatiquement les espaces avant et arrière , et la balise HTML de filtrage JSoup (peut personnaliser le niveau de filtre de configuration)
3. Gestion des autorités
   • Avec l'interface avec @AuthToken annotation, l'en-tête de demande doit avoir un jeton pour accéder
   • Avec le routage de rendu dynamique de la page Vue Front et le bouton d'affichage caché: le bouton est enregistré dans this.$globalFun.getSessionStorage('buttonMap')
   • Pour préciser les autorisations de niveau d'interface, l'API correspondant correspondant au menu ou au bouton correspondant dans la gestion de la fonction doit être amélioré, sinon il y aura
4. Utilisez le caillé pour emballer l'usine d'emballage, héritage de base
   • baseInsert() et baseUpdate() filtreront automatiquement le champ avec NULL
5. Générer automatiquement la classe physique selon la base de données
   • Run org.mybatis.giènerator.plugin.mybat itestst.main ()
   • Ressources de configuration spécifiques / config / générateur-Config.xml
6. Le journal est stocké par le ciel, et la configuration spécifique est en ressources / config / logback-spring.xml
7. Générer automatiquement un document de base de données en fonction de la base de données
   • Run organcrew.screst.TestScrew ()

l'extrémité avant:

Vue:

1. Brève introduction

   • Projets créés sur la base de Vue CLI
   • Interface ui: élément-UI
   • Demande de réseau: Axios
     • Méthode d'appel global this.$axios({ url: '', data: {}, success(data) {} });
       • URL: l'adresse après le nom de domaine est requise
       • Succès: il vous suffit de gérer le code à 200
   • Les variables et méthodes globales sont dans le répertoire / src / utils
   • Style Element-Ui dans /src/assets/sass/element-dariables.scss fichier
   • La plupart des projets ont des annotations

2. Configuration de base

   • Avec le back-end pour atteindre le routage dynamique: remplissage du chemin de chemin du formulaire de gestion de fonction, le chemin racine par défaut est /src/views/main/**/*/index.vue/
   • .env.prduction / Development Fichier et Vue.config.js ont été des fichiers configurés

3. Composants communs de l'emballage

   • Dialogue: Pop -Up Box
     • Détail: Titre + Données d'affichage du contenu
     • Formulaire: soumission de formulaire, @submit n'a besoin que de traiter la situation après la vérification du formulaire
     • Index: Boîte pop-up ordinaire
   • Tableau: table
     • L'exemple de retour accepté par le tableau: {"list":[],"pageNum":1,"pageSize":10}
     • Demande de données de table tableDataRequest: { url: '', data: {} }
       • URL: adresse de demande
       • Données: paramètres supplémentaires, avec la recherche supérieure et l'utilisation
     • Table affichage tableColumns: [ {prop: 'username', label: '用户名',formatter(){ return ''; }} ]
       • Formateur: affichage complexe, vous pouvez retourner un DOM

Gratitude

Tout d'abord, grâce à d' excellents projets open source tels que Springboot , Vue , Element-UI, etc. Deuxièmement, le projet fait référence à de nombreux exemples en ligne.