vue admin blog

w-blog

décrire

Un blog personnel qui utilise Spring Boot 2.x dans le backend, nuxtJs dans le frontend et vue dans le backend

Introduction

1. Lien

• Lien du gîte :

  • API : https://gitee.com/windsnowli/w-blog-api

  • Réception : https://gitee.com/windsnowli/vue-ssr-blog

  • Backend : https://gitee.com/windsnowli/vue-admin-blog

• Lien GitHub :

  • API : https://github.com/WindSnowLi/w-blog-api

  • Réception : https://github.com/WindSnowLi/vue-ssr-blog

  • Backend : https://github.com/WindSnowLi/vue-admin-blog

2. Un simple projet de blog personnel est divisé en trois parties :前台,后台et api .

3. Le backend de l'API est basé sur SpringBoot . S'appuie principalement sur mybatis , fastjson , DruidDataSource , Lombok , java-jwt , aliyun-sdk-oss , knife4j , etc. La base de données utilise MySQL8.0+

4. Le style principal de la réception vient d'un modèle BizBlog sur Internet, je ne sais pas d'où il vient à l'origine. Il a été réécrit dans un projet nuxtJs basé sur l'original.

5. Le vue-element-admin utilisé dans l'interface utilisateur en arrière-plan est essentiellement utilisé directement. Si vous souhaitez le personnaliser vous-même, votre force ne le permet pas.

6. Exemple : Nourriture verte – Chien Cai

Commencez localement

api : L'API demandée par le front et le backend utilise le même projet

1. git clone https://gitee.com/WindSnowLi/w-blog-api.git ou git clone https://github.com/WindSnowLi/w-blog-api.git pour cloner le projet localement
2. mvn clean install dependency:tree
3. Modifiez les informations de configuration de la base de données dans l'environnement de développement application-dev.yml et l'environnement de production application-prod.yml ; knife4j n'est activé que dans l'environnement de développement.
4. Créez une base de données vide avec le nom spécifié dans la configuration de la base de données, encodage UTF8
5. mvn clean package -Dmaven.test.skip=true ignore les tests et génère des packages jar
6. java -jar 生成的包名.jar est utilisé pour exécuter l'environnement de configuration de développement. La base de données sera automatiquement initialisée lors de la première exécution.
7. Visitez http://127.0.0.1:8888/doc.html pour consulter la documentation api
8. Il est recommandé d'utiliser IDEA pour ouvrir le dossier du projet afin de gérer automatiquement les dépendances et de faciliter le fonctionnement.

réception

1. git clone https://gitee.com/WindSnowLi/vue-ssr-blog.git ou git clone https://github.com/WindSnowLi/vue-ssr-blog.git clone le projet en local
2. npm install dépendances d'installation
3. L'adresse host dans le fichier config/sitemap.xml peut être modifiée pour générer un plan d'accès.
4. Le numéro de port dans nuxt.config.js peut être modifié
5. Vous pouvez modifier BASE_URL dans script du fichier package.json pour spécifier l'adresse api backend.
6. npm run build
7. npm start l'exécution localement

Dans les coulisses

1. git clone https://gitee.com/WindSnowLi/vue-admin-blog.git ou git clone https://github.com/WindSnowLi/vue-admin-blog.git clone le projet en local
2. npm install dépendances d'installation
3. npm run dev utilise une interface d'aperçu des données simulées
4. Modifiez l'adresse VUE_APP_BASE_API dans le fichier .env.production par l'adresse de l' api backend
5. npm run build:prod
6. Les fichiers compilés dans le dossier dist peuvent être placés sous le serveur http (vous pouvez utiliser npm pour installer http-server ) pour y accéder.
7. Compte par défaut : [email protected] , mot de passe : 123456

Affichage de l'interface

réception

Dans les coulisses

Licence

MIT

Copyright (c) 2021 WindSnowLi