随着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. Effective C++ 35，36，37

    35.使公有继承体现 "是一个" 的含义. 共同拥有继承意味着 "是一个".如  class B:public A. 说明类型B的每个对象都是一个类型A的对象, ...

  2. 实用国际(XX)计量单位表

    很多实用附录简表:http://www.zdic.net/appendix/f1.htm 计量单位简表 时间的单位换算 : 1秒=1000毫秒(ms) 1毫秒=1/1,000秒(s)  1秒=1,00 ...

  3. inflate, findViewById与setContentView的差别与联系

    protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentV ...

  4. 深度 | Facebook的图像识别很强大，一次开源了三款机器视觉工具（附论文）

    http://mp.weixin.qq.com/s?__biz=MzA3MzI4MjgzMw==&mid=2650718597&idx=1&sn=56aa4e5deff9962 ...

  5. HTML5实现两个视频循环播放！

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  6. maven项目The superclass "javax.servlet.http.HttpServlet" was not found on the Java Build Path

    用Eclipse创建了一个maven web程序,使用tomcat8.5作为服务器,可以正常启动,但是却报如下错误 The superclass "javax.servlet.http.Ht ...

  7. EasyNVR H5流媒体服务器方案架构设计之视频能力平台

    历经过程 阶段一:经历过传统安防开发过程的开发者都有一种感觉,就是各种业务交织,各个模块的开发扯皮,各种数据库连接冲突,这很让开发工作效率很低,而且会给整体的开发带来负面影响,更重要的是,耦合度太高, ...

  8. 九度OJ 1039：Zero-complexity Transposition（逆置） （基础题）

    时间限制:1 秒 内存限制:32 兆 特殊判题:否 提交:3093 解决:1255 题目描述: You are given a sequence of integer numbers. Zero-co ...

  9. what is spring and what is spring for

    1 what is spring spring是一个轻量级的容器. 它使用依赖注入技术来构建耦合性很低的系统. 2 what is  spring for 用于系统的依赖解耦合.在一个系统中,A类依赖 ...

  10. virtual dynamic shared object

    vdso(7) - Linux manual page http://man7.org/linux/man-pages/man7/vdso.7.html NAME | SYNOPSIS | DESCR ...