此教程面向入门者的前后端分离模式开发个人博客的教程,目的是快速搭建现代化的个人博客。
教程基于Django 2.1.8(杜塞博主使用的Django 3) 和 Vue 3。
教程来源杜塞-django-vue系列
博客传送门
什么是Django/Vue
Django是一个由python写成的开源Web后端框架,它可以更高效,代码量更少的完成博客搭建。
具体而言,本教程主要讲解基于Django的库:Django rest framework。
Vue是一个组件化、现代化的前端主流框架,从Vue3开始支持组合式API等重要新功能。
中是因为Django和Vue均易于学习,功能强大,因此非常适合作为前后端分离开发的搭档。
什么是前后端分离
传统的开发协作模式即Django纯静态网页:
- 前端写好静态模板交付后端开发。
- 后端套用模板,同时添加逻辑和变量等。
- 前后端集成对接,所有问题后直接反映到后端。
- 集成调试,直至所有功能都成功。
静态网页模式的问题:
- 前后端统一调试。
- 前后端由一人开发,需要后端人员会javascript语言。
- 前端页面嵌入后端语言的代码,更换语言就需要重做.
对于大项目来说,静态网页给后端开发者带来难度,需要前后端一块写、一块调试,降低开发效率。
而在前后端分离模式下,前端和后端只需要通过接口进行交互,而不用把数据放在HTML5的标签里。前后端工程只约定好
接口,其他互不影响。
前后端分离模式拜托了笨重的模板引擎,是web开发的大趋势之一。
教程特点
- 免费全中文。
- 代码教程开源(具体看文章开头的来源)。
- 基于Djang 2.1.8 和 Vue 3。
开发环境、
- 后端: Django 2.1.8
- 前端: Vue 3
- 系统: Windows10
请保持大版本相同,系统无要求。
教程来源
来源于杜塞博库专栏:django-vue
已结合自身技术进行修改,如有不适立即删除。