随着web的发展, 最开始使用的CS架构已经不适合web了, 现在web使用的架构是BS架构

如今大部分重量级的软件都以web形式提供了

web开发的四个阶段

　　1) 静态web页面

　　2) CGI: 静态web页面是无法与用户交互的, 形成了CGI来处理用户动态发送的数据

　　3) ASP/JSP/PHP: 使用脚本语言来结合HTML更加高效开发

　　4) MVC: 解决脚本语言直接嵌入HTML导致维护差的问题, 使用MVC来简化web开发

现在还出现了异步开发, MVVM等

1 WSGI接口

　　可以是用浏览器的开发者模式来查看HTTP的请求过程

　　一个HTTP包含Header和Body两个部分, 其中Body是可选部分

　　Header和Body是通过\r\n\r\n来分割的

　　Web的本质:

　　　　1) 浏览器发送一个HTTP请求

　　　　2) 服务器收到请求, 生成一个HTML文档

　　　　3) 服务器吧HTML文档作为HTTP相应的Body发送给浏览器

　　　　4) 浏览器收到HTTP相应, 从HTTP Body中取出HTML文档并显示

　　因此简单的服务器的做法就是将HTML文件保存好, 接受用户的请求, 将对应的数据返回

　　一般需要动态生成HTML文件的话, 就需要自己完成上述动作, 接受HTTP请求, 解析HTML, 再发送HTTP相应

　　然而针对HTTP的处理并不是我们处理的关键, 因此有专门的服务器软件来帮助我们处理这些操作

　　这个接口就是WSGI

　　一般的WSGI接口的编写具体操作如下

　　1) 导入库

from wsgiref.simple_server import make_server

　　2) 创建一个服务器并监听

httpd = make_server('127.0.0.1', 8000, application)

httpd.serve_forever()

　　3) 实现相应函数

def application(environ, start_response):

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

    return [b'<h1>Hello, web!</h1>']

　　固定传入两个参数

　　　　environ: 包含所有HTTP请求信息的字典对象

　　　　start_response: 发送HTTP响应的函数

　　　　接受两个参数, 一个是HTTP响应码, 字符串类型; 一个是一个列表, 列表的元素是HTTP Header的键值对, 键值对用元组表示

　　其中要注意Header只能发送一次, 且只能发送一次　　　　

　　通过return来返回body

2 使用Web框架

　　事实上, 写一个Web App就是编写一个以WSGI处理函数, 也是编写HTTP相应函数

　　一般的, 处理不同的URL是通过environ变量中提取出HTTP请求的信息, 然后再逐个判断

　　需要在此基础上进行进一步的封装, 常用的框架是Flask

　　常用的Flask的用法

　　1) 导入库

from flask import Flask

from flask import request

　　2) 生成框架对象

app = Flask(__name__)

　　3) 响应URL

　　使用装饰器来指定输入到该地址的处理函数, 具体写法如下

@app.route('/', methods=['GET', 'POST'])

def home():

    return '<h1>Home</h1>'

@app.route('/signin', methods=['GET'])

def signin_form():

    return '''<form action="/signin" method="post">

              <p><input name="username"></p>

              <p><input name="password" type="password"></p>

              <p><button type="submit">Sign In</button></p>

              </form>'''

　　4) 启动框架

app.run()

　　通过框架, 我们就可以将我们的注意力集中到处理URL来, 这样免去对HTTP的处理

3 使用模板

　　使用框架解决了HTTP的处理, 但是还不是最简单的做法, 因为我们返回的页面是一个复杂的页面, 不能说在一个函数就直接返回页面的全部代码

　　要记住: 不懂前端的Python工程师不是好的产品经理

　　模板就是一个特殊的HTML文档, 里面使用前端+类似freemarker的语言

　　进而形成了模型-视图-控制器的MVC设计模式

　　M: 是用来传给V的, 这样在视图区域可以通过从模型中取出变量放到视图中

　　V: 负责显示逻辑, 通过简单的替换一些变量, 最终形成用户看到的HTML

　　C: 控制器, 负责业务逻辑

　　具体实现如下

　　1) 安装模板

pip install jinja2

　　2) 准备模板页面

<html>

<head>

  <title>Please Sign In</title>

</head>

<body>

  {% if message %}

  <p style="color:red">{{ message }}</p>

  {% endif %}

  <form action="/signin" method="post">

    <legend>Please sign in:</legend>

    <p><input name="username" placeholder="Username" value="{{ username }}"></p>

    <p><input name="password" placeholder="Password" type="password"></p>

    <p><button type="submit">Sign In</button></p>

  </form>

</body>

</html>

　　3) 编写控制器

@app.route('/signin', methods=['GET'])

def signin_form():

    return render_template('form.html')

@app.route('/signin', methods=['POST'])

def signin():

    username = request.form['username']

    password = request.form['password']

    if username=='admin' and password=='password':

        return render_template('signin-ok.html', username=username)

    return render_template('form.html', message='Bad username or password', username=username)

　　第一个方法用于处理展示页面给用户登录, 第二个方法是用于处理提交的表单

　

第十五章-Web开发的更多相关文章

  1. [Vue 牛刀小试]：第十五章 - 传统开发模式下的 axios 使用入门

    一.前言 在没有接触 React.Angular.Vue 这类 MVVM 的前端框架之前,无法抛弃 Jquery 的重要理由,除了优秀的前端 DOM 元素操作性以外,能够非常便捷的发起 http 请求 ...

  2. 进击的Python【第十五章】：Web前端基础之DOM

    进击的Python[第十五章]:Web前端基础之DOM 简介:文档对象模型(Document Object Model,DOM)是一种用于HTML和XML文档的编程接口.它给文档提供了一种结构化的表示 ...

  3. Gradle 1.12用户指南翻译——第六十五章. Maven 发布（新）

    其他章节的翻译请参见:http://blog.csdn.net/column/details/gradle-translation.html翻译项目请关注Github上的地址:https://gith ...

  4. Gradle 1.12 翻译——第十五章. 任务详述

    有关其他已翻译的章节请关注Github上的项目:https://github.com/msdx/gradledoc/tree/1.12,或访问:http://gradledoc.qiniudn.com ...

  5. Gradle 1.12用户指南翻译——第二十五章. Scala 插件

    其他章节的翻译请参见: http://blog.csdn.net/column/details/gradle-translation.html 翻译项目请关注Github上的地址: https://g ...

  6. Gradle 1.12用户指南翻译——第三十五章. Sonar 插件

    本文由CSDN博客万一博主翻译,其他章节的翻译请参见: http://blog.csdn.net/column/details/gradle-translation.html 翻译项目请关注Githu ...

  7. “全栈2019”Java多线程第三十五章：如何获取线程被等待的时间？

    难度 初级 学习时间 10分钟 适合人群 零基础 开发语言 Java 开发环境 JDK v11 IntelliJ IDEA v2018.3 文章原文链接 "全栈2019"Java多 ...

  8. “全栈2019”Java多线程第二十五章：生产者与消费者线程详解

    难度 初级 学习时间 10分钟 适合人群 零基础 开发语言 Java 开发环境 JDK v11 IntelliJ IDEA v2018.3 文章原文链接 "全栈2019"Java多 ...

  9. “全栈2019”Java多线程第十五章：当后台线程遇到finally

    难度 初级 学习时间 10分钟 适合人群 零基础 开发语言 Java 开发环境 JDK v11 IntelliJ IDEA v2018.3 文章原文链接 "全栈2019"Java多 ...

随机推荐

  1. unslider点导航不显示错误

    原因是,unslider插件只添加了dots文件并没有设置样式 解决办法 .banner { position: relative; width: 100%; overflow: auto; font ...

  2. Hadoop关于Wrong FS错误

    关于使用java api上传文件. 在定义一个FileSystem变量的时候伪分布式和单机版的方法是不一样的,单机版使用的是FileSystem类的静态函数 FileSystem hdfs = Fil ...

  3. linux SPI驱动——spi协议（一）

    一:SPI简介以及应用 SPI, Serial Perripheral Interface, 串行外围设备接口, 是 Motorola 公司推出的一种同步串行接口技术. SPI 总线在物理上是通过接在 ...

  4. 【WPF学习笔记】之 System.Exception 对象名 'XXXX' 无效。

    我在运行vs时候发现项目报错,如下图: 报Exception错误,对象名“XXXXXX”无效. 经过调查得知,因为连接数据库的库名写错了,如下: 对应正确数据库的库名: 把库名改正确,问题就解决了.

  5. MySQL数据库的常见操作（七）

    MySQL数据库的常见操作 1.创建数据库 2.创建重名的数据库以及如何查看警告信息 3.设置数据库的编码方式(默认为utf8) 4.修改和查看数据库的编码方式 5.删除数据库 6.6.删除已经删除了 ...

  6. 相机标准之onvif---开放型网络视频接口论坛onvif 简介

    什么是ONVIF ? ONVIF:原意为 开放型网络视频接口论坛,即 Open Network Video Interface Forum ,是安讯士.博世.索尼等三家公司在2008年共同成立的一个国 ...

  7. C#下的摄像机标定

    前言:计算机视觉的基本任务之一是从摄像机获取的图像信息出发计算三维空间中物体的几何信息,并由此重建和识别物体,而空间物体表面某点的三维几何位置与其在图像中对应点之间的相互关系是由摄像机成像的几何模型决 ...

  8. Mybatis的配置文件和映射文件详解

    一.Mybatis的全局配置文件 1.SqlMapConfig.xml是mybatis的全局配置文件,配置内容如下: properties(属性) settings(全局配置参数) typeAlias ...

  9. MessageDigest和DigestUtils加密算法

    总结:使用DigestUtils的方法加密的结果与messageDigest的方法加密结果一致,可使用DigestUtils替换MessageDigest 可省掉部分代码  package com.a ...

  10. SpringMVC @ResponseBody和@RequestBody使用

    @ResponseBody用法 作用: 该注解用于将Controller的方法返回的对象,根据HTTP Request Header的Accept的内容,通过适当的HttpMessageConvert ...