视图层
小白必会三板斧
HttpResponse
render
redirect
视图函数必须有一个返回值,并且返回值的数据类型必须是HttpResponse对象
JsonResponse
前后端分离
'''
前后端数据交互 该如何进行?
通常情况下前后端数据交互采用的都是json的字符串(字典)
后端只需要写好相应的url接口 前端访问你这个接口
你只需要返回一个大字典即可 + 开发文档
用来告诉前端工程师 你这个接口能够返回哪些数据
'''
前后端序列化反序列都用哪些方法
python后端 js
json.dumps JSON.stringify
json.loads
JSON.parse
def index(request):
user_dic = {'name':'jason好帅哦 我好喜欢~','password':'123'}
# 如何让json不自动帮你对中文进行转码
# json_str = json.dumps(user_dic,ensure_ascii=False)
# return HttpResponse(json_str)
# return JsonResponse(user_dic,json_dumps_params={'ensure_ascii':False})
l = [1,2,3,4,5,6,7,]
# JsonResponse默认是序列化字典用的 如果你想序列化其他数据类型(json模块能够序列化的) 你需要加一个safe参数
return JsonResponse(l,safe=False)
FBV
基本函数的视图
CBV
基于类的视图
from django.views import View
class MyLogin(View):
def get(self,requset):
print('我是MyLogin里面的get方法')
return render(requset,'login.html')
def post(self,requset):
print('我是MyLogin里面的post方法')
return HttpResponse('post')
注意路由的书写与CBV有点不同
url(r'^index/',views.index),
CBV写法
url(r'^index/',views.MyLogin.as_view())
给CBV加装饰器
from django.utils.decorators import method_decorator
# 2.可以指定给谁装
# @method_decorator(outter,name='post')
# @method_decorator(outter,name='dispatch')
class MyLogin(View):
@method_decorator(outter)
def dispatch(self, request, *args, **kwargs): # 如果你想在视图函数执行之前 做一些操作 你可以在你的CBV中定义dispatch方法来拦截
return super().dispatch(request,*args,**kwargs)
# @outter # 1.直接写
# @method_decorator(outter) # 1.推荐写法
def get(self,request):
print('我是MyLogin里面的get方法')
return render(request,'login.html')
# @outter
def post(self,request):
print('我是MyLogin里面的post方法')
time.sleep(1)
return HttpResponse('post')
模板层
模板语法
只有两种书写格式
{{}}:变量相关
{% %}逻辑相关,列如:for,if,
模板传值
能传所以数据类型
函数:
传函数名:{{ index1 }} 给HTML页面传递函数名的时候 模板语法会自动加括号调用该函数 并且将函数的返回值当做展示依据 模板语法不支持函数传参 也就意味着 你传给html页面的只能是不需要传参调用的函数
过滤器 语法结构 模板语法也给你提供了一些内置方法,帮你快速的处理数据(最多只能有两个参数)前后端取消转义
前端
|safe
后端
from django.utils.safestring import mark_safe
sss2 = "
我的h2标签
"res = mark_safe(sss2)
模板语法之过滤器会自动将|左边的数据当作过滤器的第一个参数传入 :右边的当做第二个参数
{
统计长度(如果无法统计默认返回0):{{ s|length }}
}{
加法运算(内部异常捕获 支持数字相加 字符串拼接 都不符合返回空):{{ n|add:f }}
}{
切片操作 顾头不顾尾 也支持步长:{{ l|slice:'0:5:2' }}
}{
判断是否有值(有值展示值本身 没值展示默认值):{{ is_value|default:'is_value变量名指向的值为空' }}
}{
自动转成文件大小格式:{{ file_size|filesizeformat }}
}{
截取文本内容(字符) 截取五个字符 三个点也算:{{ s|truncatechars:8 }}
}{
截取文本内容(按照空格计算) 截取五个单词 三个点不算 :{{ s1|truncatewords:5 }}
}默认情况下 是不会自动帮你转换成前端html标签 防止恶意攻击
{<p>展示带有标签的文本:{{ sss|safe }}</p>}
{<p>展示带有标签的文本:{{ sss1|safe }}</p>}
for if 联合使用
{% for foo in l %}
{% if forloop.first %}
这是我的第一次
{% elif forloop.last %}
这是最后一次了啊
{% else %}
{{ foo }}
{% endif %}
{% empty %}
当for循环的对象是空的时候会走
{% endfor %}
模板语法的取值只有一种方式 统一采用句点符
{{ comp_dic.hobby.2.2.age }}
自定义过滤器和标签 必须要先有三步准备: 在应用名下新建一个名字必须叫templatetags的文件在该文件夹内,新建一个任意名称的py文件
在该py文件中必须先写下面两句代码
from django.template import Library
register=Library()
之后就可以利用register来自定义过滤器和标签
使用自定义过滤器
需要先在html页面上加载 通过{% load 文件名 %}
自定义过滤器 跟默认的过滤器一样 最多只能接受两个参数
@register.filter(name='baby') # 通过事先在创建的py文件中的register进行.filter方法
def index(a,b):
return a + b
前端:
{% load 文件名 %}
{{1|baby:1}
# 若想传入多个参数的话只能以字符串的形式传入
{{1|baby:’1|2|3|4‘}} # 在通过字符串的切割就能取出多个
自定义标签
自定义标签 可以接受任意多个参数
@register.simple_tag(name='mytag')
def mytag(a,b,c,d):
return '%s?%s?%s?%s'%(a,b,c,d)
前端:
{% load 文件名 %}
{% mytag 'a','b','c','d' %}
注意:自定义的过滤器可以在逻辑语句中使用,而标签不可以
自定义inclusion_tag
自定义inclusion_tag
"""
是一个函数 能够接受外界传入的参数 然后传递给一个html页面
页面上获取数据 渲染 完成之后
将渲染好的页面 放到调用inclusion_tag的地方
"""
@register.inclusion_tag('mytag.html',name='xxx')
def index666(n):
l = []
for i in range(n):
l.append('第%s项'%i)
return locals() # 将l直接传递给mytag.html页面
在mytag.html中获取数据 渲染:
-
{% for foo in l %}
- {{foo}}
-
{%endfor%}
text.html中展示渲染好的页面:
{% load mytag %}
{{xxx 10}}
模板的继承
你需要事先在你想要使用的页面上 划定区域 之后在继承的时候 你就可以使用你划定的区域
也就意味着 如果你不划定任何区域 那么你将无法修改页面内容先在你想要继承的页面上通过bolck划定你将来可能要改的区域
在子页面上线继承extends
利用block自动提示 选取你想要修改的内容区域
{% block content %}
'''
内部为被划定的html区域
'''
{% endblock %}在另一个html文件中:
{% extends 'home.html' %} # 继承哪一个页面
{% block content %}
修改模板中content区域内容
{% endblock %}模板上的block区域越多 页面的扩展性越强
建议你一个模板页面至少有三块区域:
css区域 html代码区域 可以设置多个block js区域
有了这三块区域 就能够实现每一个页面都有自己独立的css和js代码
{% extends 'home.html' %}
css样式:
{% block css %} <style> p { color: green; } </style>
页面内容
{% endblock %}
{% block content %}login页面
{% endblock %}js脚本
{% block js %}
{% endblock %}
你还可以在子页面上继续沿用父页面的内容
{{ block.super }}
模板的导入
将htnl页面当作模块直接导入使用导入需要使用的html页面
{% include 'bform.html' %}