在学习WEB框架之前，我个人觉得需要搞清楚一件事：什么是WEB框架？在网上找了很多资料，觉得什么是WEB框架这篇文章讲的比较全面而清晰，本文作者Jeff Knupp。

全文如下：

Web 应用框架，或者简单的说是“Web 框架”，其实是建立 web 应用的一种方式。从简单的博客系统到复杂的富含 AJAX 应用，web 上每个页面都是通过编写代码来生成的。我发现很多人都热衷于学习 web 框架技术，例如 Flask 或这 Django 之类的，但是很多人并不真正理解什么是 web 框架，或者它们是如何工作的。这篇文章中，我将探索反复被忽略的 web 框架基础的话题。阅读完这篇文章，你应该首先对什么是 web 框架以及它们为什么会存在有更深的认识。这会让你学习一个新的 web 框架变得简单的多，还会让你在使用不同的框架的时候可以做出明智的选择。

Web 如何工作的？

在我们讨论框架之前，我们需要理解 Web 是如何“工作”的。为此，我们将深入研究你在浏览器里输入一个 URL然后 按下 Enter 之后都发生了什么。打开浏览器并在浏览器输入http://www.jeffknupp.com 。我们将要讨论的是：为了显示这个页面，浏览器都做了哪些事（这里不关心 DNS 查询）。

一、Web Server

每个页面都以 HTML 的形式传送到你的浏览器中，HTML 是一种浏览器用来描述页面内容和结构的语言。那些负责发送 HTML 到浏览器的应用称之为“Web 服务器”，这里有一个迷惑是，这些应用运行的机器通常也叫做 web 服务器。

然而，最重要的是要理解，到最后所有的 web 应用真正要做的事情就是，发送 HTML内容 到浏览器。不管应用的逻辑多么复杂，最终的结果总是将 HTML 发送到浏览器（我故意将应用可以响应像 JSON 或者 CSS 等不同类型的数据忽略掉，因为在概念上是相同的）。

web 应用如何知道发送什么到浏览器呢？它发送浏览器请求的任何东西。

HTTP

浏览器从 web 服务器（或者叫应用服务器）上使用 HTTP 协议下载网站，HTTP 协议是基于一种 请求-响应（request-response）模型的。客户端（你的浏览器）从运行在物理机器上的 web 应用请求数据，web 应用反过来对你的浏览器请求进行响应。

重要的一点要记住的是，通信总是起源于客户端（你的浏览器），服务器（也就是 web 服务器）没有办法主动连接客户端，以及发送没有经过客户端请求的数据给你。如果你从 web 服务器上接收到数据，一定是因为你的浏览器显示地发送了请求。

HTTP 方法

在 HTTP 协议中，每次通讯都关联了方法（method 或者 verb），不同的 HTTP 方法代表着客户端在逻辑上发送了不同的请求，反过来也代表了客户端的不同请求目的。例如，请求一个 web 页面的 HTML，与提交一个表单在逻辑上是不同的，所以这两种行为就需要使用不同的方法。

HTTP GET方法

确切地说，GET 方法看起来会是这样：从 web 服务器上 get（请求）数据。GET 请求是到目前为止最常见的一种 HTTP 请求，在一次 GET 请求过程中，web 应用对请求页面的 HTML 进行响应之外，就不需要做任何事情了。特别地，web 应用在 GET 请求的结果中，不应该改变应用的状态（比如，不应该基于 GET 请求去创建一个新帐号）。正是因为这个原因，GET 请求通常认为是“安全”的，因为他们不会导致网站数据的改变。

HTTP POST 方法

显然，除了简单的查看页面之外，应该还有更多与网站进行交互的操作。我们也能够向应用发送数据，例如通过表单。为了达到这样的目的，就需要一种不同类型的请求方法：POST。POST 请求通常携带由用户传入的数据，web 应用收到之后会做出一系列的动作。通过在表单里输入你的信息登录一个网站，就是 POST 表单的数据给 web 应用的。

不同于 GET 请求，POST 请求通常会导致应用状态的改变。在我们的例子中，当表单 POST 之后，一个新的账户被创建。不同于 GET 请求，POST 请求不总是生成一个新的 HTML 页面发送到客户端，相反地，而是客户端通过服务端回复的响应码（response code）来确定操作是否成功。

HTTTP 返回码

通常来说，web 服务器返回 200 的响应码，意思是，“我已经完成了你要求我做的事情，一切都正常”。响应码总是一个三位数字的代号，web 应用在每个响应的同时都发送一个这样的代号，表明给定的请求的结果。响应码 200 字面意思是“OK”，是响应一个 GET 请求大多情况下都使用的代号。然而对于 POST 请求， 可能会有 204（“No Content”）发送回来，意思是“一切都正常，但是我不准备向你显示任何东西”。

POST 请求仍然会发送一个特殊的 URL，这个 URL 可能和提交数据的页面不同，意识这一点是至关重要的。还是以我们的登录为例，表单可能是在 www.foo.com/signup 页面，然而点击 submit，可能会导致带有表单数据的 POST 请求发送到 www.foo.com/process_sigup 上。POST 请求要提交的位置在表单的HTML 中有明确指定。

二、Web application

你可以仅仅使用 HTTP GET 和 POST 做很多事情。一个web应用程序负责去接收一个 HTTP 请求，同时给以 HTTP 响应，通常包含了请求页面的 HTML。POST 请求会引起 web 应用做出一些行为，可能是往数据库中添加一条记录。还有很多其它的 HTTP 方法，但是我们目前只关注 GET 和 POST。

那么最简单的 web 应用是什么样的呢？我们可以写一个应用，让它一直监听 80 端口（著名的 HTTP 端口，几乎所有 HTTP 都发送到这个端口上）。它会一直等待，直到它接收到客户端发送的请求，然后它可能会回应一些简单的 HTML。

下面是程序的代码：

import socket

HOST = ''

PORT = 80

listen_socket = socket.socket(socket.AF_INET, socket.SOCK_STREAM)

listen_socket.bind((HOST, PORT))

listen_socket.listen(1)

connection, address = listen_socket.accept()

request = connection.recv(1024)

connection.sendall(b"""HTTP/1.1 200 OK

Content-type: text/html

<html>

    <body>

        <h1>Hello, World!</h1>

    </body>

</html>""")

connection.close()

　　

（如果上面的代码不工作，试着将 PORT 改为类似 8080 这样的端口。）

这个代码接收简单的连接和一个客户端单一的请求，不管请求的 URL 是什么，它都会响应 HTTP 200（所以，这不是一个真正意义上的 web 服务器）。Content-type:text/html 行代码的是 header 字段，header 用来提供请求或者响应的元信息。这样，我们就告诉了客户端接下来的数据是 HTML。（而不是说一个JSON数据）

请求分析

如果看一下测试上面程序的 HTTP 请求，你会发现它和 HTTP 响应非常类似。第一行<HTTP Method> <URL> <HTTP version>，在这个例子中是 GET / HTTP/1.0。第一行之后就是一些类似Accept: */* 这样的头（意思是我们希望在响应中接收任何内容）。

我们响应和请求有着类似的第一行，格式是<HTTP version> <HTTP Status-code> <Status-code Reason Phrase>，在外面的例子中是HTTP/1.1 200 OK 。接下来是头部，与请求的头部有着相同的格式。最后是响应的实际包含的内容。注意，这会被编码成一个字符串或者二进制文件， Content-type 头部告诉客户端怎样去解析响应的内容。

WebServer的问题

如果我们继续以上面的例子为基础建立 web 应用，我们还需要解决很多问题：

  1. 我们怎么区分请求的 URL 以及针对本次请求返回对应的页面？
  2. 除了简单的 GET 请求之外我们如何处理 POST 请求？
  3. 我们如何处理更高级的东西，如 session 和 cookie？
  4. 我们如何扩展程序以使其能够处理上千个并发连接？

正如你想的那样，没有人愿意每次建立一个 web 应用都要解决这些问题。正是这个原因，就有处理 HTTP 协议本身和有效解决上面问题的办法的包存在。然而，记住了，它们的核心功能和我们的例子是相同的：监听客户端请求，返回 HTML 作为 HTTP 响应。

注意：客户端一侧的web框架更为复杂，完全脱离了上面所说的内容。

三、三大问题：路由和模板和数据

围绕建立 web 应用的所有问题中，两个问题尤其突出：

  1. 我们如何将请求的 URL 映射到处理它的代码上？（url和视图函数的对应关系）
  2. 我们怎么动态地将请求的 HTML 返回给客户端，HTML 中带有计算得到的值或者从数据库中取出来的信息？（HTML渲染工作）
  3. 我们怎么能够快速统一地操作数据库？（不用自己写sql语句，以及方便数据库迁移）

每个 web 框架都以某种方法来解决这些问题，也有很多不同的解决方案。用例子来说明更容易理解，所以我将针对这些问题讨论 Django 和 Flask 的解决方案。但是，首先我们还需要简单讨论一下 MVC 。

Django 中的 MVC

Django 充分利用 MVC 设计模式。 MVC，也就是 Model-View-Controller （模型-视图-控制器），是一种将应用的不同功能从逻辑上划分开。models 代表的是数据库表的资源（都是采用同样的方法，使用一个python类来给客观世界对象建模）。controls 包括应用的业务逻辑以及对 models 进行的操作。为了动态生成代表页面的 HTML，需要 views 给出所有要动态生成页面的 HTML 的信息。

在 Django 中可能有点混淆，controllers 被称做 views，而 views 调用了templates。除了名字上的有点奇怪，Django 很好地实现了 MVC 的体系架构。

Django 中的路由

路由是处理请求 URL 到负责生成相关的 HTML 的代码之间映射的过程。在简单的情形下，所有的请求都是有相同的代码来处理（就像我们之前的例子那样）。变得稍微复杂一点，每个 URL 对应一个视图函数 。举例来说，如果请求 www.foo.com/bar 这样的 URL，调用 handler_bar() 这样的函数来产生响应。我们可以建立这样的映射表，列举出我们应用支持的所有 URL 与它们相关的函数映射。

然而，当 URL 中包含有用的数据，例如资源的 ID（像这样 www.foo.com/users/3/） ，那么这种方法将变得非常臃肿。我们如何将 URL 映射到一个 view 函数，同时如何利用我们想显示 ID 为 3 的用户？

Django 的答案是，将 URL 正则表达式映射到可以带参数的 view 函数。例如，我假设匹配^/users/(?P<id>\d+)/$ 的 URL 调用 display_user(id) 这样的函数，这儿参数 id 是正则表达式中匹配的 id。这种方法，任何 /users/<some_number>/ 这样的 URL 都会映射到 display_user 函数。这些正则表达式可以非常复杂，包含关键字和参数。

Flask 中的路由

Flask 采取了不同的方法。将一个函数和请求的 URL 关联起来的标准方法是通过使用 route() 装饰器。下面是 Flask 代码，在功能上和上面正则表达式方法相同：

@app.route('/users/<id:int>/')

def display_user(id):

    # ...

就像你看到的这样，装饰器使用几乎最简单的正则表达式的形式来将 URL 映射到参数（一个用户ID）。通过传递给route() 的 URL 中包含的 <name:type> 指令，可以提取到参数。路由像 /info/about_us.html 这样的静态 URL，可以像你预想的这样 @app.route('/info/about_us.html') 处理。

通过 Templates 产生 HTML

继续上面的例子，一旦我们有合适的代码映射到正确的 URL，我们如何动态生成 HTML？对于 Django 和 Flask，答案都是通过 HTML Templating。

HTML Templating 和使用 str.format() 类似：需要动态输出值的地方使用占位符填充，这些占位符后来通过 str.format() 函数用参数替换掉。想象一下，整个 web 页面就是一个字符串，用括号标明动态数据的位置，最后再调用 str.format() 。Django 模板和 Flask 使用的Jinja2 都使用的是这样实现的。

然而，不是所有的模板引擎都能相同的功能。Django 支持在模板里基本的编程，而 Jinja2 只能让你执行特定的代码（不是真正意义上的代码，但也差不多）。Jinja2 可以缓存渲染之后的模板，让接下来具有相同参数的请求可以直接从缓存中返回结果，而不是用再次花大力气渲染。

数据库交互

Django 有着“功能齐全”的设计哲学，其中包含了一个 ORM(Object Realational Mapper，对象关系映射)，ORM 的目的有两方面：一是将 Python 的 class 与数据库表建立映射，二是剥离出不同数据库引擎直接的差异。没人喜欢 ORM，因为在不同的域之间映射永远不完美，然而这还在承受范围之内。Django 是功能齐全的，而 Flask 是一个微框架，不包括 ORM，尽管它对 SQLAlchemy 兼容性非常好，SQLAlchemy 是 Django ORM 的最大也是唯一的竞争对手。

内嵌 ORM 让 Django 有能力创建一个功能丰富的 CRUD 应用，从服务器端角度来看，CRUD（Create Read Update Delete）应用非常适合使用 web 框架技术。Django 和 Flask-SQLchemy 可以直接对每个 model 进行不同的 CRUD 操作。

四、再谈 web 框架

到现在为止，web 框架的目的应该非常清晰了：向程序员隐藏了处理 HTTP 请求和响应相关的基础代码。只不过隐藏多少取决于不同的框架，Django 和 Flask 代表了两种极端：Django 几乎囊括所有，这也成了它致命的一点；Flask 立足于“微框架”，仅仅实现 web 应用需要的最小功能，不是web 框架必需具备的功能交给第三方库来完成。

但是最后要记住的是，Python web 框架都以相同的方式工作的：它们接收 HTTP 请求，请求具体代码（视图函数），产生 HTML，返回带有内容的 HTTP 响应。事实上，所有主流的WEB框架都以这种方式工作的（ JavaScript 框架除外）。衷心希望此刻的你，能够根据对各种框架的了解，能够选择适合你的一款。

五、个人对web框架的总结

WEB框架出现原因有如下几个：

1、webserver端问题

  • a、因为web应用都是通过HTTP协议进行请求和回应，我们不可能每实现一个web应用都去编写HTTP协议的低层代码；
  • b、HTTP中的细节，比如请求方法、回应状态码、头部处理等工作，也不可能每次去重复写；

2、web application端问题

  • a、我们怎么把每次url请求和对应的响应函数对应起来？
  • b、页面是动态的，我们怎么实现HTML动态返回请求？
  • c、怎么解决后端数据的统一获取？通过原始的sql语句查询还是统一方便的抽象方法？
  • d、针对不同的请求（比如GET/POST）怎么区分处理？
  • e、安全问题，怎么处理session和cookie?
  • f、并发问题，怎么处理高并发？

3、针对问题的解决方法

  • a、针对webserver的问题，python的web框架通过WSGI协议进行统一web server和web application之间的通讯方式，让它更加简化；
  • b、针对web application的问题
  • 　　通过urlconf或装饰器来解决url和视图函数的对应问题
  • 　　通过自带模板引擎或依赖第三方模板引擎（jinja2或mako）来解决页面快速动态响应问题
  • 　　通过ORM或SQLAlchemy抽象后端数据存取方式，方便数据存取和迁移
  • 　　提供Method，处理不同方式的请求
  • 　　框架自带session、cookie或跨域方式
  • 　　框架自己解决并发问题

本文原文地址：https://jeffknupp.com/blog/2014/03/03/what-is-a-web-framework/，由于本人水平有限，翻译过程中难免会有错误或者不清晰的地方，请参考原文理解和体会。最后个人对web的总结不是原文内容，纯属个人看法和总结。

WEB框架概述（译）的更多相关文章

  1. MojoliciousLite: 实时的web框架 概述

    MojoliciousLite: 实时的web框架: SYNOPSIS 简介: # Automatically enables "strict", "warnings&q ...

  2. Web框架概述——React.js

    目前,在前端Web开发中,三大热门框架为React.js,Vue.js,Angular.js .当然,三大框架各有各的优缺点,这里就不多说了,下面我就针对前段时间所学的React框架做一下整体知识点的 ...

  3. 二、Web框架实现

    一.简单web(socket) 在前一篇WEB框架概述一文中已经详细了解了:从浏览器键入一个URL到返回HTML内容的整个过程.说到底,本质上其实就是一个socket服务端,用户的浏览器其实就是一个s ...

  4. Java开发工程师(Web方向) - 04.Spring框架 - 第5章.Web框架

    第5章--Web框架 Web框架概述 Web框架单元测验 本次得分为:13.50/15.00, 本次测试的提交时间为:2017-09-25 1单选(2分) 关于Spring MVC中Dispatche ...

  5. Web框架之Django_01初识（三大主流web框架、Django安装、Django项目创建方式及其相关配置、Django基础三件套：HttpResponse、render、redirect）

    摘要: Web框架概述 Django简介 Django项目创建 Django基础必备三件套(HttpResponse.render.redirect) 一.Web框架概述: Python三大主流Web ...

  6. 【译】什么是 web 框架？

    Web 应用框架,或者简单的说是“Web 框架”,其实是建立 web 应用的一种方式.从简单的博客系统到复杂的富 AJAX 应用,web 上每个页面都是通过写代码来生成的.我发现很多人都热衷于学习 w ...

  7. tornado web 框架的认识

    tornado 简介 1,概述 Tornado就是我们在 FriendFeed 的 Web 服务器及其常用工具的开源版本.Tornado 和现在的主流 Web 服务器框架(包括大多数 Python 的 ...

  8. web框架 之 Tornado

    初识 Tornado : tornado web server 是使用python编写出来的一个轻量级.高可伸缩性和非阻塞IO的Web服务器软件,其特点是采用epoll非阻塞IO,相应快速,可处理数千 ...

  9. 用Python写一个简单的Web框架

    一.概述 二.从demo_app开始 三.WSGI中的application 四.区分URL 五.重构 1.正则匹配URL 2.DRY 3.抽象出框架 六.参考 一.概述 在Python中,WSGI( ...

随机推荐

  1. 浅析webpack打包输出内容

    当我们执行npm run bundle的时候输出了很多信息,那么这些信息都是什么意思呢 Hash: 221e7fd2e8bf82149df7 Version: webpack 4.30.0 Time: ...

  2. Libevent源码学习笔记一：event2/event.h

    一.libevent标准使用方法: 每个程序使用Libevent必须include <event2/event.h> 头文件,并 传给 -levent  链接器.如果只是想使用主要的eve ...

  3. easyui分页的使用方法

    使用: $("#tt").datagrid("getPager").pagination(option); 例子: $("#tb").dat ...

  4. Redis通过IO进行序列化+反序列化

    必须引用序列化Serializable接口 创建类:Role package com.wbg.springRedis.entity; import java.io.Serializable; publ ...

  5. 【洛谷P2022】有趣的数

    有趣的数 题目链接 首先求出1~k中有多少个在k前面的数的个数,若>m,则无解 比如12345,从第一位开始, 1 0~1 共2个 1-0+1 12  10~12共3个    12-10+1 1 ...

  6. shrio的rememberMe不起作用

    在移植项目.每次重启服务器需要登录.比较麻烦.于是研究下shrio的功能. rememberMe大概可以满足我的需求.但是跟着网上配置了.不起作用...... 于是乎查看源代码拉.java的好处... ...

  7. 用javascript编写简单银行取钱存钱流程（函数）

    const readline = require('readline-sync')//引用readline-sync let arr = [[], []]; //登陆 let add = functi ...

  8. one or more listeners failed to start问题解决思路

    今日搭建一个web应用的时候总是遇到tomcat报错:one or more listeners failed to start. Full detail balabale....而且还没有其他提示, ...

  9. Swift_属性

    Swift_属性 点击查看源码 class DataImporter { var fileName = "data.txt" init() { print("初始化&qu ...

  10. SQL语句中生成UUID方法

    SQL语句中生成UUID方法为UUID() 生成带横线UUID: select UUID()                         形如:abaffaca-fd55-11e5-b3d0-d2 ...