Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/miansen/springboot-react-blog
使用 springboot 和 react 开发的博客系统
https://github.com/miansen/springboot-react-blog
ant-design mybatis react redux springboot tell
Last synced: 29 days ago
JSON representation
使用 springboot 和 react 开发的博客系统
- Host: GitHub
- URL: https://github.com/miansen/springboot-react-blog
- Owner: miansen
- License: mit
- Created: 2019-01-19T02:50:18.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2021-12-20T16:35:00.000Z (about 3 years ago)
- Last Synced: 2023-03-10T04:10:25.193Z (almost 2 years ago)
- Topics: ant-design, mybatis, react, redux, springboot, tell
- Language: JavaScript
- Homepage:
- Size: 2.41 MB
- Stars: 85
- Watchers: 3
- Forks: 29
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# springboot-react-blog
在线预览：http://101.34.121.225:3008
## 技术栈
- SpringBoot
- MyBatis
- React
- Redux
- antd
## 功能
- [x] 首页浏览
- [x] 登录
- [x] 注册
- [x] 发文章
- [ ] 评论
- [ ] 通知
- [x] 文章详情
- [x] 主题详情
- [x] 作者详情
## 预览
## 快速开始
### 本地运行
需求环境
- 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](https://github.com/miansen/springboot-react-blog/issues)
## 贡献
欢迎大家提 issues，谢谢！
## License
MIT