随着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. 自定义带下划线文本的UIButton

    转载自 http://mobile.51cto.com/hot-404798.htm,略有改动 UnderLineButton.h代码 @interface UnderLineButton : UIB ...

  2. webdriver.py--解说

    一.全局操作类 start_session 使用指定的desired capabilities创建一个会话(session)start_client 新建一个webdriver会话session前调用 ...

  3. spring学习六----------Bean的配置之Aware接口

    © 版权声明:本文为博主原创文章,转载请注明出处 Aware Spring提供了一些以Aware结尾的接口,实现了Aware接口的bean在被初始化后,可以获取相应的资源 通过Aware接口,可以对S ...

  4. request 请求转发

    package request; import java.io.IOException;import javax.servlet.ServletException;import javax.servl ...

  5. servletResponse outputStream输出数据

    package response; import java.io.IOException;import java.io.OutputStream; import javax.servlet.Servl ...

  6. 目标检测之hog（梯度方向直方图）---hog简介0

    梯度直方图特征(HOG) 是一种对图像局部重叠区域的密集型描述符, 它通过计算局部区域的梯度方向直方图来构成特征.Hog特征结合SVM分类器已经被广泛应用于图像识别中,尤其在行人检测中获得了极大的成功 ...

  7. cocos2d-x 下使用加密 sqlite3

    sqlite3 加密库用的是wxsqlite3-3.0.0.1 提取出来的, 在android 下測试通过,无异常 编译时仅仅须要编译  sqlite3secure.c  此文件,即能够成功.測试时生 ...

  8. Android setTag()与getTag(),与set多个setTag()

    首先我们要知道setTag方法是干什么的,SDK解释为 Tags Unlike IDs, tags are not used to identify views. Tags are essential ...

  9. C#泛型<T>说明

    泛型:即通过参数化类型来实现在同一份代码上操作多种数据类型.泛型编程是一种编程范式,它利用“参数化类型”将类型抽象化,从而实现更为灵活的复用. C#泛型的作用概述 C#泛型赋予了代码更强的类型安全,更 ...

  10. Executors几种常用的线程池性能比较

    java编程中,经常会利用Executors的newXXXThreasPool生成各种线程池,今天写了一小段代码,简单测试了下三种常用的线程池: import com.google.common.ut ...