在线预览: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-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,谢谢!
MIT