zoukankan      html  css  js  c++  java
  • 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>
    
  • 相关阅读:
    Lambda表达式 For Android
    RxJava重温基础
    Asp.Net Core 依赖注入默认DI,Autofac注入
    Asp.Net Core2.0 基于QuartzNet任务管理系统
    Asp.Net Core 基于QuartzNet任务管理系统(这是一篇用来水的随笔)
    ADO.NET通用类库
    TripleDES加密解密
    ASP.NET Core的身份认证框架IdentityServer4--(4)添加第三方快捷登录
    ASP.NET Core的身份认证框架IdentityServer4--(3)令牌服务配置访问控制跟UI(可自定义路由)添加
    ASP.NET Core的身份认证框架IdentityServer4--(2)API跟WEB端配置
  • 原文地址:https://www.cnblogs.com/huangqiang97/p/11839212.html
Copyright © 2011-2022 走看看