DIY一个Web框架

一、前言

二、框架结构及实现流程

三、总结

一、前言

　　当我们了解了Web应用和Web框架，以及HTTP协议的原理之后，我们可以自己动手DIY一个最简单的WEB框架，以加深对Web框架的理解，并为即将学习的Django探探路。

二、框架结构及实现流程

　　1.框架结构的内容如下图所示

　　我们DIY的这个Web框架按照启动的先后顺序，大致分为这样几个部分，分别是models.py、manage.py、urls.py、views.py、templates(html文件)五个部分，下面我们分别对这五个部分进行实现，最后，进行运行测试，验证框架的的可用性。

　　2.实现流程

　　(1) models.py -- 与数据库相关的，在我们的项目启动前，利用models.py在数据库中创建表结构，注意，仅运行一次。

#！/usr/bin/env python3

#!-*- coding:utf-8-*-

# write by cc

import pymysql

# 1.建立连接

conn = pymysql.connect(

    host = 'localhost',

    port = 3306,

    user = 'cc1',

    password = 'cc111',

    db = 'db1',

    charset = 'utf8'

)

# 2.获取游标

cursor = conn.cursor()

# cursor = conn.cursor(pymysql.cursor.DictCursor) # 设游标类型为字典类型

# 3.执行sql语句

sql = "create table users(id int,user char(12),pwd char(12))"

rows = cursor.execute(sql)

print(rows) # 打印受影响的记录条数

# 4.提交（必须提交，才能实现操作）

conn.commit()

# 5.关闭游标和连接

cursor.close()

conn.close()

　　(2) manage.py -- 项目的启动文件

from wsgiref.simple_server import make_server

from urls import url_list

def application(environ,start_response):

    path = environ.get("PATH_INFO")

    print(path)

    start_response("200 OK",[('Content-Type','text/html')])

    func = None

    for item in url_list:

        if path == item[0]:

            func = item[1]

            break

    if func:

        return [func(environ)]

    else:

        return [b'404 Not found']

if __name__ == '__main__':

    httpd = make_server("",8080,application) # 指定端口

    print('Serving HTTP on port 8080...')

    httpd.serve_forever() # 开启监听

　　(3) urls.py -- url控制器，反映路径与视图函数的映射关系

from app01.views import *

url_list = [

    ('/favcion.ico',fav),

    ('/index',index),

    ('/login',login),

    ('/reg',reg),

    ('/timer',timer),

    ('/auth',auth)

]

　　(4) views.py -- 视图函数，固定接收一个形式参数：environ

from urllib.parse import parse_qs

def fav(environ):

    with open('templates/favcion.ico','rb') as f:

        data = f.read()

    return data

def index(environ):

    with open('templates/index.html','rb') as f:

        data = f.read()

    return data

def login(environ):

    with open('templates/login.html','rb') as f:

        data = f.read()

    return data

def reg(environ):

    with open('templates/reg.html','rb') as f:

        data = f.read()

    return data

def timer(environ):

    import datetime

    now = datetime.datetime.now().strftime("%y-%m-%d %X")

    return now.encode('utf-8')

def auth(environ):

    try:

        request_body_size = int(environ.get('CONTENT_LENGTH',0))

    except(ValueError):

        request_body_size = 0

    request_body = environ['wsgi.input'].read(request_body_size)

    data = parse_qs(request_body)

    # 解析出用户输入的用户名和密码

    user = data.get(b'user')[0].decode('utf8')

    pwd = data.get(b'pwd')[0].decode('utf8')

    # 连接数据库

    import pymysql

    conn = pymysql.connect(host='localhost',port=3306,user='cc1',password='cc111',db='db1',charset='utf8')

    # 创建游标

    cursor = conn.cursor()

    # 执行数据查询、插入等操作

    sql = 'select * from users where user=%s and pwd=%s'

    cursor.execute(sql,(user,pwd))

    # 验证是否能取出相关记录

    if cursor.fetchone():

        print(cursor.fetchone())

        f = open('templates/backend.html','rb')

        data = f.read()

        data = data.decode('utf8')

        return data

    else:

        return b'user or password is wrong'

　　(5) templates -- 储存 html 文件，当用户输入的路径正确存在与url控制器中时，为用户展示指定的页面。

　　favcion.ico 是一个缩略图，可自由指定。

　　index.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>首页</title>

</head>

<body>

    <h1>Hello world!</h1>

    <h2>Boys and girls!</h2>

    <h3><a href="https://www.cnblogs.com/schut"/>This is my web</a></h3>

    <img src="https://pic.cnblogs.com/avatar/1209144/20170813234607.png">

</body>

</html>

　　login.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>登录</title>

</head>

<body>

    <h1>Hello world!</h1>

    <h2>Boys and girls!</h2>

    <form action="http://127.0.0.1:8080/auth" method="post">

        姓名<input type="text" name="user">

        密码<input type="password" name="pwd">

        <input type="submit">

    </form>

</body>

</html>

　　reg.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>注册页面</title>

</head>

<body>

    <h3>欢迎来到注册页面</h3>

    <form action="" method="post">

        用户名:<input type="text" name="username"><br/>

        密 码:<input type="password" name="pwd"><br/>

        再次输入密码:<input type="password" name="pwd2"><br/>

        <input type="submit">

        <input type="reset">

    </form>

</body>

</html>

　　backend.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>index</title>

</head>

<body>

    <h2>欢迎登录</h2>

</body>

</html>

三、总结

　　以上DIY的简易框架，大致可以分为五个部分，各自承担不同的作用，缺一不可。

manage.py -- 启动文件，封装socket

1   urls.py -- 路径与视图函数的映射关系 ------------- url控制器

2   views.py -- 视图函数，固定接收一个形式参数：environ ------- 视图函数

3   templates文件夹 -- html文件 -------模板

4   models --在项目启动前，在数据库中创建表结构  ----- 与数据库相关