一个后端使用Spring Boot 2.x、前台使用nuxtJs、后台使用vue的个人博客
链接
https://gitee.com/windsnowli/w-blog-api
https://gitee.com/windsnowli/vue-ssr-blog
https://gitee.com/windsnowli/vue-admin-blog
https://github.com/WindSnowLi/w-blog-api
https://github.com/WindSnowLi/vue-ssr-blog
https://github.com/WindSnowLi/vue-admin-blog
一个简单的的个人博客项目,共分为了 前台
、 后台
、 api
三个部分。
api: 后端基于 SpringBoot
。主要依赖 Mybatis
、 Mybatis-Redis
、 Redis
、 fastjson
、 DruidDataSource
、 Lombok
、 java-jwt
、 aliyun-sdk-oss
、 knife4j
等,数据库使用的是 MySQL8.0+
前台: 前台的主要样式是来源于网络上了一个 BizBlog
模板,最初来源于哪我不得而知,在原本的基础上改写成了 nuxtJs
项目。
后台: 后台UI套用的vue-element-admin,基本是直接拿来用了,想自己定制着实实力不允许。
示例:绿色食品——菜狗
git clone https://gitee.com/WindSnowLi/w-blog-api.git
或git clone https://github.com/WindSnowLi/w-blog-api.git
克隆项目到本地
mvn clean install dependency:tree
安装依赖
创建数据库,并设置为UTF8
编码(utf8mb4
)
修改环境设置
application-dev.yml
和生产环境 application-prod.yml
中的数据库配置信息;redis.properties
中的 Redis
相关信息;knife4j
只在开发环境中激活。mvn clean package -Dmaven.test.skip=true
跳过测试并生成 jar
包
java -jar 生成的包名.jar
运行开发配置环境,初次运行会自动初始化数据库(生产环境可指定加载的配置文件--spring.profiles.active="prod"
)
访问 http://127.0.0.1:9000/doc.html
查看 api
文档
推荐使用IDEA打开项目文件夹自动处理依赖、方便运行
git clone https://gitee.com/WindSnowLi/vue-ssr-blog.git
或git clone https://github.com/WindSnowLi/vue-ssr-blog.git
克隆项目到本地npm install
安装依赖config/sitemap.xml
文件中的 host
地址,用于生成访问地图nuxt.config.js
中的端口号package.json
文件中的 script
中的 BASE_URL
来指定后端 api
地址npm run build
编译npm start
本地运行git clone https://gitee.com/WindSnowLi/vue-admin-blog.git
或git clone https://github.com/WindSnowLi/vue-admin-blog.git
克隆项目到本地npm install
安装依赖npm run dev
使用模拟数据预览界面.env.production
文件中的 VUE_APP_BASE_API
地址为后端 api
的地址npm run build:prod
编译dist
文件夹下的为编译好的文件,可放到 http
服务器下(可以使用 npm
安装 http-server
)进行访问git clone https://gitee.com/WindSnowLi/w-blog.git
或git clone https://github.com/WindSnowLi/w-blog.git
克隆w-blog
仓库至本地cd w-blog
切换进w-blog
根目录sh ./step-1-clone.sh
克隆w-blog-api
、vue-ssr-blog
、vue-admin-blog
仓库至根目录w-blog-api
项目
application-dev.yml
和生产环境 application-prod.yml
中的数据库配置信息;redis.properties
中的 Redis
相关信息;knife4j
只在开发环境中激活。redis可自行安装
,也可docker-compose.yml
指定相关设置vue-ssr-blog
项目
config/sitemap.xml
文件中的 host
地址,用于生成访问地图nuxt.config.js
中的端口号package.json
文件中的 script
中的 BASE_URL
来指定后端 api
地址vue-admin-blog
项目
.env.production
文件中的 VUE_APP_BASE_API
地址为后端 api
的地址sh ./step-2-build.sh
安装依赖生成相关文件docker-compose.yml
的相关端口映射和文件夹映射docker-compose up -d
生成docker镜像
并运行MIT
Copyright (c) 2021 WindSnowLi