w blog - w blog Télécharger le code

w blog

Autres catégories

1.0.0

Télécharger

W-blog

décrire

Un blog personnel d'un dos-end en utilisant Spring Boot 2.x, NuxtJS à la réception et Vue en utilisant Vue en arrière-plan

Brève introduction

Lien
- Lien gitee:
  - API: https://gitee.com/windsnowli/w-blog-api API
  - Réception: https://gitee.com/windsnowli/vue-ssr-blog
  - Dans les coulisses: https://gitee.com/windsnowli/vue-admin-blog
- Lien github:
  - API: https://github.com/WindSnowLi/w-blog-api API
  - Réception: https://github.com/WindSnowLi/vue-ssr-blog
  - Dans les coulisses: https://github.com/WindSnowLi/vue-admin-blog
Un projet de blog personnel simple est divisé en trois parties:前台,后台et api .
- API: Le back-end est basé sur SpringBoot . S'appuie principalement sur Mybatis , Mybatis-Redis , Redis , fastjson , DruidDataSource , Lombok , java-jwt , aliyun-sdk-oss , knife4j , etc. La base de données utilise MySQL8.0+
- La réception: le style principal de la réception est un modèle BizBlog sur Internet nuxtJs
- Dans les coulisses: le Vue-Element-Admin appliqué par l'interface utilisateur d'arrière-plan est essentiellement utilisé directement.
Exemple: Green Food -Cai Dog

Démarrage local

Démarré un projet par un

API: L'API demandée par la réception et l'arrière-plan utilise le même projet

git clone https://gitee.com/WindSnowLi/w-blog-api.git ou git clone https://github.com/WindSnowLi/w-blog-api.git cloné projet
mvn clean install dependency:tree
Créez une base de données et définissez-la sur UTF8 Encoding ( utf8mb4 )
Modifier les paramètres environnementaux
- 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 ;;
- Modifier les informations liées à Redis dans redis.properties ;
- Remarque: knife4j n'est activé que dans l'environnement de développement.
mvn clean package -Dmaven.test.skip=true Skip Test and Generate jar Package
java -jar 生成的包名.jar exécute l'environnement de configuration de développement, et la première opération initialise automatiquement la base de données (l'environnement de production peut spécifier le fichier de configuration chargé --spring.profiles.active="prod" )))
Visitez http://127.0.0.1:9000/doc.html Voir la documentation api
Il est recommandé d'utiliser l'idée pour ouvrir le dossier du projet pour traiter automatiquement les dépendances et faciliter le fonctionnement

réception

git clone https://gitee.com/WindSnowLi/vue-ssr-blog.git ou git clone https://github.com/WindSnowLi/vue-ssr-blog.git Cloning Project
npm install des dépendances d'installation
Peut modifier l'adresse host dans le fichier config/sitemap.xml pour générer des cartes d'accès
Vous pouvez modifier le numéro de port dans nuxt.config.js
Vous pouvez modifier BASE_URL dans script dans le fichier package.json pour spécifier l'adresse api Back -end
compilation npm run build
Opération locale npm start

Dans les coulisses

git clone https://gitee.com/WindSnowLi/vue-admin-blog.git git clone https://github.com/WindSnowLi/vue-admin-blog.git Clone Project to the local local
npm install des dépendances d'installation
npm run dev utilise l'interface de prévisualisation des données analogiques
Modifiez l'adresse de VUE_APP_BASE_API dans le fichier .env.production comme l'adresse de l' api Back -end
npm run build:prod Compile
Le fichier compilé dans le dossier dist peut être placé sous le serveur http (vous pouvez utiliser npm pour installer http-server ) pour accéder

Startup d'intégration Docker

git clone https://gitee.com/WindSnowLi/w-blog.git ou git clone https://github.com/WindSnowLi/w-blog.git w-blog
cd w-blog commutant dans le répertoire racine w-blog
sh ./step-1-clone.sh cloné w-blog-api , vue-ssr-blog , vue-admin-blog warehouse to racine répertoire
Modifier la configuration pertinente de chaque projet
1. Projet w-blog-api
  1. 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 ;;
  2. Modifier les informations liées à Redis dans redis.properties ;
  3. Remarque: knife4j n'est activé que dans l'environnement de développement.
  4. redis可自行安装, ou vous pouvez spécifier les paramètres pertinents de docker-compose.yml
2. Projet vue-ssr-blog
  1. Peut modifier l'adresse host dans le fichier config/sitemap.xml pour générer des cartes d'accès
  2. Vous pouvez modifier le numéro de port dans nuxt.config.js
  3. Vous pouvez modifier BASE_URL dans script dans le fichier package.json pour spécifier l'adresse api Back -end
3. Projet vue-admin-blog
  1. Modifiez l'adresse de VUE_APP_BASE_API dans le fichier .env.production comme l'adresse de l' api Back -end
sh ./step-2-build.sh Dépendances d'installation pour générer des fichiers connexes
Modifier la cartographie des ports associée et la cartographie pliante de docker-compose.yml
docker-compose up -d génère docker镜像et fonctionne