本教程是一个以前后端分离模式开发个人博客的教程，目的是快速搭建现代化个人博客网站。

教程基于 Django 3 和 Vue 3。

在 Win11 系统上开发，用Mac 或 Linux 也 OK。

1. 什么是Django/Vue

Django 是一个由 Python 写成的开源 Web 后端框架，可以帮助开发者以更高的效率、更少的代码来搭建高性能网站，本教程主要讲解 Django REST framework — 一个用于构建 Web API 的强大且灵活的 Django 库。

Vue 是一个组件化、现代化的前端框架，上手简单且功能强大，从 Vue 3 开始支持组合式 API 等重要新功能，使得 Vue 在处理从微型到大型项目都更加得心应手。

因为 Django 和 Vue 均易于学习、功能强大的优势，非常适合作为前后端分离开发的组合。

2. 什么是前后端分离

传统的开发协作模式：

  • 前端开发人员写好静态的HTML页面交付给后端开发人员
  • 后端开发人员使用模板引擎去套模板，同时内嵌模板变量和逻辑
  • 前后端开发人员集成对接，遇到问题时前后端开发人员都有返工
  • 集成调优，直到没有出现问题

其问题在于：

  • 前端开发人员调试要安装完整的后端开发工具，并且遇到问题需要后端开发人员帮忙调试
  • 前后端耦合，甚至要求后端开发人员掌握 Javascript 等前端开发语言
  • 前端页面里嵌入后端的代码，一旦后端换了语言，就要重做
  • 前后端开发效率不高，职责不分明，沟通成本高

而在前后端分离模式下，前后端开发人员只需要通过简单的接口（API）进行数据交流，只要约定好数据接口，可以并行开发互不影响。即使其中一个需求变更，只有接口不变，对方就不需要更改代码。

前后端分离模式摆脱了笨重的模板引擎，是当前 web 开发的大趋势之一。

3. 开发环境

本教程的开发环境如下：

  • 后端：Django 4
  • 前端：Vue 3
  • 系统：Win11

保持大版本号相同就没太大问题，即 Django 4 和 Vue 3 即可

本教程面向人群：掌握 Django 基础和 Javascript 语法基础的入门开发者

4. 资源列表

学习过程中需要经常查询的文档有：

5. 许可协议

本教程（包括且不限于文章、代码、图片等内容）遵守 署名-非商业性使用 4.0 国际 (CC BY-NC 4.0) 协议。协议内容如下。

您可以自由地：

  • 共享 — 在任何媒介以任何形式复制、发行本作品。
  • 演绎 — 修改、转换或以本作品为基础进行创作。

只要你遵守许可协议条款，许可人就无法收回你的这些权利。

惟须遵守下列条件：

  • 署名 — 您必须给出适当的署名，提供指向本许可协议的链接，同时标明是否（对原始作品）作了修改。您可以用任何合理的方式来署名，但是不得以任何方式暗示许可人为您或您的使用背书。
  • 非商业性使用 — 您不得将本作品用于商业目的。
  • 没有附加限制 — 您不得适用法律术语或者技术措施从而限制其他人做许可协议允许的事情。

适当的署名：您必须提供创作者和署名者的姓名或名称、版权标识、许可协议标识、免责标识和作品链接。

商业目的：主要目的为获得商业优势或金钱回报。

本文标题： Django-Vue搭建个人博客：前言
原文链接： https://www.dusaiphoto.com/article/103/
原文作者： 杜赛
许可协议： 署名-非商业性使用 4.0 国际许可协议
本文对原始作品作了修改，转载请保留原文链接及作者