w blog Descargar - w blog Descarga del código fuente

w blog

Otras categorias

1.0.0

Descargar

w-blog

describir

Un blog personal que utiliza Spring Boot 2.x en el backend, nuxtJs en el frontend y vue en el backend.

Introducción

Enlace
- Enlace de la casa rural:
  - API: https://gitee.com/windsnowli/w-blog-api
  - Recepción: https://gitee.com/windsnowli/vue-ssr-blog
  - Servidor: https://gitee.com/windsnowli/vue-admin-blog
- Enlace de GitHub:
  - API: https://github.com/WindSnowLi/w-blog-api
  - Recepción: https://github.com/WindSnowLi/vue-ssr-blog
  - Servidor: https://github.com/WindSnowLi/vue-admin-blog
Un proyecto de blog personal simple se divide en tres partes:前台,后台y api .
- api: el backend está basado en SpringBoot . Se basa principalmente en Mybatis , Mybatis-Redis , Redis , fastjson , DruidDataSource , Lombok , java-jwt , aliyun-sdk-oss , knife4j , etc. La base de datos utiliza MySQL8.0+
- Recepción: el estilo principal de la recepción proviene de una plantilla BizBlog en Internet. No sé de dónde vino originalmente. Fue reescrito en un proyecto nuxtJs basado en el original.
- Backend: el vue-element-admin utilizado en la interfaz de usuario del backend se usa básicamente directamente. Si desea personalizarlo usted mismo, la potencia no lo permite.
Ejemplo: comida verde - Cai Dog

Empezar localmente

Iniciar proyecto por proyecto

api: la API solicitada por el front-end y el backend utiliza el mismo proyecto

git clone https://gitee.com/WindSnowLi/w-blog-api.git o git clone https://github.com/WindSnowLi/w-blog-api.git para clonar el proyecto localmente
mvn clean install dependency:tree
Cree una base de datos y configúrela en codificación UTF8 ( utf8mb4 ).
Modificar la configuración del entorno
- Modifique la información de configuración de la base de datos en el entorno de desarrollo application-dev.yml y el entorno de producción application-prod.yml ;
- Modificar la información relacionada con Redis en redis.properties ;
- Nota: knife4j solo se activa en el entorno de desarrollo.
mvn clean package -Dmaven.test.skip=true omite pruebas y genera paquetes jar
java -jar 生成的包名.jar se utiliza para ejecutar el entorno de configuración de desarrollo. La base de datos se inicializará automáticamente durante la primera ejecución (el entorno de producción puede especificar el archivo de configuración que se cargará --spring.profiles.active="prod" )
Visite http://127.0.0.1:9000/doc.html para ver la documentación api
Se recomienda utilizar IDEA para abrir la carpeta del proyecto para manejar automáticamente las dependencias y facilitar la operación.

recepción

git clone https://gitee.com/WindSnowLi/vue-ssr-blog.git o git clone https://github.com/WindSnowLi/vue-ssr-blog.git clona el proyecto a local
npm install dependencias de instalación
La dirección host en el archivo config/sitemap.xml se puede modificar para generar un mapa de acceso.
El número de puerto en nuxt.config.js se puede modificar
Puede modificar BASE_URL en script del archivo package.json para especificar la dirección api de backend.
npm run build
npm start a ejecutarse localmente

Entre bastidores

git clone https://gitee.com/WindSnowLi/vue-admin-blog.git o git clone https://github.com/WindSnowLi/vue-admin-blog.git clona el proyecto a local
npm install dependencias de instalación
npm run dev utiliza una interfaz de vista previa de datos simulada
Modifique la dirección VUE_APP_BASE_API en el archivo .env.production a la dirección de la api de backend
npm run build:prod
Los archivos compilados en la carpeta dist se pueden colocar en el servidor http (puede usar npm para instalar http-server ) para acceder.

La integración de Docker comenzó

git clone https://gitee.com/WindSnowLi/w-blog.git o git clone https://github.com/WindSnowLi/w-blog.git clona el repositorio w-blog al local
cd w-blog para cambiar al directorio raíz w-blog
sh ./step-1-clone.sh clona el repositorio w-blog-api , vue-ssr-blog , vue-admin-blog en el directorio raíz
Modificar configuraciones relacionadas con cada proyecto.
1. proyecto w-blog-api
  1. Modifique la información de configuración de la base de datos en el entorno de desarrollo application-dev.yml y el entorno de producción application-prod.yml ;
  2. Modificar la información relacionada con Redis en redis.properties ;
  3. Nota: knife4j solo se activa en el entorno de desarrollo.
  4. redis可自行安装o puede especificar la configuración relevante docker-compose.yml
2. proyecto vue-ssr-blog
  1. La dirección host en el archivo config/sitemap.xml se puede modificar para generar un mapa de acceso.
  2. El número de puerto en nuxt.config.js se puede modificar
  3. Puede modificar BASE_URL en script del archivo package.json para especificar la dirección api de backend.
3. proyecto vue-admin-blog
  1. Modifique la dirección VUE_APP_BASE_API en el archivo .env.production a la dirección de la api de backend
sh ./step-2-build.sh instala dependencias y genera archivos relacionados
Modifique la asignación de puertos y la asignación de carpetas relevantes de docker-compose.yml
docker-compose up -d genera docker镜像y la ejecuta