随着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. swift菜鸟入门视频教程-05-控制流

    本人自己录制的swift菜鸟入门.欢迎大家拍砖.有什么问题能够在这里留言. 主要内容: For 循环 While 循环 条件语句 控制转移语句(Control Transfer Statements) ...

  2. redis安装报错

    错误原因大概是这个: creating server tcp listening socket 127.0.0.1:6379: bind No error 解决方案如下按顺序输入如下命令就可以连接成功 ...

  3. condarc文件

    channels: - https://mirrors.tuna.tsinghua.edu.cn/anaconda/cloud/menpo/ - https://mirrors.tuna.tsingh ...

  4. Spark源码分析之六：Task调度（二）

    话说在<Spark源码分析之五:Task调度(一)>一文中,我们对Task调度分析到了DriverEndpoint的makeOffers()方法.这个方法针对接收到的ReviveOffer ...

  5. oracle函数中lead,lag,over,partition by 的使用

    lead,lag函数的分析 http://blog.csdn.net/mazongqiang/article/details/7621328 举例如下: SQL> select *  from ...

  6. Codeforces 309C Memory for Arrays 二进制模拟进位

    题目链接:点击打开链接 题意: 给定n个箱子m个物品 以下n个数字表示箱子的容量 以下m个数字b1-bm 表示物品体积为2^bi大 问最多有多少个物品能够放入箱子. 思路: 贪心,先放小的,小的不能放 ...

  7. uva--10714+找规律

    题意: 一根长度为len的木棍上有n仅仅蚂蚁.蚂蚁们都以1cm/s的速度爬行;假设一仅仅蚂蚁爬到了木棍的端点,那么他就会掉下去;假设两仅仅蚂蚁碰到一起了,他们就会掉头往相反方向爬行.输入len和n仅仅 ...

  8. java.lang.NoSuchMethodError: org.jboss.logging.Logger.getMessageLogger(Ljava/lang/Class;Ljava/lang/String;)Ljava/lang/Object;

    spring3_hibernate 集成报错信息 java.lang.NoSuchMethodError: org.jboss.logging.Logger.getMessageLogger(Ljav ...

  9. live555二次开发经验总结：RTSPClient客户端与RTSPServer服务器

    live555介绍 安防领域的流媒体开发者估计没有谁不知道live555的,可能并不是因为其架构有多牛,代码有多好看,而是因为这玩意存在的年限实在是太长了,从changelog来看,live555从2 ...

  10. ptyhon ORM mongoengine

    参考资料:http://www.tuicool.com/articles/bMvI7vN from mongoengine import * from datetime import datetime ...