您现在的位置是:首页 > 文章详情

Python全栈 Web(Django框架、模板)

日期:2018-10-15点击:390

1.Django中的模板(Templates)

1.什么是模板

模板就是要动态呈现给用户的网页

模板的本质就是网页- 前后端,动静结合的网页

Django的模板引擎是由Django自己提供的,并不是Jinja2,

                所以Django的模板语法与Flask(Jinja2)的语法会有一些不同


2.模板的设置

在 settings.py 中 有一个 TEMPLATES 变量

1.BACKEND:指定使用的模板的引擎

2.DIRS :指定模板的存放目录们

1.如果写东西:则按照写好的路径去找模板

2.如果未写东西:那么Django会自动的到每个应用中所有一个叫templates的目录来作为模板的存放目录

3.APP_DIRS : 是否自动搜索应用中的目录

True:表示搜索应用中的 templates 的目录


# Static files (CSS, JavaScript, Images) # https://docs.djangoproject.com/en/1.11/howto/static-files/ # 静态文件的访问路径 STATIC_URL = '/static/' # 静态文件的存储路径 STATICFILES_DIRS = (os.path.join(BASE_DIR, 'static'),)


1.通过 loader 对象获取模板,再通过HttpResponse进行响应

from django.template import loader

def xxViews(request):

#1.通过 loader 加载模板

t = loader.get_template("模板名称")

#2.将模板渲染成字符串

html = t.render()

#3.将字符串通过HttpResponse响应给客户端

return HttpResponse(html)

2.使用 render 直接加载并响应模板

def xxViews(request):

return render(request,'模板的名称')


 # Create your views here. def temp_views(request): #1.通过loader加载模板 t=loader.get_template('01-temp.html') #2.将模板渲染成字符串 html=t.render() #3.再通过HttpResponse将字符串响应给浏览器 return HttpResponse(html) # 使用render加载模板 def temp02_views(request): return render(request, '01-temp.html')


4.模板的语法

1.变量

1.作用:将后端的数据传递给模板进行显示

2.在Django中允许作为变量传递给模板的数据类型

字符串,整数,列表,元组,字典,函数,对象

3.变量的语法

变量们必须要封装到字典中才能传递给模板

1.使用 loader 加载模板

dic = {

'变量名1':'值1',

'变量名2':'值2',

}


t = loader.get_template('xxx.html')

html = t.render(locals() 或 dic)

return HttpResponse(html)

2.使用 render 加载并返回模板

dic = {

'变量名1':'值1',

'变量名2':'值2',

}

return render(request,'xx.html',dic)

4.在模板中使用变量

{{变量名}}



 # http://localhost:8000/03-var def var_views(request): str = "模板中的变量-字符串" num = 3306 tup = ('谢逊','韦一笑','殷素素','金花婆婆') list = ['孙悟空','猪八戒','沙和尚'] dic = { 'BJ':'北京', 'SZ':'深圳', 'SH':'上海', } say = sayHi() dog = Dog() return render(request,'03-var.html',locals())


<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!-- 取出每个变量进行显示 --> <h3>str:{{ str }}</h3> <h3>num:{{ num }}</h3> <h3>tup:{{ tup }}</h3> <h3>tup[0]:{{ tup.0 }}</h3> <h3>list:{{ list }}</h3> <h3>list[1]:{{ list.1 }}</h3> <h3>dic:{{ dic }}</h3> <h3>dic['SZ']:{{ dic.SZ }}</h3> <h3>say:{{ say }}</h3> <h3>dog.name:{{ dog.name }}</h3> <h3>dog.eat:{{ dog.eat }}</h3> <!-- 宠物名称:{{ dog.name }} --> {% comment "宠物名称" %} 宠物名称:{{ dog.name }} {% endcomment %} </body> </html>

django中不同于jinja2的模板 django的模板中不能使用索引和切片

只能通过·的方式来获取元素 但不影响循环

2.标签

1.作用

将服务器端的功能嵌入到模板中

2.语法

{% 标签内容 %}

3.常用标签

1. comment 标签

2. for 标签

作用:循环遍历 列表,字典,元组

语法:

{% for 变量 in 列表|元组|字典 %}

{% endfor %}


循环中允许使用 forloop 内置变量来获取循环的信息

forloop.counter : 当前循环遍历的次数

forloop.first : 判断是否为第一次循环

forloop.last : 判断是否为最后一次循环


3.if 标签

作用:在模板中完成变量的判断操作

语法:

1. if

{% if 条件 %}

满足条件时要执行的内容

{% endif %}

2. if ... else

{% if 条件 %}

满足条件时要执行的内容

{% else %}

不满足条件时要执行的内容

{% endif %}

3.if ... elif ... else

{% if 条件1 %}

满足条件1时要执行的内容

{% elif 条件2 %}

或满足条件2时要执行的内容

{% elif 条件3 %}

或满足条件3时要执行的内容

{% else %}

或以上条件都不满足时要执行的内容

{% endif %}



 <!-- 通过for循环便利tup --> <h1>使用for循环便利tup</h1> {% for t in tup %} <p {% if forloop.first %} style="background:red;" {% elif forloop.last %} style="background:blue;" {% else %} style="background:pink;" {% endif %} > <span>内容:{{ t }}</span> <br> <span>下标:{{ forloop.counter0 }}</span> <br> <span>次数:{{ forloop.counter }}</span> <br> <span>第一次循环:{{ forloop.first }}</span> <br> <span>最后一次循环:{{ forloop.last }}</span> </p> {% endfor %} 
 <h1>通过for实现的select</h1> <select> {% for t in tup %} <option value="{{ forloop.counter0 }}" {% if forloop.last %} selected {% endif %} >{{ t }}</option> {% endfor %} </select>
 



3.过滤器

1.什么是过滤器

在变量输出显示之前,对变量进行筛选和过滤

2.过滤器的语法

{{变量|过滤器:参数}}


3.常用过滤器

1.{{value|upper}}

将value变为大写

2.{{value|lower}}

将value变为小写

3.{{value|add:num}}

将num值累加到value之后

4.{{value|floatformat:n}}

将value四舍五入到n位小数

5.{{value|truncatechars:n}}

将value截取保留至n位字符(包含...)


4.静态文件

1.什么是静态文件

在Django中,不被解释器所动态解析的文件就是静态文件

2.Django中静态文件的处理

在settings.py中设置有关静态文件的信息:

1.设置静态文件的访问路径

在浏览器中通过哪个地址能够找到静态文件

STATIC_URL = '/static/'

如果访问路径是 http://localhost:8000/static/...,那么就到静态文件存储路径中找文件而不走路由(urls.py)

2.设置静态文件的存储路径

指定静态文件存储在服务器上的哪个位置处

STATICFILES_DIRS=(os.path.join(BASE_DIR,'static'),)

静态文件目录的存放位置:

1.在项目的根目录处创建一个 static 目录,用于保存静态文件们

2.每个应用中也可以创建一个 static 目录,用于保存静态文件们

3.访问静态文件

1.直接使用静态文件访问路径进行访问

http://localhost:8000/static/..

ex:

<img src="/static/images/a.jpg">

<img src="http://localhost:8000/static/images/a.jpg">

2.使用 {% static %} 访问静态资源

{% static %} 表示的就是静态资源的访问路径

1.在模板的最顶层增加

{% load static %}

2.在使用静态资源时

<img src="{% static 'images/a.jpg'%}">




 # http://localhost:8000/04-static def static_views(request): return render(request, '04-static.html')


{% load static %} <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!-- 显示静态资源文件 --> <p> <img src="/static/images/shuaige.jpg"> </p> <p> <img src="http://localhost:8000/static/images/shuaige.jpg"> </p> <p> <img src="{% static 'images/shuaige.jpg' %}"> </p> </body> </html>


原文链接:https://yq.aliyun.com/articles/653468
关注公众号

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。

持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。

文章评论

共有0条评论来说两句吧...

文章二维码

扫描即可查看该文章

点击排行

推荐阅读

最新文章