细说 Django—web 前后端分离

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了细说 Django—web 前后端分离相关的知识,希望对你有一定的参考价值。

本周为大家带来【51Reboot】运维自动化公开课分享,4 月 26 日(周四)晚九点由我们的咸鱼老师为大家细说 Django — web 前后端分离。

讲师介绍

咸鱼老师:曾担任互联网二手车公司运维开发负责人,现就职于互联网金融公司 devops 团队。主导并落地多套任务、资源管理、可视化等运维管理系统,擅长服务端,Django,前端工程化开发。

所谓的前后端分离

渊源

  • 前端发展史

特点

  • 前端:负责 View 和 Controller 层
  • 后端:只负责 Model 层,业务处理/数据等

优缺点

  • 优点:解耦,解放前端,职责明确
  • 缺点:不利 seo 优化

Restful 风格的 API 应该是前后端分离的最佳实践

技术分享图片

前后端设计

前端:Node.js 系
代表:AngularJS,react,vue
技术分享图片

Vue

技术点

  • 指令
  • 组件
  • 生命周期
  • 前端路由
  • Vuex
  • ES6 语法
  • npm & webpack

后端:Restful Api

一种接口风格,全称表述性状态转移,并无强制

Representational State Transfer()

统一资源接口对 URI 的意义?

统一资源接口要求使用标准的 HTTP 方法对资源进行操作,所以 URI 只应该来表示资源的名称,而不应该包括资源的操作。

(理解这个统一)

标准的

技术分享图片

不符规范的 (资源没有统一)

技术分享图片

实践

一个例子

  • 《图书管理系统》

技术栈

  • 前端:Vue
  • 后端:Django REST framework

要点

  • Token 验证
  • 前端路由
  • 统一的 http 请求响应拦截处理
  • Restful API
  • 权限控制(表级 & 对象级)

如下图:
技术分享图片
技术分享图片

最后,是否要做前后端分离的开发模式,取决于实际情况的多方位考量,适合的才是更好的。

分享时间:18年4月26日(周四)

21:00-22:00
分享方式:网络直播
参与方式:加小助手微信(1251743084)备注公开课,进入直播分享群

以上是关于细说 Django—web 前后端分离的主要内容,如果未能解决你的问题,请参考以下文章

今晚九点|细说 Django — web 前后端分离

资料分享|细说 Django — web 前后端分离

Django 3 + Vue.js 前后端分离Web开发实战

前后端分离构架特点

Python 3+Django 3 结合Vue.js框架构建前后端分离Web开发平台实战

Django+Vue前后台分离项目开发