day49:django:wsgrief&模板渲染Jinjia2&django的MTV/
目录1.自定义web框架wsgiref版 2.自定义web框架wsgiref版-优化版 3.模板渲染JinJa2 4.MTV和MVC框架 5.django:下载安装&创建启动 自定义web框架wsgiref版1.wsgiref构建服务端wsgiref本身就是个web框架,提供了一些固定的功能(请求和响应信息的封装), 有了wsgiref我们就不需要自己写原生的socket了 也不需要咱们自己来完成请求信息的提取了 整体结构和socketserver类似 2.登录函数逻辑登录操作 进入页面为get请求 提交数据是post请求 def login(environ): # 回复login.html environ['QUERY_STRING'] --'username=chao' method = environ['REQUEST_METHOD'] if method == GET': 打开login页面 with open(login.html',rb) as f: data = f.read() return data else: print(environ) content_length = int(environ.get(CONTENT_LENGTH 获取'username=asdf&password=asdf的长度 environ['wsgi.input']是post对象,对象中内置了read方法,参数是长度,读出来的是字节流,再decode一下,得到字符串 data = environ[wsgi.input'].read(content_length).decode(utf-8') environ['wsgi.input']是post对象 post请求提交过来的数据 print(请求数据为请求数据为 b'username=asdf&password=asdf 使用parse_qs的原因:'username=asdf&password=asdf这个字符串把用户名和密码完全切割出来太麻烦 parse_qs可以将这个字符串格式化成我们需要的字典,这样的话取值非常方便 data = parse_qs(data) 格式化之后的数据格式化之后的数据 {'username': ['chao'],'password': ['123']} 通过字典轻而易举获取post提交过来的用户名和密码 uname = data.get(username) pwd = data.get(password) 调用check函数 检测用户名密码是否正确,返回一个是否成功状态status status = check(uname,pwd) 登录成功 跳转到html页面 if status: data = html(environ) data 登录失败 给一个错误提示 : return bgunduzi' 3.application函数逻辑(替代socket)application(environ,start_response): ''' :param environ: 是全部加工好的请求信息,加工成了一个字典,通过字典取值的方式就能拿到很多你想要拿到的信息 :param start_response: 帮你封装响应信息的(响应行和响应头),注意下面的参数 :return: ''' path = environ[PATH_INFO(environ) urlpatterns = [ ('/',html),('/login',login),('/vip.html',vip),('/spa.ico',ico),('/test.css',css),('/test.js',js),('/2.jpg',jpg),] ''' 4.创建数据库并插入数据如果我们要做一个登陆注册的一个界面,肯定要输入用户名和密码,这时候肯定要涉及数据库的操作了 so 我们在数据库中创建一些数据 mysql> create database db1; Query OK,1 row affected (0.00 sec) mysqluse db1; Database changed mysqltable userinfo(id int primary key auto_increment,username char(20) not null unique,password null); Query OK,1); font-weight: bold">0 rows affected (0.23insert into userinfo(username,password) values('chao666'),(sb12222 rows affected (0.03 sec) Records: 2 Duplicates: 0 Warnings: 0 mysqlselect * from userinfo; +----+----------+----------+ | id | username | password | | 1 | chao | 666 2 | sb1 222 2 rows in set (0.00 sec) 5.pymysql连接数据库对数据库进行操作数据创建好了,我们现在想要用python对数据库进行操作,所以需要pymysql来连接一下 创建表,插入数据 createtable(): import pymysql conn = pymysql.connect( host==root666db1utf8 ) 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() 6.auth登录验证现在有数据库了,我们就可以对用户名和密码进行验证了 在auth函数中传入用户输入的用户名和密码,通过select查询结果确定用户名和面是否正确 对用户名和密码进行验证 auth(username,password): 123 ) userinfoselect * from userinfo where username=%s and password=%s; res = cursor.execute(sql,[username,password]) res: True return False 7.登录页面-login.html在网页上,我们要看到一个用户名和密码的输入框,所以需要创建一个前端html文件 <!DOCTYPE html> <html lang="en"head> meta charset="UTF-8"title>Title</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" 密码 ="password"="password"="submit"form> scripthtml> 8.登陆成功的跳转界面登录成功后,有一个跳转页面,所以需要创建一个跳转页面的html文件 style> h1{ color:red; } h1>宝贝儿,恭喜你登陆成功啦> > 自定义web框架wsgiref版-优化版优化版和上面的版本有什么不同?对之前的版本进行优化,将不同的函数按照功能分别写到不同的文件和文件夹中 下面是文件的一个结构图:关于上图的解释1.static用于存放一些静态文件 包括css js icon jpg图片这种文件 2.template存放前端html文件 3.auth用来存放一些需要验证的函数 pymysql check(username,pwd): conn =152.136.114.188123456django conn.cursor() sql = return False 4.manage.py是用来实现执行命令的函数 这样我们在pycharm命令行中通过 python manage.py xxx就可以执行相关命令了 from models UserInfo from wsgi run 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]) (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: create_model(self): pymysql conn = pymysql.connect( host= ) 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) views urlpatterns = [ (/home/login/vip.html/favicon.ico/test.css/test.js/2.jpghome(environ): msg = {name': chaohobby': [女人ddj小电影]} with open('./templates/index.html','rb') as f: data = f.read() with open(./templates/index.htmlr) as f: data = f.read() t = Template(data) ret = t.render(msg) return ret.encode(') 8.wsgi.py是web框架的服务器, 它代替了socket from urls urlpatterns from wsgiref.simple_server make_server run(ip,port): print('xxxxxxxx') :param environ: 是全部加工好的请求信息,加工成了一个字典,通过字典取值的方式就能拿到很多你想要拿到的信息 :param start_response: 帮你封装响应信息的(响应行和响应头),注意下面的参数 :return: path = environ[] urlpatterns: path: data = url[1](environ) break : data = b start_response( [data] httpd = make_server(ip,port,application) print('Serving HTTP on port 8001...') 开始监听HTTP请求: httpd.serve_forever() 模板渲染JinJa2如果我们想实现一个动态页面 之前使用的方法是: 假设以时间为例,在前端页面上显示时间戳(刷新就会显示当前时间戳) 怎么做到这件事呢? html(environ): 1.创建一个当前时间时间戳 current_time = str(time.time()) 2.读出当前的html文件 with open(./templates/home.html f.read() 3.将文件中的xxoo替换为时间戳 data = data.replace(xxoo) return data 在home.html中,搞一个字符串xxoo,然后时间戳就能够替换上去了 在html文件中,写一个标签,其中的内容有xxoo --> >皇家赌场--xxooa href="http://127.0.0.1:8002/vip.html">会员中心aimg src="2.jpg" alt=""div ="c1" id="d1"></div> 其实,这种行为从专业角度老说,叫做模板渲染 这个过程其实就是HTML模板渲染数据 本质上就是HTML内容中利用一些特殊的符号来替换要展示的数据。 我这里用的特殊符号是我定义的 其实模板渲染有个现成的工具:JinJa2 用JinJa2实现动态界面from jinja2 Template index(): with open("index2.html",1)"> f.read() template = Template(data) 生成模板文件 ret = template.render({": 于谦hobby_list": [烫头泡吧"]}) 把数据填充到模板里面 return [bytes(ret,1)">"),] 在JinJa2中 特殊符号就是{{? }} or {%? %} ="zh-CN"> http-equiv="x-ua-compatible" content="IE=edge"name="viewport"="width=device-width,initial-scale=1">姓名:{{name}}>爱好:ul {% for hobby in hobby_list %} li>{{hobby}} {% endfor %} > 上面.py中的数据是我们手动写的 当然我们也可以从数据库中获取数据,但是前提一定要配置用pymysql配置好数据库哦 MTV和MVC框架MVC框架Web服务器开发领域里著名的MVC模式,所谓MVC就是把Web应用分为模型(M),控制器(C)和视图(V)三层,他们之间以一种插件式的、松耦合的方式连接在一起,模型负责业务对象与数据库的映射(ORM),视图负责与用户的交互(页面),控制器接受用户的输入调用模型和视图完成用户的请求,其示意图如下所示: MTV框架Django的MTV模式本质上和MVC是一样的,也是为了各组件间保持松耦合关系,只是定义上有些许不同,Django的MTV分别是指:
除了以上三层之外,还需要一个URL分发器,它的作用是将一个个URL的页面请求分发给不同的View处理,View再调用相应的Model和Template,MTV的响应模式如下所示: 一般是用户通过浏览器向我们的服务器发起一个请求(request),这个请求回去访问视图函数,(如果不涉及到数据调用,那么这个时候视图函数返回一个模板也就是一个网页给用户),视图函数调用模型,模型去数据库查找数据,然后逐级返回,视图函数把返回的数据填充到模板中空格中,最后返回网页给用户。 django:下载安装&创建启动1.下载djangopip3 install django==1.11.9 2.创建一个django的projectdjango-admin startproject mysite 创建了一个名为"mysite"的Django 项目:
当我们执行完这条指令后 ,会出现如下一堆文件 这些文件的作用:
3.创建django APP应用刚才我们只是创建了一个django项目,但是里面并没有之前所提到的models.py views.py这些文件 这是因为我们只是创建了django项目,并没有创建一个django的app 所以这个app需要我们执行一条指令去创建 python manage.py startapp blog2 #创建一个django应用 每个应用的目录下都有自己的views.py视图函数和models.py数据库操作相关的文件 当我们执行完这条指令后,会发现文件夹多了几个文件 ?? 我们现在只需要看其中两个文件 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/时就可以看到: ? ? ? ? 这是django里自己写的一个html文件,当看到这个页面就说明,我们的django启动成功了 ? (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |