• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

dya49:django:wsgrief&模板渲染Jinjia2&django的MTV/MVC框架&创建/启动一个django项目

开发技术 开发技术 2周前 (09-09) 15次浏览

目录

1.自定义web框架wsgiref版

2.自定义web框架wsgiref版-优化

3.模板渲染JinJa2

4.MTV和MVC框架

5.django:下载安装&创建启动

自定义web框架wsgiref版

1.wsgiref构建服务端

wsgiref本身就是个web框架,提供了一些固定的功能(请求和响应信息的封装),

有了wsgiref我们就不需要自己写原生的socket了

也不需要咱们自己来完成请求信息的提取了

整体结构和socketserver类似

from urllib.parse import parse_qs
from wsgiref.simple_server import make_server
import webauth
def application(environ, start_response):

    # start_response('200 OK', [('Content-Type', 'text/html'),('k1','v1')])
    # start_response('200 OK', [('Content-Type', 'text/html'),('charset','utf-8')])
    start_response('200 OK', [('Content-Type', 'text/html')])
    print(environ)
    print(environ['PATH_INFO'])
    path = environ['PATH_INFO']
    #用户获取login页面的请求路径
    if path == '/login':
        with open('web.html','rb') as f:
            data = f.read()
    #针对form表单提交的auth路径,进行对应的逻辑处理
    elif path == '/auth/':
        #登陆认证
        #1.获取用户输入的用户名和密码

        #2.去数据库做数据的校验,查看用户提交的是否合法
        # user_information = environ['']
        if environ.get("REQUEST_METHOD") == "POST":
            #获取请求体数据的长度,因为提交过来的数据需要用它来提取,注意POST请求和GET请求的获取数据的方式不同
            try:
                request_body_size = int(environ.get('CONTENT_LENGTH', 0))
            except (ValueError):
                request_body_size = 0
            #POST请求获取数据的方式
            request_data = environ['wsgi.input'].read(request_body_size)
            print('>>>>>',request_data) # >>>>> b'username=chao&password=123',是个bytes类型数据
            print('?????',environ['QUERY_STRING']) #????? 空的,因为post请求只能按照上面这种方式取数据
            #parse_qs可以帮我们解析数据
            re_data = parse_qs(request_data)
            print('拆解后的数据',re_data) #拆解后的数据 {b'password': [b'123'], b'username': [b'chao']}            #post请求的返回数据我就不写啦        pass
        if environ.get("REQUEST_METHOD") == "GET":
            #GET请求获取数据的方式,只能按照这种方式取
            print('?????',environ['QUERY_STRING']) #????? username=chao&password=123,是个字符串类型数据
            request_data = environ['QUERY_STRING']

            # parse_qs可以帮我们解析数据
            re_data = parse_qs(request_data)
            print('拆解后的数据', re_data) #拆解后的数据 {'password': ['123'], 'username': ['chao']}
            username = re_data['username'][0]
            password = re_data['password'][0]
            print(username,password)
            #进行验证:
            status = webauth.auth(username,password)
            if status:
            # 3.将相应内容返回
                with open('websuccess.html','rb') as f:
                    data = f.read()
            else:
                data = b'auth error'
        # 但是不管是post还是get请求都不能直接拿到数据,拿到的数据还需要我们来进行分解提取,所以我们引入urllib模块来帮我们分解



        #注意昂,我们如果直接返回中文,没有给浏览器指定编码格式,默认是gbk,所以我们需要gbk来编码一下,浏览器才能识别
        # data='登陆成功!'.encode('gbk')
    else:
        data = b'sorry 404!,not found the page'
    return [data]



#和咱们学的socketserver那个模块很像啊
httpd = make_server('127.0.0.1', 8080, application)

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

2.创建数据库并插入数据

如果我们要做一个登陆注册的一个界面,肯定要输入用户名和密码,这时候肯定要涉及数据库的操作了

so 我们在数据库中创建一些数据

mysql> create database db1;
Query OK, 1 row affected (0.00 sec)

mysql> use db1;
Database changed
mysql> create table userinfo(id int primary key auto_increment,username char(20) not null unique,password char(20) not null);
Query OK, 0 rows affected (0.23 sec)

mysql> insert into userinfo(username,password) values('chao','666'),('sb1','222');
Query OK, 2 rows affected (0.03 sec)
Records: 2  Duplicates: 0  Warnings: 0

mysql> select * from userinfo;
+----+----------+----------+
| id | username | password |
+----+----------+----------+
|  1 | chao     | 666      |
|  2 | sb1      | 222      |
+----+----------+----------+
2 rows in set (0.00 sec)

3.pymysql连接数据库对数据库进行操作

数据创建好了,我们现在想要用python数据库进行操作,所以需要pymysql来连接一下

#创建表,插入数据
def createtable():
    import pymysql
    conn = pymysql.connect(
        host='127.0.0.1',
        port=3306,
        user='root',
        password='666',
        database='db1',
        charset='utf8'
    )
    cursor = conn.cursor(pymysql.cursors.DictCursor)
    sql = '''
        -- 创建表
        create table userinfo(id int primary key auto_increment,username char(20) not null unique,password char(20) not null);
        -- 插入数据
        insert into userinfo(username,password) values('chao','666'),('sb1','222');
    '''
    cursor.execute(sql)
    conn.commit()
    cursor.close()
    conn.close()

4.auth登录验证

现在有数据库了,我们就可以对用户名和密码进行验证了

在auth函数中传入用户输入的用户名和密码,通过select查询结果确定用户名和面是否正确

#对用户名和密码进行验证
def auth(username,password):
    import pymysql
    conn = pymysql.connect(
        host='127.0.0.1',
        port=3306,
        user='root',
        password='123',
        database='db1',
        charset='utf8'
    )
    print('userinfo',username,password)
    cursor = conn.cursor(pymysql.cursors.DictCursor)
    sql = 'select * from userinfo where username=%s and password=%s;'
    res = cursor.execute(sql, [username, password])
    if res:
        return True
    else:
        return False

5.登录页面-login.html

在网页上,我们要看到一个用户名和密码的输入框,所以需要创建一个前端html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--如果form表单里面的action什么值也没给,默认是往当前页面的url上提交你的数据,所以我们可以自己指定数据的提交路径-->
<!--<form action="http://127.0.0.1:8080/auth/" method="post">-->
<form action="http://127.0.0.1:8080/auth/" method="get">
    用户名<input type="text" name="username">
    密码 <input type="password" name="password">
    <input type="submit">
</form>

<script>

</script>
</body>
</html>

6.登陆成功的跳转界面

登录成功后,有一个跳转页面,所以需要创建一个跳转页面的html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        h1{
            color:red;
        }
    </style>
</head>
<body>
<h1>宝贝儿,恭喜你登陆成功啦</h1>


</body>
</html>

自定义web框架wsgiref版-优化版

优化版和上面的版本有什么不同?

对之前的版本进行优化,将不同的函数按照功能分别写到不同的文件和文件夹中

下面是文件的一个结构图:

dya49:django:wsgrief&模板渲染Jinjia2&django的MTV/MVC框架&创建/启动一个django项目

关于上图的解释

1.static用于存放一些静态文件

  包括css js icon jpg图片这种文件

2.template存放前端html文件

3.auth用来存放一些需要验证的函数

import pymysql

def check(username, pwd):
    conn = pymysql.connect(
        host='152.136.114.188',
        port=3306,
        user='root',
        password='123456',
        database='django',
        charset='utf8'
    )
    cursor = conn.cursor()
    sql = 'select * from userinfo where username=%s and password=%s;'
    res = cursor.execute(sql, [username, pwd])
    if res:
        return True
    else:
        return False

4.manage.py是用来实现执行命令的函数

这样我们在pycharm命令行中通过 python manage.py xxx就可以执行相关命令了

from models import UserInfo
from wsgi import run

import sys
args = sys.argv
print(args)   #['manage.py', 'migrate']
print(args[1])
if args[1] == 'migrate':
   obj = UserInfo()
   obj.create_model()
elif args[1] == 'runserver':
     ip = args[2]
     port = int(args[3])
     print(ip,port)
     # print(type(port))
     run(ip, port)


 # python manage.py runserver 127.0.0.1 8001

5.models.py是和数据库相关的

主要完成了用python连接mysql的相关配置信息以及python对mysql进行一些增删改查操作用的

class UserInfo:

    def create_model(self):
        import pymysql

        conn = pymysql.connect(
            host='152.136.114.188',
            port=3306,
            user='root',
            password='123456',
            database='django',
            charset='utf8'
        )
        cursor = conn.cursor()

        sql = '''
            create table userinfo(id int primary key auto_increment, username char(10), password char(10));

        '''
        cursor.execute(sql)
        conn.commit()

6.urls.py是用来确定url路径的,并且通过访问相应的路径,可以执行和路径相关的函数(view)

import views
urlpatterns = [

    ('/home', views.home),
    ('/login', views.login),
    ('/vip.html', views.vip),
    ('/favicon.ico', views.ico),
    ('/test.css', views.css),
    ('/test.js', views.js),
    ('/2.jpg', views.jpg),

]

7.views.py是用来实现主要逻辑的,和项目内容逻辑相关的函数都写在这里面

def home(environ):

    msg = {'name': 'chao', 'hobby': ['女人', 'ddj', '小电影']}
    # with open('./templates/index.html', 'rb') as f:
    #     data = f.read()
    with open('./templates/index.html', 'r', encoding='utf-8') as f:
        data = f.read()
    
    t = Template(data)
    ret = t.render(msg)

    return ret.encode('utf-8')

8.wsgi.py是web框架的服务器, 它代替了socket

from urls import urlpatterns
from wsgiref.simple_server import make_server

def run(ip, port):
    # print('xxxxxxxx')
    def application(environ, start_response):
        '''
        :param environ: 是全部加工好的请求信息,加工成了一个字典,通过字典取值的方式就能拿到很多你想要拿到的信息
        :param start_response: 帮你封装响应信息的(响应行和响应头),注意下面的参数
        :return:
        '''
        path = environ['PATH_INFO']

        for url in urlpatterns:
            if url[0] == path:
                data = url[1](environ)
                break
        else:
            data = b'404 page not found'


        start_response('200 OK', [('a', '1'), ])

        return [data]

    httpd = make_server(ip, port, application)

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

模板渲染JinJa2

如果我们想实现一个动态页面

之前使用的方法是:

假设以时间为例,在前端页面上显示时间戳(刷新就会显示当前时间戳)

怎么做到这件事呢?

def html(environ):
    # 1.创建一个当前时间时间戳
    current_time = str(time.time())

    # 2.读出当前的html文件
    with open('./templates/home.html', 'r', encoding='utf-8') as f:
        data = f.read()
    # 3.将文件中的xxoo替换为时间戳
    data = data.replace('xxoo', current_time).encode('utf-8')
    return data

在home.html中,搞一个字符串xxoo,然后时间戳就能够替换上去了

<body>
    <!-- 在html文件中,写一个标签,其中的内容有xxoo -->
    <h1>皇家赌场--xxoo</h1>
    <a href="http://127.0.0.1:8002/vip.html">会员中心</a>
    <img src="2.jpg" alt="">
    <div class="c1" id="d1"></div>
</body>

其实,这种行为从专业角度老说,叫做模板渲染

这个过程其实就是HTML模板渲染数据

本质上就是HTML内容中利用一些特殊的符号来替换要展示的数据。

我这里用的特殊符号是我定义的

其实模板渲染有个现成的工具:JinJa2

用JinJa2实现动态界面

from jinja2 import Template


def index():
    with open("index2.html", "r",encoding='utf-8') as f:
        data = f.read()
    template = Template(data)  # 生成模板文件
    ret = template.render({"name": "于谦", "hobby_list": ["烫头", "泡吧"]})  # 把数据填充到模板里面
    return [bytes(ret, encoding="utf8"), ]

在JinJa2中 特殊符号就是{{  }} or {%  %}

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="x-ua-compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Title</title>
</head>
<body>
    <h1>姓名:{{name}}</h1>
    <h1>爱好:</h1>
    <ul>
        {% for hobby in hobby_list %}
        <li>{{hobby}}</li>
        {% endfor %}
    </ul>
</body>
</html>

上面.py中的数据是我们手动写的

当然我们也可以从数据库中获取数据,但是前提一定要配置用pymysql配置好数据库哦

MTV和MVC框架

MVC框架

 Web服务器开发领域里著名的MVC模式,所谓MVC就是把Web应用分为模型(M),控制器(C)和视图(V)三层,他们之间以一种插件式的、松耦合的方式连接在一起,模型负责业务对象与数据库的映射(ORM),视图负责与用户的交互(页面),控制器接受用户的输入调用模型和视图完成用户的请求,其示意图如下所示:

dya49:django:wsgrief&模板渲染Jinjia2&django的MTV/MVC框架&创建/启动一个django项目

MTV框架

 Django的MTV模式本质上和MVC是一样的,也是为了各组件间保持松耦合关系,只是定义上有些许不同,Django的MTV分别是指:

  • M 代表模型(Model): 负责业务对象和数据库的关系映射(ORM)。
  • T 代表模板 (Template):负责如何把页面展示给用户(html)。
  • V 代表视图(View):   负责业务逻辑,并在适当时候调用Model和Template。

  除了以上三层之外,还需要一个URL分发器,它的作用是将一个个URL的页面请求分发给不同的View处理,View再调用相应的Model和Template,MTV的响应模式如下所示:

  dya49:django:wsgrief&模板渲染Jinjia2&django的MTV/MVC框架&创建/启动一个django项目

  一般是用户通过浏览器向我们的服务器发起一个请求(request),这个请求回去访问视图函数,(如果不涉及到数据调用,那么这个时候视图函数返回一个模板也就是一个网页给用户),视图函数调用模型,模型去数据库查找数据,然后逐级返回,视图函数把返回的数据填充到模板中空格中,最后返回网页给用户。

django:下载安装&创建启动

1.下载django

pip3 install django==1.11.9

2.创建一个django的project

django-admin startproject mysite   # 创建了一个名为"mysite"的Django 项目:

当我们执行完这条指令后 ,会出现如下一堆文件

dya49:django:wsgrief&模板渲染Jinjia2&django的MTV/MVC框架&创建/启动一个django项目

这些文件的作用:

  • manage.py —– Django项目里面的工具,通过它可以调用django shell和数据库,启动关闭项目与项目交互等,不管你将框架分了几个文件,必然有一个启动文件,其实他们本身就是一个文件。
  • settings.py —- 包含了项目的默认设置,包括数据库信息,调试标志以及其他一些工作的变量。
  • urls.py —– 负责把URL模式映射到应用程序。
  • wsgi.py —- runserver命令就使用wsgiref模块做简单的web server,后面会看到renserver命令,所有与socket相关的内容都在这个文件里面了,目前不需要关注它。

3.创建django APP应用

刚才我们只是创建了一个django项目,但是里面并没有之前所提到的models.py views.py这些文件

这是因为我们只是创建了django项目,并没有创建一个django的app

所以这个app需要我们执行一条指令去创建

python manage.py startapp blog2  #创建一个django应用 每个应用的目录下都有自己的views.py视图函数和models.py数据库操作相关的文件

当我们执行完这条指令后,会发现文件夹多了几个文件

  dya49:django:wsgrief&模板渲染Jinjia2&django的MTV/MVC框架&创建/启动一个django项目

我们现在只需要看其中两个文件

    models.py :之前我们写的那个名为model的文件就是创建表用的,这个文件就是存放与该app(应用)相关的表结构的

    views.py    :存放与该app相关的视图函数的

      其他的先不用管,以后会知道的

4.启动django项目

python manage.py runserver 8080   # python manage.py runserver 127.0.0.1:8080,本机就不用写ip地址了 如果连端口都没写,默认是本机的8000端口

这样我们的django就启动起来了。当我们访问:http://127.0.0.1:8080/时就可以看到:

       dya49:django:wsgrief&模板渲染Jinjia2&django的MTV/MVC框架&创建/启动一个django项目

这是django里自己写的一个html文件,当看到这个页面就说明,我们的django启动成功了

 


喜欢 (0)