Django、Vue 和 Element UI 前后 端原理论述  作者：M&T. 2 《51 测试天地》七十四 www.51testing.com 后端开发（Django+Rest Framework+MySQL）： Django 负责处理 HTTP 请求和响应，以及 URL 路由的配置。它接收来自前端的 HTTP 请求，并根据 URL 将请求分发给相应的视图函数进行处理。 Rest 与前端进行数据交互。 MySQL 是一个关系型数据库，用于存储后端的数据。 前端开发（Vue+Element UI）： Vue 是一种现代的 JavaScript 框架，用于构建用户界面。Vue 提供了丰富的组件和模 块，可以帮助开发者构建交互式的单页面应用（SPA）。 Element UI 是一个基于 Vue 的 UI 组件库，提供了丰富的预定义组件，用于快速搭建 美观的用户界面。 前后端交互： 前后端交互： 后端通过 Django Rest Framework 提供 API 接口，前端通过 Vue 发起 HTTP 请求调用 这些 API 接口。 前端通过 HTTP 请求向后端发送数据请求，后端根据请求进行相应的数据处理，并 返回响应数据给前端。 前端接收到后端返回的数据，并根据数据更新页面展示，实现与用户的交互。 总体而言，这种前后端分离的开发模式有助于实现前后端开发的解耦，使得各自的

php 和 .asp 之类的冗余的后缀放到 URL 里。 为了设计你自己的 URL，你需要创建一个叫做 URLconf 的 Python 模块。一张包含 URL 匹配模 式和 Python 回调函数之间的映射表。URLconf 也有利于将 Python 代码与 URL 解耦合（译 注：使各个模块分离，独立）。 下面这个 URLconf 适用于前面 Reporter/Article 的例子： url(r'^articles/([0-9]{4})/([0-9]{2})/([0-9]+)/$', views.article_detail), 11. ] 上面的代码将 URL 的正则表达式映射到 views 里的回调函数。正则表达式通过括号来提取 URL 中的参数值。当一个用户请求页面时，Django 会顺序遍历这些匹配模式，直至模式和请求的 URL 成功匹配。（如果全部模式都无法匹配，Django 会返回一个404视图。）这个过程会在瞬间完成， Python 函数。视图会被传进一个请求（requeset）对象——其中包含了请求元数据——和正则表达式匹配到的 那些参数值。 比如，如果用户请求了“/articles/2005/05/39323/”这样的 URL，Django 就会这样调用函 数：news.views.article_detail(request, ‘2005’, ‘05’, ‘39323’)。 视图函数的执行结果只可能有两种：返回一个包含请求页面内容的