w blog Download - w blog download do código-fonte

Baixar

w-blog

Um blog pessoal que usa Spring Boot 2.x no backend, nuxtJs no frontend e vue no backend

Link
- Link do guia:
  - API: https://gitee.com/windsnowli/w-blog-api
  - Recepção: https://gitee.com/windsnowli/vue-ssr-blog
  - Back-end: https://gitee.com/windsnowli/vue-admin-blog
- Link GitHub:
  - API: https://github.com/WindSnowLi/w-blog-api
  - Recepção: https://github.com/WindSnowLi/vue-ssr-blog
  - Back-end: https://github.com/WindSnowLi/vue-admin-blog
Um projeto simples de blog pessoal é dividido em três partes:前台,后台e api .
- api: O back-end é baseado em SpringBoot . Baseia-se principalmente em Mybatis , Mybatis-Redis , Redis , fastjson , DruidDataSource , Lombok , java-jwt , aliyun-sdk-oss , knife4j , etc. O banco de dados usa MySQL8.0+
- Recepção: O estilo principal da recepção vem de um modelo BizBlog na Internet, não sei de onde veio originalmente. Foi reescrito em um projeto nuxtJs baseado no original.
- Backend: O vue-element-admin usado na UI de backend é basicamente usado diretamente. Se você quiser personalizá-lo, a força não permite.
Exemplo: Comida verde - Cai Dog

git clone https://gitee.com/WindSnowLi/w-blog-api.git ou git clone https://github.com/WindSnowLi/w-blog-api.git para clonar o projeto localmente
mvn clean install dependency:tree
Crie um banco de dados e configure-o para codificação UTF8 ( utf8mb4 )
Modificar configurações de ambiente
- Modifique as informações de configuração do banco de dados no ambiente de desenvolvimento application-dev.yml e no ambiente de produção application-prod.yml ;
- Modifique as informações relacionadas Redis em redis.properties ;
- Nota: knife4j só é ativado no ambiente de desenvolvimento.
mvn clean package -Dmaven.test.skip=true ignora testes e gera pacotes jar
java -jar 生成的包名.jar é usado para executar o ambiente de configuração de desenvolvimento. O banco de dados será inicializado automaticamente durante a primeira execução (o ambiente de produção pode especificar o arquivo de configuração a ser carregado --spring.profiles.active="prod" )
Visite http://127.0.0.1:9000/doc.html para visualizar a documentação api
Recomenda-se usar IDEA para abrir a pasta do projeto para lidar automaticamente com dependências e facilitar a operação.

git clone https://gitee.com/WindSnowLi/vue-ssr-blog.git ou git clone https://github.com/WindSnowLi/vue-ssr-blog.git clone o projeto para local
npm install dependências de instalação
O endereço host no arquivo config/sitemap.xml pode ser modificado para gerar um mapa de acesso.
O número da porta em nuxt.config.js pode ser modificado
Você pode modificar BASE_URL no script do arquivo package.json para especificar o endereço api de back-end.
npm run build
npm start executado localmente

git clone https://gitee.com/WindSnowLi/vue-admin-blog.git ou git clone https://github.com/WindSnowLi/vue-admin-blog.git clone o projeto para local
npm install dependências de instalação
npm run dev usa interface de visualização de dados simulados
Modifique o endereço VUE_APP_BASE_API no arquivo .env.production para o endereço da api de back-end
npm run build:prod compilar
Os arquivos compilados na pasta dist podem ser colocados no servidor http (você pode usar npm para instalar http-server ) para acesso.

git clone https://gitee.com/WindSnowLi/w-blog.git ou git clone https://github.com/WindSnowLi/w-blog.git clone o repositório w-blog para local
cd w-blog para mudar para o diretório raiz w-blog
sh ./step-1-clone.sh clonar w-blog-api , vue-ssr-blog , vue-admin-blog repositório para o diretório raiz
Modifique as configurações relacionadas a cada projeto
1. projeto w-blog-api
  1. Modifique as informações de configuração do banco de dados no ambiente de desenvolvimento application-dev.yml e no ambiente de produção application-prod.yml ;
  2. Modifique as informações relacionadas Redis em redis.properties ;
  3. Nota: knife4j só é ativado no ambiente de desenvolvimento.
  4. redis可自行安装ou você pode especificar configurações relevantes docker-compose.yml
2. projeto vue-ssr-blog
  1. O endereço host no arquivo config/sitemap.xml pode ser modificado para gerar um mapa de acesso.
  2. O número da porta em nuxt.config.js pode ser modificado
  3. Você pode modificar BASE_URL no script do arquivo package.json para especificar o endereço api de back-end.
3. projeto vue-admin-blog
  1. Modifique o endereço VUE_APP_BASE_API no arquivo .env.production para o endereço da api de back-end
sh ./step-2-build.sh instala dependências e gera arquivos relacionados
Modifique o mapeamento de porta relevante e o mapeamento de pasta de docker-compose.yml
docker-compose up -d gera docker镜像e executa