{"id":21815363,"url":"https://github.com/miansen/springboot-react-blog","last_synced_at":"2025-04-14T00:41:48.222Z","repository":{"id":59820049,"uuid":"166499121","full_name":"miansen/springboot-react-blog","owner":"miansen","description":"使用 springboot 和 react 开发的博客系统","archived":false,"fork":false,"pushed_at":"2021-12-20T16:35:00.000Z","size":2522,"stargazers_count":129,"open_issues_count":5,"forks_count":40,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-27T14:52:36.806Z","etag":null,"topics":["ant-design","mybatis","react","redux","springboot","tell"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/miansen.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-01-19T02:50:18.000Z","updated_at":"2025-03-26T10:12:05.000Z","dependencies_parsed_at":"2022-09-22T14:14:30.779Z","dependency_job_id":null,"html_url":"https://github.com/miansen/springboot-react-blog","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/miansen%2Fspringboot-react-blog","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/miansen%2Fspringboot-react-blog/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/miansen%2Fspringboot-react-blog/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/miansen%2Fspringboot-react-blog/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/miansen","download_url":"https://codeload.github.com/miansen/springboot-react-blog/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248804719,"owners_count":21164127,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ant-design","mybatis","react","redux","springboot","tell"],"created_at":"2024-11-27T15:18:21.669Z","updated_at":"2025-04-14T00:41:48.203Z","avatar_url":"https://github.com/miansen.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# springboot-react-blog\n\n在线预览：http://101.34.121.225:3008\n\n## 技术栈\n\n- SpringBoot\n- MyBatis\n- React\n- Redux\n- antd\n\n## 功能\n\n- [x] 首页浏览\n- [x] 登录\n- [x] 注册\n- [x] 发文章\n- [ ] 评论\n- [ ] 通知\n- [x] 文章详情\n- [x] 主题详情\n- [x] 作者详情\n\n## 预览\n\n![](https://raw.githubusercontent.com/miansen/miansen.github.io/master/assets/20190217194358.jpg)\n\n## 快速开始\n\n### 本地运行\n\n需求环境\n\n- JDK 1.8 或以上\n- MySQL 5.7\n- Maven 3.5 或以上\n- Nodejs 10.13 或以上\n- yarn 1.12.3 或以上\n\n1.克隆项目到本地：https://github.com/miansen/springboot-react-blog.git\n\n2.创建 MySQL 数据库 `tell`，字符集 utf8mb4。\n\n3.将项目下的 `tell-server/src/main/resources/db/init.sql` 文件导入到 `tell` 数据库。\n\n4.修改数据源配置\n\n打开数据源配置文件 `tell-server/src/main/resources/application-dev.yml`\n\n```\nspring:\n  datasource:\n    #  数据源基本配置（请换成你自己的）\n    username: root\n    password: 123\n    url: jdbc:mysql://127.0.0.1:3306/tell?autoReconnect=true\u0026useUnicode=true\u0026characterEncoding=utf8\u0026serverTimezone=GMT%2B8\n    driver-class-name: com.mysql.jdbc.Driver\n```\n\n将`username`，`password` 和 `url` 换成你自己的。\n\n5.启动后台服务\n\n进入 `tell-server` 目录，输入以下命令：\n\n```\nmvn install\nmvn package\nmvn spring-boot:run\n```\n\n6.启动前端界面\n\n进入 `tell-front` 目录，输入以下命令：\n\n```\nyarn install\nyarn start\n```\n\n7.打开浏览器访问即可，至此成功运行。\n\n### 服务器 Docker 运行\n\n需求环境\n\n- Docker\n- Docker-compose\n\n1.克隆项目到服务器上：https://github.com/miansen/springboot-react-blog.git\n\n2.cd springboot-react-blog 进入项目\n\n3.修改 `axios.js` 配置\n\n打开文件 `tell-front/src/axios/axios.js`，修改后端接口的配置。将 `localhost` 修改成你服务器的域名或者 IP，将端口 `8080` 改成 `8090`。\n\n```\nconst Axios = axios.create({\n    baseURL: 'http://localhost:8080'\n});\n```\n\n4.运行 docker-compose up -d 命令启动容器，-d 是后台运行的意思。\n\n5.浏览器运行 http://ip:3008 , 后台地址 http://ip:8090\n\n6.关闭容器 docker-compose down\n\n7.查看日志 docker-compose logs -f server\n\nP.S. 第一次运行会比较慢,请耐心等待。\n\n\n## 反馈\n\n[issues](https://github.com/miansen/springboot-react-blog/issues)\n\n## 贡献\n\n欢迎大家提 issues，谢谢！\n\n## License\n\nMIT","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmiansen%2Fspringboot-react-blog","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmiansen%2Fspringboot-react-blog","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmiansen%2Fspringboot-react-blog/lists"}