观察开源项目
1. 用了哪些技术(SpringBoot, Vue, Redis)
2. 是否有数据库(SQL文件)
3. 开发环境是否匹配(java, Maven, npm, nodejs, redis)
4.下载解压运行
项目运行
1. 安装数据库,执行sql文件
2. 前端安装依赖(eladmin是Vue的,执行npm install)
3. 后端项目导入(idea项目导入: import -> 选择项目 -> maven -> finish)
4. 查看配置文件,端口号,修改配置改为自己本地环境的地址
5. 有swagger先启动swagger(http://localhost:8000/swagger-ui.html)
6. 前端使用 npm run dev 启动(Vue)
前后端分离项目分析
1. 打开前端页面,打开控制台,点击一个接口,观察调用关系
2. 前后端接口不一致 8013 - 8000,如何操作的
封装了接口请求 ajax, axios, request
配置文件
SpringBoot提供服务,前端调用接口数据, Vue渲染页面
前端目录结构
Vue前端目录结构
通过前端控制台发起的请求,找到后端对应的接口
Controller -> Service -> Dao
根据接口找到对应的Vue页面
如何找到一个好的开源项目
码云,github
分类:java
stars: 多
技术:NB