templates
1、母版
extends方法
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>{% block title %} {% endblock %}</title> 6 <link rel="stylesheet" href="/static/commons.css" /> 7 <style> 8 .pg-header{ 9 height: 50px; 10 background-color: seashell; 11 color: green; 12 } 13 </style> 14 {% block css %} {% endblock %} 15 </head> 16 <body> 17 <div class="pg-header">小男孩管理</div> 18 <div> 19 <a>asdf</a> 20 <a id="">asdf</a> 21 <a>asdf</a> 22 <a>asdf</a> 23 <a>asdf</a> 24 </div> 25 <iframe src="/"></iframe> 26 </body> 27 </html>
include方法
引入母版文件
1 {% extends 'master.html' %} 2 {% block title %}用户管理{% endblock %} 3 {% block content %} 4 <h1>用户管理</h1> 5 <ul> 6 {% for i in u %} 7 <li>{{ i }}</li> 8 {% endfor %} 9 </ul> 10 {% for i in u %} 11 {% include 'tag.html' %} 12 {% endfor %} 13 {% endblock %} 14 15 {% block css %} 16 <style> 17 body{ 18 background-color: red; 19 } 20 </style> 21 {% endblock %} 22 23 {% block js %} 24 <script> 25 //写js文件 26 </script> 27 {% endblock %}
小tips
HTML中引入CSS <link rel = 'stylesheet' herf = 'stactic/css文件/' />
2、自定义simple-tag
官方的
{{ item.event_start|date:"Y-m-d H:i:s"}} // 输入字符串转换成后面的时间格式 {{ bio|truncatewords:"30" }} // 只取输入的30个字符 {{ my_list|first|upper }} // 听说是第一个字符大写 {{ name|lower }} // 把字符串变成小写
自定制函数步骤
1、在app目录下创建templatetags目录
2、创建任意(abc).py文件
3、创建template对象register #一定要这么写不能改名字
from django import template register = template.Library()
4、书写函数加入装饰器
a. @register.simple_tag def add(v1,v2,v3): return v1 + v2 + v3 b. @register.filter def subtraction(a1,a2): return a1 - a2
5、在settings文件中注册app
6、在html文件顶部引入该py文件
{% load abc %} //引入py文件 只能用{% %} 调用函数的方法 a. {% add 1 2 3 %} //调用函数加传参数 b. {{ 5|subtraction:2 }} //函数名后面不能加空格 小tips {% load abc %} //先引入load {% extends " xx.html " %}
两种方法的优缺点
simple_tag 缺点: 不能作为if条件 优点: 参数任意 filter 缺点: 最多两个参数,不能加空格 优点: 能作为if条件 {% if {{ 5|subtraction:2 }} %}
3.分页
我们可以通过从后端发送标签(<a herf="...">123</a>)到前端的方法实现页面的某些功能
但django默认会认为所有在页面显示的都是不安全的(为了防止XSS攻击),so有以下操作
//假设传来的参数是page_list 方法一(前端) {{ page_list|safe }} //加上|safe 就变成安全的 方法二(后端) from django.utils.safestring import mark_safe def page_list(id,arg): #内容瞎写的,别信 result = "<input type='text' id='%s' class='%s' />" %(id,arg,) return render(....,{'page_list',mark_safe(result)}) #make_safe(里面的东西就变成安全的)fenye
我们可以(在根目录建立一个文件夹utils)写一个类,里面封装着分页的操作(里面有一个bug,跳转框输入数字 不管存不存在都会跳转到那个页面)
1 from django.utils.safestring import mark_safe 2 3 4 class Page: 5 def __init__(self, current_page, data_count, per_page_count=10, pager_num=7): 6 self.current_page = current_page 7 self.data_count = data_count 8 self.per_page_count = per_page_count 9 self.pager_num = pager_num 10 11 @property #可以直接调用不用加(),好看一些 12 def start(self): 13 return (self.current_page - 1) * self.per_page_count 14 15 @property 16 def end(self): 17 return self.current_page * self.per_page_count 18 19 @property 20 def total_count(self): 21 v, y = divmod(self.data_count, self.per_page_count) 22 if y: 23 v += 1 24 return v 25 26 def page_str(self, base_url): 27 page_list = [] 28 29 if self.total_count < self.pager_num: 30 start_index = 1 31 end_index = self.total_count + 1 32 else: 33 if self.current_page <= (self.pager_num + 1) / 2: 34 start_index = 1 35 end_index = self.pager_num + 1 36 else: 37 start_index = self.current_page - (self.pager_num - 1) / 2 38 end_index = self.current_page + (self.pager_num + 1) / 2 39 if (self.current_page + (self.pager_num - 1) / 2) > self.total_count: 40 end_index = self.total_count + 1 41 start_index = self.total_count - self.pager_num + 1 42 43 if self.current_page == 1: 44 prev = '<a class="page" href="javascript:void(0);">上一页</a>' 45 else: 46 prev = '<a class="page" href="%s?p=%s">上一页</a>' % (base_url, self.current_page - 1,) 47 page_list.append(prev) 48 49 for i in range(int(start_index), int(end_index)): 50 if i == self.current_page: 51 temp = '<a class="page active" href="%s?p=%s">%s</a>' % (base_url, i, i) 52 else: 53 temp = '<a class="page" href="%s?p=%s">%s</a>' % (base_url, i, i) 54 page_list.append(temp) 55 56 if self.current_page == self.total_count: 57 nex = '<a class="page" href="javascript:void(0);">下一页</a>' 58 else: 59 nex = '<a class="page" href="%s?p=%s">下一页</a>' % (base_url, self.current_page + 1,) 60 page_list.append(nex) 61 62 jump = """ 63 <input type='text' /><a onclick='jumpTo(this, "%s?p=");'>GO</a> 64 <script> 65 function jumpTo(ths,base){ 66 var val = ths.previousSibling.value; 67 location.href = base + val; 68 } 69 </script> 70 """ % (base_url,) 71 72 page_list.append(jump) 73 74 page_str = mark_safe("".join(page_list)) 75 76 return page_str
直接调用类里面的方法
from utils import pagination LIST = [] for i in range(500): LIST.append(i) def user_list(request): current_page = request.GET.get('p', 1) #1是干嘛的 ==> 第一次请求的时候默认看第一页 current_page = int(current_page) page_obj = pagination.Page(current_page,len(LIST)) data = LIST[page_obj.start:page_obj.end] page_str = page_obj.page_str("/user_list/") return render(request, 'user_list.html', {'data': data,'page_str': page_str})
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 </head> 7 <body> 8 <ul> 9 {% for i in data %} 10 <li>{{ i }}</li> 11 {% endfor %} 12 </ul> 13 14 <div> 15 {{ page_str }} 16 </div> 17 </body> 18 </html>
小Tips
a. for i in range(1,5): print(i) >>1,2,3,4 b. herf = "javascript:void(0)" <==> herf = '#' //啥也不干
c. /index/?p=1 获取方法: page = request.GET.get('p')
4.cookie
获取cookie
request.COOKIES['key'] request.get_signed_cookie(key, default=RAISE_ERROR, salt='', max_age=None) 参数: default: 默认值 salt: 加密盐 max_age: 后台控制过期时间
设置cookie
rep = HttpResponse(...) 或 rep = render(request, ...) 或 redirect('/index/') rep.set_cookie(key,value,...) rep.set_signed_cookie(key,value,salt='加密盐',...) 参数: key, 键 value='', 值 max_age=None, 超时时间 #max_age=10 以s作单位 expires=None, 超时时间(IE requires expires, so set it if hasn't been already.) path='/', Cookie生效的路径,/ 表示根路径,特殊的:根路径的cookie可以被任何url的页面访问 domain=None, Cookie生效的域名 secure=False, https传输 httponly=False 只能http协议传输,无法被JavaScript获取(不是绝对,底层抓包可以获取到也可以被覆盖)
import datetime current_date = datetime.datetime.utcnow() current_date = current_date+datetime.timedelta(seconds=5) #5s
小tips
import hashlib m = hashlib.md5('sdcxzmvdvk') #这里面加的就是盐 m.update('abc123')
前端也可以设置,获取cookie
<script src='/static/jquery'></script> <script src='/static/js/jquery.cookie.js'></script> //设置 $.cookie("key", 'value',{ path: '/' ,...}); //获取 $.cookie('key')
示例:
views.py
1 def cookie(request): 2 # 3 # request.COOKIES 4 # request.COOKIES['username111'] 5 request.COOKIES.get('username111') 6 7 response = render(request,'index.html') 8 response = redirect('/index/') 9 # 设置cookie,关闭浏览器时失效 10 response.set_cookie('key',"value") 11 # 设置cookie, N秒后失效 12 response.set_cookie('username111',"value",max_age=10) 13 # 设置cookie, 截止时间失效 14 import datetime 15 current_date = datetime.datetime.utcnow() 16 current_date = current_date + datetime.timedelta(seconds=5) 17 response.set_cookie('username111',"value",expires=current_date) 18 response.set_cookie('username111',"value",max_age=10) 19 20 # request.COOKIES.get('...') 21 # response.set_cookie(...) 22 obj = HttpResponse('s') 23 24 obj.set_signed_cookie('username',"kangbazi",salt="asdfasdf") 25 request.get_signed_cookie('username',salt="asdfasdf") 26 27 return response
login.html
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <form action="/login/" method="POST"> 9 <input type="text" name="username" placeholder="用户名" /> 10 <input type="password" name="pwd" placeholder="密码" /> 11 <input type="submit" /> 12 </form> 13 </body> 14 </html>
index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1>欢迎登录:{{ current_user }}</h1> </body> </html>