使用django vue来实现前后端分离的web项目,以博客的CRUD为例子
- 后端 backends
- django
- django rest framework
- django cors headers
- 前端 frontends
- vue
- bootstrap
- fontawesome
- 后端
- 安装django 我这里已经安装好了
- 创建django项目
- 添加博客的Model, 并添加一些初始数据
- 使用restframework来添加serializer、viewset、urls
- 设置跨域 cors headers
- 前端
- 安装node vue /事先已经配置好了淘宝的镜像
- vue-cli创建前端项目
- 修改index.html主页 添加bootstrap css框架和fontawsome字体的依赖
- 修改App.vue和核心组件
- 添加axios http请求组件
- 添加请求后端代码