Web 应用 WEB框架 HTTP协议 初识Django

----------------------------财富存在于人的思想里,你没找到路,不等于没有路,你想知道未来要获得什么,你必须知道如今应该先作什么和先放弃什么!

---

[web 应用]

web应用

Web应用程序是一种能够经过Web访问的应用程序，程序的最大好处是用户很容易访问应用程序，用户只须要有浏览器便可，不须要再安装其余软件。应用程序有两种模式C/S、B/S。C/S是客户端/服务器端程序，也就是说这类程序通常独立运行。而B/S就是浏览器端/服务器端应用程序，这类应用程序通常借助谷歌，火狐等浏览器来运行。WEB应用程序通常是B/S模式。Web应用程序首先是“应用程序”，和用标准的程序语言，如java，python等编写出来的程序没有什么本质上的不一样。在网络编程的意义下，浏览器是一个socket客户端，服务器是一个socket服务端。

import socket

def handle_request(client):

    request_data = client.recv(1024)
    print("request_data: ",request_data)

    client.send("HTTP/1.1 200 OK\r\nstatus: 200\r\nContent-Type:text/html\r\n\r\n".encode("utf8"))
    client.send("<h1>Hello, luffycity!</h1><img src=''>".encode("utf8"))

def main():

    sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
    sock.bind(('localhost',8812))
    sock.listen(5)

    while True:
        print("the server is waiting for client-connection....")
        connection, address = sock.accept()
        handle_request(connection)
        connection.close()

if __name__ == '__main__':

    main()

---

 

上节回顾

1 jquery的each循环

$.each([111,222,333],function(i,j){

})
$("p").each(function(){
$(this)
})

2 节点操做
1 建立节点 $("<p>")
2 添加节点
$("父节点").append($("<p>"))
$("父节点").append("<p>123</p>")

3 删除节点
$("删除节点").remove()
$("删除节点").empty()

4 替换节点
$("被替换节点").replaceWith("新节点")

5 拷贝节点
$("拷贝节点").clone()

3 bootstrap
栅格系统(******)
表格
表单
按钮
模态对话框
导航栏

WEB
1 web应用程序

2 http协议
https://www.baidu.com/s?ie=utf-8&f=8
URL:协议/域名:端口/路径?请求数据

通讯双方 浏览器,服务器应用程序

客户端的浏览器-----------------服务器应用程序

http协议特性:
1 基于TCP/IP协议
2 基于请求－响应模式
3 无状态保存(******)
4 无链接

http协议格式:
请求协议格式
客户端的浏览器----------------->服务器应用程序
<----------------
响应协议格式
请求协议格式:
"GET 路径?user=yuan&pwd=123 HTTP/1.1 # 请求首行
user-agent: Windows NT Chrome, # 请求头
accept-encoding: gzip, deflate, # 请求头
k1:v1,# 请求头
空行
"

"POST 路径?user=yuan&pwd=123 HTTP/1.1 # 请求首行
user-agent: Windows NT Chrome, # 请求头
accept-encoding: gzip, deflate, # 请求头
k1:v1,# 请求头
空行
user=yuan&pwd=123 # 请求体:存放请求数据(只有POST请求才有请求体)
"
响应协议格式:

"HTTP/1.1 200 OK # 响应首行
content-length: 29878, # 响应头
date: Fri, 28 Dec 2018 01:43:30 GMT # 响应头
server: JDWS/2.0 # 响应头
空行
响应体
"

3 Django

MVC

C: controller 控制器(url分发和视图函数)
V: 存放html文件
M: model:数据库操做

MTV
url分发控制器
V:视图函数
Tempates:存放html文件
M:model:数据库操做


Django命令:
1 建立Django项目: django-admin startproject mysite
manage.py ----- Django项目里面的工具，经过它能够调用django shell和数据库等。
settings.py ---- 包含了项目的默认设置，包括数据库信息，调试标志以及其余一些工做的变量。
urls.py ----- 负责把URL模式映射到应用程序

2 建立一个应用: python manage.py startapp app01
views.py: 存放试图函数
models.py: 存放数据库表

3 项目启动
python manage.py runserver IP:8000

---

[Web框架]

web框架

Web框架（Web framework）是一种开发框架，用来支持动态网站、网络应用和网络服务的开发。这大多数的web框架提供了一套开发和部署网站的方式，也为web行为提供了一套通用的方法。web框架已经实现了不少功能，开发人员使用框架提供的方法而且完成本身的业务逻辑，就能快速开发web应用了。浏览器和服务器的是基于HTTP协议进行通讯的。也能够说web框架就是在以上十几行代码基础张扩展出来的，有不少简单方便使用的方法，大大提升了开发的效率。

wsgiref模块

最简单的Web应用就是先把HTML用文件保存好，用一个现成的HTTP服务器软件，接收用户请求，从文件中读取HTML，返回。

若是要动态生成HTML，就须要把上述步骤本身来实现。不过，接受HTTP请求、解析HTTP请求、发送HTTP响应都是苦力活，若是咱们本身来写这些底层代码，还没开始写动态HTML呢，就得花个把月去读HTTP规范。

正确的作法是底层代码由专门的服务器软件实现，咱们用Python专一于生成HTML文档。由于咱们不但愿接触到TCP链接、HTTP原始请求和响应格式，因此，须要一个统一的接口协议来实现这样的服务器软件，让咱们专心用Python编写Web业务。这个接口就是WSGI：Web Server Gateway Interface。而wsgiref模块就是python基于wsgi协议开发的服务模块。

from wsgiref.simple_server import make_server


def application(environ, start_response):
    start_response('200 OK', [('Content-Type', 'text/html')])
    return [b'<h1>Hello, web!</h1>']


httpd = make_server('', 8080, application)

print('Serving HTTP on port 8000...')
# 开始监听HTTP请求:
httpd.serve_forever()

---

---

[HTTP协议]

http协议简介

HTTP协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写,是用于万维网（WWW:World Wide Web ）服务器与本地浏览器之间传输超文本的传送协议。

HTTP是一个属于应用层的面向对象的协议，因为其简捷、快速的方式，适用于分布式超媒体信息系统。它于1990年提出，通过几年的使用与发展，获得不断地完善和扩展。HTTP协议工做于客户端-服务端架构为上。浏览器做为HTTP客户端经过URL向HTTP服务端即WEB服务器发送全部请求。Web服务器根据接收到的请求后，向客户端发送响应信息。

http协议特性

 

(1) 基于TCP/IP

http协议是基于TCP/IP协议之上的应用层协议。

(2) 基于请求－响应模式

HTTP协议规定,请求从客户端发出,最后服务器端响应该请求并 返回。换句话说,确定是先从客户端开始创建通讯的,服务器端在没有 接收到请求以前不会发送响应

(3) 无状态保存

HTTP是一种不保存状态,即无状态(stateless)协议。HTTP协议 自身不对请求和响应之间的通讯状态进行保存。也就是说在HTTP这个 级别,协议对于发送过的请求或响应都不作持久化处理。

使用HTTP协议,每当有新的请求发送时,就会有对应的新响应产 生。协议自己并不保留以前一切的请求或响应报文的信息。这是为了更快地处理大量事务,确保协议的可伸缩性,而特地把HTTP协议设计成 如此简单的。但是,随着Web的不断发展,因无状态而致使业务处理变得棘手 的状况增多了。好比,用户登陆到一家购物网站,即便他跳转到该站的 其余页面后,也须要能继续保持登陆状态。针对这个实例,网站为了能 够掌握是谁送出的请求,须要保存用户的状态。HTTP/1.1虽然是无状态协议,但为了实现指望的保持状态功能, 因而引入了Cookie技术。有了Cookie再用HTTP协议通讯,就能够管 理状态了。有关Cookie的详细内容稍后讲解。

无链接

无链接的含义是限制每次链接只处理一个请求。服务器处理完客户的请求，并收到客户的应答后，即断开链接。采用这种方式能够节省传输时间。

http请求协议与响应协议

http协议包含由浏览器发送数据到服务器须要遵循的请求协议与服务器发送数据到浏览器须要遵循的请求协议。用于HTTP协议交互的信被为HTTP报文。请求端(客户端)的HTTP报文 作请求报文,响应端(服务器端)的 作响应报文。HTTP报文自己是由多行数据构成的字 文本。 

请求协议

请求格式

请求方式: get与post请求

• GET提交的数据会放在URL以后，以?分割URL和传输数据，参数之间以&相连，如EditBook?name=test1&id=123456. POST方法是把提交的数据放在HTTP包的请求体中.
• GET提交的数据大小有限制（由于浏览器对URL的长度有限制），而POST方法提交的数据没有限制.
• GET与POST请求在服务端获取请求数据方式不一样。

响应协议

响应格式

响应状态码

状态码的职 是当客户端向服务器端发送请求时, 返回的请求 结果。借助状态码,用户能够知道服务器端是正常 理了请求,仍是出 现了 。状态码如200 OK,以3位数字和缘由 成。数字中的 一位指定了响应 别,后两位无分 。响应 别有以5种。

 

演示示例：

import socket


sock=socket.socket()
sock.bind(("127.0.0.1",8808))
sock.listen(5)

while 1:
    print("server waiting.....")
    conn,addr=sock.accept()
    data=conn.recv(1024)
    print("data",data)

    # 读取html文件
    with open("login.html","rb") as f:
        data=f.read()

    conn.send((b"HTTP/1.1 200 OK\r\n\r\n%s"%data))
    conn.close()

login.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>



<form action="" method="post">
    用户名 <input type="text" name="user">
    密码 <input type="password" name="pwd">
    <input type="submit">
</form>

</body>
</html>