此教程面向入门者的前后端分离模式开发个人博客的教程,目的是快速搭建现代化的个人博客。

教程基于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

已结合自身技术进行修改,如有不适立即删除。

django-Vue搭建博客:前言相关推荐

  1. 【django】搭建博客教程(2)——Template的使用

    测试Template 前面我们只是将后端的数据显示到页面上而已,这并不能满足我们的需求,实际上,我们需要用到html,css,js,jquery等等来构建我们的博客.在界面设计方面,我们使用Boots ...

  2. Django 快速搭建博客 第七节(文章详情页,markdown语法)

    版权声明: 更多最新原创文章请访问:最新原创主页 更多最全原创文章请访问:更多原创主页 上一节我们把真正的index.html显示出来了,只是一个摘要,接下来我们要做的是当我们点击标题或者继续阅读的时 ...

  3. Django 快速搭建博客 第十一节(文章阅读量统计,自动生成文章摘要)

    这一节主要做一些修补工作,一个是:文章阅读量的统计,另一个是自动生成文章摘要内容 1 . 文章阅读量的统计: 1 文章阅读量的统计,我们需要在model下的Post类中新加入一个views 字段用来统 ...

  4. Django 搭建博客网站-task03:Models的编写

    Django 搭建博客网站 目录 Django 搭建博客网站 前言 一.Models 的编写 二.Blog_config 三.comment 总结 前言 在vscode上连接虚拟机,然后输入命令 bl ...

  5. Django 搭建博客网站-task02:快速搭建网站

    Django 搭建博客网站 目录 Django 搭建博客网站 前言 一.创建 APP 二.将新建的 APP 和项目进行关联 2.1 修改的文件名是 settings.py 2.2 创建超级管理员 2. ...

  6. Django 搭建博客网站-task01:基础知识

    Django 搭建博客网站 目录 Django 搭建博客网站 前言 一.pythonpythonpython 基础知识 二.HTML5HTML5HTML5 基础知识 三.vscodevscodevsc ...

  7. Django 搭建博客网站-task00:环境配置

    Django 搭建博客网站 目录 Django 搭建博客网站 前言 一.软件和平台 二.环境搭建步骤 1.下载 UbuntuUbuntuUbuntu 2.在 vmwarevmwarevmware 上安 ...

  8. django和mezzanine搭建博客小站1

    django和mezzanine搭建博客小站1 用Django+mezzanine搭建个人博客非常简单,基本上安装和简单的配置就可以完成. 搭建环境 安装Python编译器 sudo apt-get ...

  9. 基于springboot+vue个人博客搭建

    目录 博客介绍 源码地址:springboot+vue个人博客系统: 基于springboot+vue个人博客系统 在线地址 目录结构 ​编辑 项目特点 技术介绍 开发环境 项目截图 注意事项: 项目 ...

  10. (Ⅰ)基于Hexo+GitHub Page搭建博客,绑定域名及备份

    前言 这里引用阮一峰老师网络日志里说的,对于喜欢写博客的人,会经历三个阶段: 第一阶段,刚接触 Blog,觉得很新鲜,试着选择一个免费空间来写. 第二阶段,发现免费空间限制太多,就自己购买域名和空间, ...

最新文章

  1. 微生物组分析软件 QIIME 2 安装小记
  2. 用户重要数据转移方法〖罗斌个人工作经验谈〗
  3. linux fedora自定义终端terminal的快捷键
  4. Altium Designer 18 怎么导出CAD文件
  5. 字符串替换方法的优劣
  6. cocos2d之列表容器节点再排序
  7. java jsonobject date_如何将Json Passed Date Value分配给Java Date Object
  8. cdh 安装_使用Cloudera的CDH部署Hadoop:第二步,安装JDK
  9. 模块d3d12.dll加载失败_语音控制模块
  10. qpython3怎么安装库_如何在安装pip3以及第三方python库
  11. 查找算法---二分查找(递归方式)
  12. Scrum敏捷开发模式介绍与实践
  13. svn服务器调整显示图标修改,svn图标不显示可以通过调整Tortoise图标名称的字母顺序来解决...
  14. Zim-个人wiki系统
  15. 知网回应学者侵权投诉:在研究整改方案,不是一两天能解决,每天忙到零点
  16. [MSSQL]如何获取日期月份的英文缩写
  17. 我男友是个学霸,你们输给DOTA,我输给代码……
  18. java保龄球计分_TDD练习:保龄球计分
  19. L1-009 N个数求和---题解
  20. 从零开始安卓端相机功能开发(二)让我们来开发一个相机

热门文章

  1. 2016前端实习总结
  2. 紫外线(UV)是什么?
  3. 日语能力考试二级语法
  4. 关于Donews的记忆---人生一世
  5. 是否想过中文编程呢?易语言使用的体验和感想
  6. 【数据库2】生成txt/xml文件,ftp,oracle安装/表操作/虚表/日期/序列/索引/视图/链路/同义词/高可用性,mysql/文件入库/清理/表结构设计/交换/收集
  7. python恶搞表情包-关于python表情包
  8. 微信网页ios端不能滚动
  9. Linux系统介绍及安装
  10. Android之第三方框架使用汇总