Web

Posted huangqiang97

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Web相关的知识,希望对你有一定的参考价值。

参考:Web

HTTP

HTTP请求的流程:

步骤1:浏览器首先向服务器发送HTTP请求,请求包括:

方法:GET还是POST,GET仅请求资源,POST会附带用户数据;

路径:/full/url/path;

域名:由Host头指定:Host: www.sina.com.cn

以及其他相关的Header;

如果是POST,那么请求还包括一个Body,包含用户数据。

步骤2:服务器向浏览器返回HTTP响应,响应包括:

响应代码:200表示成功,3xx表示重定向,4xx表示客户端发送的请求有错误,5xx表示服务器端处理时发生了错误;

响应类型:由Content-Type指定,例如:Content-Type: text/html;charset=utf-8表示响应类型是HTML文本,并且编码是UTF-8,Content-Type: image/jpeg表示响应类型是JPEG格式的图片;

以及其他相关的Header;

通常服务器的HTTP响应会携带内容,也就是有一个Body,包含响应的内容,网页的HTML源码就在Body中。

步骤3:如果浏览器还需要继续向服务器请求其他资源,比如图片,就再次发出HTTP请求,重复步骤1、2。

WSGI

hello.py
# environ:一个包含所有HTTP请求头信息的dict对象;
# start_response:一个发送HTTP响应头的函数。
def application(environ, start_response):
   # Header只能发送一次
   # 函数接收两个参数,一个是HTTP响应码,一个是一组list表示的HTTP Header,每个Header用一个包含两个str的tuple表示。
   start_response('200 OK', [('Content-Type', 'text/html')])
   body = '<h1>Hello, %s!</h1>' % (environ['PATH_INFO'][1:] or 'web')
   return [body.encode('utf-8')]
   return [b'<h1>Hello, web!</h1>']
Server
#负责启动WSGI服务器,加载application()函数:
from wsgiref.simple_server import make_server
# 导入我们自己编写的application函数:
from Web.hello import application

# 创建一个服务器,IP地址为空,端口是8848,处理函数是application:
httpd = make_server('', 8000, application)
print('Serving HTTP on port 8000...')
# 开始监听HTTP请求:
httpd.serve_forever()

Flask_Web

from flask import Flask
from flask import request

app = Flask(__name__)

# Flask通过Python的装饰器在内部自动地把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>'''

@app.route('/signin', methods=['POST'])
def signin():
    # 需要从request对象读取表单内容:
    if request.form['username']=='admin' and request.form['password']=='password':
        return '<h3>Hello, admin!</h3>'
    return '<h3>Bad username or password.</h3>'

if __name__ == '__main__':
    app.run()

MVC

App

# MVC:Model-View-Controller,中文名“模型-视图-控制器”。
# Python处理URL的函数就是C:Controller,Controller负责业务逻辑
# 包含变量的模板就是V:View,View负责显示逻辑,通过简单地替换一些变量,View最终输出的就是用户看到的HTML。
# 包含要用来替换的数据就是M,Model是用来传给View的,这样View在替换变量的时候,就可以从Model中取出相应的数据。
# 把Python代码和HTML代码最大限度地分离了。
# 一定要把模板放到正确的templates目录下,templates和flask_web.py在同级目录下:
from flask import Flask, request, render_template

app = Flask(__name__)

@app.route('/', methods=['GET', 'POST'])
def home():
   return render_template('home.html')

@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':
   # 通过render_template()函数来实现模板的渲染。
       return render_template('signin-ok.html', username=username)
   return render_template('form.html', message='Bad username or password', username=username)

if __name__ == '__main__':
   app.run()
templates
form.html
<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>
home.html
<html>
<head>
 <title>Home</title>
</head>
<body>
 <h1 style="font-style:italic">Home</h1>
</body>
</html>
signin-ok.html
<html>
<head>
 <title>Welcome, {{ username }}</title>
</head>
<body>
 <p>Welcome, {{ username }}!</p>
</body>
</html>

以上是关于Web的主要内容,如果未能解决你的问题,请参考以下文章

代码片段 - Golang 实现简单的 Web 服务器

高效Web开发的10个jQuery代码片段

高效Web开发的10个jQuery代码片段

web前端开发JQuery常用实例代码片段(50个)

几条jQuery代码片段助力Web开发效率提升

markdown 在Intel Nuc上设置Ubuntu Web服务器,步骤和代码片段