一 Web应用的组成



接下来我们学习的目的是为了开发一个Web应用程序，而Web应用程序是基于B/S架构的，其中B指的是浏览器，负责向S端发送请求信息，而S端会根据接收到的请求信息返回相应的数据给浏览器，需要强调的一点是：S端由server和application两大部分构成，如图所示：

上图：Web应用组成

二 开发一个Web应用

我们无需开发浏览器（本质即套接字客户端），只需要开发S端即可，S端的本质就是用套接字实现的，如下

# S端

import socket

def make_server(ip, port, app):  # 代表server

    sock = socket.socket()

    sock.bind((ip, port))

    sock.listen(5)

    print('Starting development server at http://%s:%s/' %(ip,port))

    while True:

        conn, addr = sock.accept()

        # 1、接收浏览器发来的请求信息

        recv_data = conn.recv(1024)

        # print(recv_data.decode('utf-8'))

        # 2、将请求信息直接转交给application

        res = app(recv_data)

        # 3、向浏览器返回消息（此处并没有按照http协议返回）

        conn.send(res)

        conn.close()

def app(environ):  # 代表application

    # 处理业务逻辑

    return b'hello world'

if __name__ == '__main__':

    make_server('127.0.0.1', 8008, app)  # 在客户端浏览器输入：http://127.0.0.1:8008 会报错（注意：请使用谷歌浏览器）

目前S端已经可以正常接收浏览器发来的请求消息了，但是浏览器在接收到S端回复的响应消息b'hello world'时却无法正常解析 ，因为浏览器与S端之间收发消息默认使用的应用层协议是HTTP，浏览器默认会按照HTTP协议规定的格式发消息，而S端也必须按照HTTP协议的格式回消息才行，所以接下来我们详细介绍HTTP协议

HTTP协议详解链接地址：https://www.cnblogs.com/Du704/p/11713916.html



S端修订版本：处理HTTP协议的请求消息，并按照HTTP协议的格式回复消息

# S端

import socket

def make_server(ip, port, app): # 代表server

    sock = socket.socket()

    sock.bind((ip, port))

    sock.listen(5)

    print('Starting development server at http://%s:%s/' %(ip,port))

    while True:

        conn, addr = sock.accept()

        # 1、接收并处理浏览器发来的请求信息

        # 1.1 接收浏览器发来的http协议的消息

        recv_data = conn.recv(1024)

        # 1.2 对http协议的消息加以处理，简单示范如下

        ll=recv_data.decode('utf-8').split('\r\n')

        head_ll=ll[0].split(' ')

        environ={}

        environ['PATH_INFO']=head_ll[1]

        environ['method']=head_ll[0]

        # 2：将请求信息处理后的结果environ交给application，这样application便无需再关注请求信息的处理，可以更加专注于业务逻辑的处理

        res = app(environ)

        # 3：按照http协议向浏览器返回消息

        # 3.1 返回响应首行

        conn.send(b'HTTP/1.1 200 OK\r\n')

        # 3.2 返回响应头（可以省略）

        conn.send(b'Content-Type: text/html\r\n\r\n')

        # 3.3 返回响应体

        conn.send(res)

        conn.close()

def app(environ): # 代表application

    # 处理业务逻辑

    return b'hello world'

if __name__ == '__main__':

    make_server('127.0.0.1', 8008, app)

此时，重启S端后，再在客户端浏览器输入：http://127.0.0.1:8008 便可以看到正常结果hello world了。



我们不仅可以回复hello world这样的普通字符，还可以夹杂html标签，浏览器在接收到消息后会对解析出的html标签加以渲染

# S端

import socket

def make_server(ip, port, app):

    sock = socket.socket()

    sock.bind((ip, port))

    sock.listen(5)

    print('Starting development server at http://%s:%s/' %(ip,port))

    while True:

        conn, addr = sock.accept()

        recv_data = conn.recv(1024)

        ll=recv_data.decode('utf-8').split('\r\n')

        head_ll=ll[0].split(' ')

        environ={}

        environ['PATH_INFO']=head_ll[1]

        environ['method']=head_ll[0]

        res = app(environ)

        conn.send(b'HTTP/1.1 200 OK\r\n')

        conn.send(b'Content-Type: text/html\r\n\r\n')

        conn.send(res)

        conn.close()

def app(environ):

    # 返回html标签

    return b'<h1>hello web</h1><img src="https://www.baidu.com/img/bd_logo1.png"></img>'

if __name__ == '__main__':

    make_server('127.0.0.1', 8008, app)

更进一步我们还可以返回一个文件，例如timer.html，内容如下

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<h2>{{ time }}</h2>

</body>

</html>

S端程序如下

# S端

import socket

def make_server(ip, port, app): # 代表server

    sock = socket.socket()

    sock.bind((ip, port))

    sock.listen(5)

    print('Starting development server at http://%s:%s/' %(ip,port))

    while True:

        conn, addr = sock.accept()

        recv_data = conn.recv(1024)

        ll=recv_data.decode('utf-8').split('\r\n')

        head_ll=ll[0].split(' ')

        environ={}

        environ['PATH_INFO']=head_ll[1]

        environ['method']=head_ll[0]

        res = app(environ)

        conn.send(b'HTTP/1.1 200 OK\r\n')

        conn.send(b'Content-Type: text/html\r\n\r\n')

        conn.send(res)

        conn.close()

def app(environ):

    # 处理业务逻辑：打开文件，读取文件内容并返回

    with open('timer.html', 'r', encoding='utf-8') as f:

        data = f.read()

    return data.encode('utf-8')

if __name__ == '__main__':

    make_server('127.0.0.1', 8008, app)

上述S端为浏览器返回的都是静态页面（内容都固定的），我们还可以返回动态页面（内容是变化的）

# S端

import socket

def make_server(ip, port, app): # 代表server

    sock = socket.socket()

    sock.bind((ip, port))

    sock.listen(5)

    print('Starting development server at http://%s:%s/' %(ip,port))

    while True:

        conn, addr = sock.accept()

        recv_data = conn.recv(1024)

        ll=recv_data.decode('utf-8').split('\r\n')

        head_ll=ll[0].split(' ')

        environ={}

        environ['PATH_INFO']=head_ll[1]

        environ['method']=head_ll[0]

        res = app(environ)

        conn.send(b'HTTP/1.1 200 OK\r\n')

        conn.send(b'Content-Type: text/html\r\n\r\n')

        conn.send(res)

        conn.close()

def app(environ):

    # 处理业务逻辑

    with open('timer.html', 'r', encoding='utf-8') as f:

        data = f.read()

    import time

    now = time.strftime("%Y-%m-%d %H:%M:%S", time.localtime())

    data = data.replace('{{ time }}', now)  # 字符串替换

    return data.encode('utf-8')

if __name__ == '__main__':

    make_server('127.0.0.1', 8008, app) # 在浏览器输入http://127.0.0.1:8008,每次刷新都会看到不同的时间

三 Web框架的由来

综上案例我们可以发现一个规律，在开发S端时，server的功能是复杂且固定的（处理socket消息的收发和http协议的处理），而app中的业务逻辑却各不相同（不同的软件就应该有不同的业务逻辑），重复开发复杂且固定的server是毫无意义的，有一个wsgiref模块帮我们写好了server的功能，这样我们便只需要专注于app功能的编写即可

# wsgiref实现了server，即make_server

from wsgiref.simple_server import make_server 

def app(environ, start_response): # 代表application

    # 1、返回http协议的响应首行和响应头信息

    start_response('200 OK', [('Content-Type', 'text/html')])

    # 2、处理业务逻辑：根据请求url的不同返回不同的页面内容

    if environ.get('PATH_INFO') == '/index':

        with open('index.html','r', encoding='utf-8') as f:

            data=f.read()

    elif environ.get('PATH_INFO') == '/timer':

        with open('timer.html', 'r', encoding='utf-8') as f:

            data = f.read()

        import time

        now = time.strftime("%Y-%m-%d %H:%M:%S", time.localtime())

        data = data.replace('{{ time }}', now)  # 字符串替换

    else:

        data='<h1>Hello, web!</h1>'

    # 3、返回http响应体信息，必须是bytes类型，必须放在列表中

    return [data.encode('utf-8')]

if __name__ == '__main__':

    # 当接收到请求时，wsgiref模块会对该请求加以处理，然后后调用app函数，自动传入两个参数：

    # 1 environ是一个字典，存放了http的请求信息

    # 2 start_response是一个功能，用于返回http协议的响应首行和响应头信息

    s = make_server('', 8011, app) # 代表server

    print('监听8011')

    s.serve_forever() # 在浏览器输入http://127.0.0.1:8011/index和http://127.0.0.1:8011/timer会看到不同的页面内容

timer.html已经存在了，新增的index.html页面内容如下：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <h1>主页</h1>

</body>

</html>

上述案例中app在处理业务逻辑时需要根据不同的url地址返回不同的页面内容，当url地址越来越多，需要写一堆if判断，代码不够清晰，耦合程度高，所以我们做出以下优化

# 处理业务逻辑的函数

def index(environ):

    with open('index.html', 'r', encoding='utf-8') as f:

        data = f.read()

    return data.encode('utf-8')

def timer(environ):

    import datetime

    now = datetime.datetime.now().strftime('%y-%m-%d %X')

    with open('timer.html', 'r', encoding='utf-8') as f:

        data = f.read()

    data = data.replace('{{ time }}', now)

    return data.encode('utf-8')

# 路径跟函数的映射关系

url_patterns = [

    ('/index', index),

    ('/timer', timer),

]

from wsgiref.simple_server import make_server

def app(environ, start_response):

    start_response('200 OK', [('Content-Type', 'text/html')])

    # 拿到请求的url并根据映射关系url_patters执行相应的函数

    reuqest_url = environ.get('PATH_INFO')

    for url in url_patterns:

        if url[0] == reuqest_url:

            data = url[1](environ)

            break

    else:

        data = b'404'

    return [data]

if __name__ == '__main__':

    s = make_server('', 8011, app)

    print('监听8011')

    s.serve_forever()

随着业务逻辑复杂度的增加，处理业务逻辑的函数以及url_patterns中的映射关系都会不断地增多，此时仍然把所有代码都放到一个文件中，程序的可读性和可扩展性都会变得非常差，所以我们应该将现有的代码拆分到不同文件中

插图：

mysite # 文件夹

    ├── app01 # 文件夹

    │   └── views.py

    ├── mysite # 文件夹

    │   └── urls.py

    └── templates # 文件夹

    │   ├── index.html

    │   └── timer.html

    ├── main.py

views.py 内容如下：

# 处理业务逻辑的函数

def index(environ):

    with open('templates/index.html', 'r',encoding='utf-8') as f: # 注意文件路径

        data = f.read()

    return data.encode('utf-8')

def timer(environ):

    import datetime

    now = datetime.datetime.now().strftime('%y-%m-%d %X')

    with open('templates/timer.html', 'r',encoding='utf-8') as f: # 注意文件路径

        data = f.read()

    data=data.replace('{{ time }}',now)

    return data.encode('utf-8')

urls.py内容如下：

# 路径跟函数的映射关系

from app01.views import * # 需要导入views中的函数

url_patterns = [

    ('/index', index),

    ('/timer', timer),

]

main.py 内容如下：

from wsgiref.simple_server import make_server

from mysite.urls import url_patterns  # 需要导入urls中的url_patterns

def app(environ, start_response):

    start_response('200 OK', [('Content-Type', 'text/html')])

    # 拿到请求的url并根据映射关系url_patters执行相应的函数

    reuqest_url = environ.get('PATH_INFO')

    for url in url_patterns:

        if url[0] == reuqest_url:

            data = url[1](environ)

            break

    else:

        data = b'404'

    return [data]

if __name__ == '__main__':

    s = make_server('', 8011, app)

    print('监听8011')

    s.serve_forever()

至此，我们就针对application的开发自定义了一个框架，所以说框架的本质就是一系列功能的集合体、不同的功能放到不同的文件中。有了该框架，可以让我们专注于业务逻辑的编写，极大的提高了开发web应用的效率（开发web应用的框架可以简称为web框架），比如我们新增一个业务逻辑，要求为：浏览器输入http://127.0.0.1:8011/home 就能访问到home.html页面，在框架的基础上具体开发步骤如下：

步骤一：在templates文件夹下新增home.html

步骤二：在urls.py的url_patterns中新增一条映射关系

url_patterns = [

    ('/index', index),

    ('/timer', timer),

    ('/home', home), # 新增的映射关系

]

步骤三：在views.py中新增一个名为home的函数

def home(environ):

    with open('templates/home.html', 'r',encoding='utf-8') as f:

        data = f.read()

    return data.encode('utf-8')

我们自定义的框架功能有限，在Python中我们可以使用别人开发的、功能更强大的Django框架

四 Django框架的安装与使用

在使用Django框架开发web应用程序时，开发阶段同样依赖wsgiref模块来实现Server的功能，我们使用Django框架是为了快速地开发application

4.1 安装

目前在企业开发中Django框架使用的主流版本为1.11.x版本，最新版本为2.x，我们主要讲解1.11版本，同时会涉及2.x的新特性

pip3 install django==1.11.18 # 在命令行执行该命令

4.2 使用

4.2.1 快速创建并启动Django项目



如果使用的是我们自定义的框架来开发web应用，需要事先生成框架包含的一系列基础文件，然后在此基础上进行开发。

如果使用的是Django框架来开发web应用，同样需要事先生成Django框架包含的一系列基础文件，然后在此基础上进行开发。

但Django框架更为方便的地方在于它已经为我们提供了一系列命令来帮我们快速地生成这一系列基础文件

# 在命令行执行以下指令，会在当前目录生成一个名为mysite的文件夹，该文件夹中包含Django框架的一系列基础文件

django-admin startproject mysite

创建功能模块

cd mysite # 切换到mysite目录下,执行以下命令

python manage.py startapp app01 # 创建功能模块app01，此处的startapp代表创建application下的一个功能模块。例如我们要开发application是京东商城，京东商城这个大项目下有一个订单管理模块，我们可以将其命名为app01

运行

python manage.py runserver 8001 # 在浏览器输入：http://127.0.0.1：8001 会看到Django的欢迎页面。

4.2.2 Django项目目录结构



截目录树的图(按照下述目录截图)

mysite # 文件夹

    ├── app01 # 文件夹

    │   └── migrations # 文件夹

    │   └── admin.py

    │   └── apps.py

    │   └── models.py

    │   └── tests.py

    │   └── views.py

    ├── mysite # 文件夹

    │   └── settings.py

    │   └── urls.py

    │   └── wsgi.py

    └── templates # 文件夹

    ├── manage.py

关键文件介绍

-manage.py---项目入口,执行一些命令

-项目名

    -settings.py  全局配置信息

    -urls.py      总路由,请求地址跟视图函数的映射关系

-app名字

    -migrations   数据库迁移的记录

    -models.py    数据库表模型

    -views.py     处理业务逻辑的函数，简称视图函数

4.2.3 基于Pycharm创建Django项目

4.2.4 基于Django实现的一个简单示例

（1）url.py
from django.contrib import admin

from django.conf.urls import url

#导入views模块

from app01 import views

urlpatterns = [

    url(r'^admin/', admin.site.urls),

    # r'^index/$' 会正则匹配url地址的路径部分

    url(r'^index/$',views.index), # 新增地址http://127.0.0.1:8001/index/与index函数的映射关系

]
（2）视图
from django.shortcuts import render

# 必须定义一个request形参，request相当于我们自定义框架时的environ参数

def index(request):

    import datetime

    now=datetime.datetime.now()

    ctime=now.strftime("%Y-%m-%d %X")

    return render(request,"index.html",{"ctime":ctime}) # render会读取templates目录下的index.html文件的内容并且用字典中的ctime的值替换模版中的{{ ctime }}
（3）模版

在templates目录下新建文件index.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<h4>当前时间:{{ ctime }}</h4>

</body>

</html>

测试：

python manage.py runserver 8001 # 在浏览器输入：http://127.0.0.1:8001/index/ 会看到当前时间。

4.2.5 Django框架的分层与请求生命周期

综上，我们使用Django框架就是为了开发application，而application的工作过程本质就是根据不同的请求返回不同的数据，Django框架将这个工作过程细分为如下四层去实现

1、路由层（根据不同的地址执行不同的视图函数，详见urls.py）

2、视图层（定义处理业务逻辑的视图函数，详见views.py）

3、模型层 （跟数据库打交道的，详解models.py）

4、模板层（待返回给浏览器的html文件，详见templates）

django请求生命周期



这体现了一种解耦合的思想，下面我们开始详细介绍每一层

Django开篇 - Web应用的更多相关文章

  1. [Python] 利用Django进行Web开发系列（一）

    1 写在前面 在没有接触互联网这个行业的时候,我就一直很好奇网站是怎么构建的.现在虽然从事互联网相关的工作,但是也一直没有接触过Web开发之类的东西,但是兴趣终归还是要有的,而且是需要自己动手去实践的 ...

  2. [Python] 利用Django进行Web开发系列（二）

    1 编写第一个静态页面——Hello world页面 在上一篇博客<[Python] 利用Django进行Web开发系列(一)>中,我们创建了自己的目录mysite. Step1:创建视图 ...

  3. Nginx+Python+uwsgi+Django的web开发环境安装及配置

    Nginx+Python+uwsgi+Django的web开发环境安装及配置 nginx安装 nginx的安装这里就略过了... python安装 通常系统已经自带了,这里也略过 uwsgi安装 官网 ...

  4. 利用Django进行Web开发

    Web就是用来表示Internet主机上供外界访问的资源的.网页也统称为web资源.Internet上供外界访问的Web资源主要分为如下两类: 静态web资源:指web页面中供人们浏览的数据始终是不变 ...

  5. Python第十三天 django 1.6 导入模板 定义数据模型 访问数据库 GET和POST方法 SimpleCMDB项目 urllib模块 urllib2模块 httplib模块 django和web服务器整合 wsgi模块 gunicorn模块

    Python第十三天   django 1.6   导入模板   定义数据模型   访问数据库   GET和POST方法    SimpleCMDB项目   urllib模块   urllib2模块 ...

  6. web理论知识--网页访问过程（附有Django的web项目访问流程）

    当我们闲暇之余想上网看看新闻,或者看个电影,通常的操作是:打开电脑.打开浏览器.输入网址.浏览页面信息.点击自己感兴趣的连接......那么有没有想过,这些网页从哪里来的?过程中计算机又做了什么事情了 ...

  7. Web框架本质及第一个Django实例 Web框架

    Web框架本质及第一个Django实例   Web框架本质 我们可以这样理解:所有的Web应用本质上就是一个socket服务端,而用户的浏览器就是一个socket客户端. 这样我们就可以自己实现Web ...

  8. 利用Django构建web应用及其部署

    注:很久之前就有了学习Django的想法,最近终于有机会做了一次尝试.由于Django的详细教程很多,我在这里就不再详述了,只是将整个开发流程以及自己在学习Django中的一些思考记录在此. Syst ...

  9. Nginx+uwsgi+Django 的web应用环境部署-完整记录

    Python作为当前最火爆最热门,也是最主要的Web开发语言之一,在其二十多年的历史中出现了数十种Web框架,比如Django.Tornado.Flask.Twisted.Bottle和Web.py等 ...

随机推荐

  1. Ubuntu16.04安装完成后首先更换源地址，加速下载

    也可以,sudo pip install torch -i https://pypi.tuna.tsinghua.edu.cn/simple临时改变源地址下载先备份源文件sudo cp sources ...

  2. <WP8开发学习笔记>ApplicationBar（任务栏）的切换以及“黑条问题”

    ApplicationBar(以下简称AppBar)是WP应用相当常见的控件,也很方便.常见的做法是pivot或者panorama的页面切换的时候,AppBar跟随切换对应的按钮或者不显示按钮,如下图 ...

  3. @bzoj - 2658@ [Zjoi2012]小蓝的好友(mrx)

    目录 @description@ @solution@ @accepted code@ @details@ @description@ 终于到达了这次选拔赛的最后一题,想必你已经厌倦了小蓝和小白的故事 ...

  4. 面试官：线程池如何按照core、max、queue的执行循序去执行？（内附详细解析）

    前言 这是一个真实的面试题. 前几天一个朋友在群里分享了他刚刚面试候选者时问的问题:"线程池如何按照core.max.queue的执行循序去执行?". 我们都知道线程池中代码执行顺 ...

  5. C#数据结构与算法系列（六）：链表——双链表（Double-LinkedList）

    1.对比单向链表 单向链表查找的方向只能是一个方向,而双向链表可以向前或者向后查找 单向链表不能自我删除,需要靠辅助节点,而双向链表可以自我删除 对于单向链表的删除,我们首先要找到单向链表待删除节点的 ...

  6. 使用vuex中的store存储数据

    Vuex是一个专门为Vue.js应用程序开发的状态管理模式,这个状态自管理应用包括三个模式 state 驱动应用的数据源 view 以声明方式将state映射到视图 actions 响应在view上的 ...

  7. Oracle调优之看懂Oracle执行计划

    @ 目录 1.文章写作前言简介 2.什么是执行计划? 3.怎么查看执行计划? 4.查看真实执行计划 5.看懂Oracle执行计划 5.1 查看explain 5.2 explain执行顺序 5.3 访 ...

  8. rust 九九乘法表

    fn main(){ for i in 1..10 { for j in 1..i+1 { print!("{}*{}={:<2} ",j,i,i*j); } print!( ...

  9. xutils工具上传日志文件

    首先下载xutils java包: 添加到项目的工程中: 第二在新建一个类继承application package logback.ecmapplication.cetcs.com.myapplic ...

  10. 区间dp 能量项链 洛谷p1063

    题目大意:如果前一颗能量珠的头标记为m,尾标记为r,后一颗能量珠的头标记为r,尾标记为n,则聚合后释放的能量为 (Mars单位),新产生的珠子的头标记为m,尾标记为n. 需要时,Mars人就用吸盘夹住 ...