springboot-react-blog
在线预览：http://101.34.121.225:3008
技术栈
- SpringBoot
- MyBatis
- React
- Redux
- antd
功能
- 首页浏览
- 登录
- 注册
- 发文章
- 评论
- 通知
- 文章详情
- 主题详情
- 作者详情
预览
快速开始
本地运行
需求环境
- JDK 1.8 或以上
- MySQL 5.7
- Maven 3.5 或以上
- Nodejs 10.13 或以上
- yarn 1.12.3 或以上
1.克隆项目到本地：https://github.com/miansen/springboot-react-blog.git
2.创建 MySQL 数据库 tell，字符集 utf8mb4。
3.将项目下的 tell-server/src/main/resources/db/init.sql 文件导入到 tell 数据库。
4.修改数据源配置
打开数据源配置文件 tell-server/src/main/resources/application-dev.yml
spring:
datasource:
# 数据源基本配置（请换成你自己的）
username: root
password: 123
url: jdbc:mysql://127.0.0.1:3306/tell?autoReconnect=true&useUnicode=true&characterEncoding=utf8&serverTimezone=GMT%2B8
driver-class-name: com.mysql.jdbc.Driver
将username，password 和 url 换成你自己的。
5.启动后台服务
进入 tell-server 目录，输入以下命令：
mvn install
mvn package
mvn spring-boot:run
6.启动前端界面
进入 tell-front 目录，输入以下命令：
yarn install
yarn start
7.打开浏览器访问即可，至此成功运行。
服务器 Docker 运行
需求环境
- Docker
- Docker-compose
1.克隆项目到服务器上：https://github.com/miansen/springboot-react-blog.git
2.cd springboot-react-blog 进入项目
3.修改 axios.js 配置
打开文件 tell-front/src/axios/axios.js，修改后端接口的配置。将 localhost 修改成你服务器的域名或者 IP，将端口 8080 改成 8090。
const Axios = axios.create({
baseURL: 'http://localhost:8080'
});
4.运行 docker-compose up -d 命令启动容器，-d 是后台运行的意思。
5.浏览器运行 http://ip:3008 , 后台地址 http://ip:8090
6.关闭容器 docker-compose down
7.查看日志 docker-compose logs -f server
P.S. 第一次运行会比较慢,请耐心等待。
反馈
贡献
欢迎大家提 issues，谢谢！
License
MIT