python全栈教程,python技术栈全景图

2022-08-27 13:38:45 分类：python 阅读()

　　python全栈教程,python技术栈全景图

　　本文主要详细介绍Python全栈模板渲染。本文中的示例代码非常详细，具有一定的参考价值。感兴趣的朋友可以参考一下，希望能帮到你。

　　00-1010 1.标签1.1用于循环标签1.2如果标签1.3带有标签1.4csrftoken标签2。模板继承3。构成部分4。自定义过滤器5。自定义标签6.inclusion_tag自定义标签7。提示和练习总结

　　

目录

　　{%label%}

　　

1. 标签

　　保险商实验所

　　！-迭代对象都可以使用循环-

　　！-循环列表-

　　{% for foo in hobby %}

　　李{ { foo } }/李

　　{% empty %}！-当循环的数据为空或没有这样的变量时，显示empty下面的内容-

　　H1什么都没有/h1

　　{% endfor %}

　　/ul

　　保险商实验所

　　！-循环字典-

　　{% for foo in d1 %}！-只能得到钥匙-

　　李{ { foo } }/李

　　{% endfor %}

　　{% for key，值在d1.items %}中！-获取键-值对，项目。键，值都可以使用-

　　li{{ key }} - {{ value }}/li

　　{% endfor %}

　　/ul

　　对于loop对象

　　保险商实验所

　　{% for foo in hobby %}

　　对于循环标签对象，循环次数可以由计数器属性记录。

　　Li { { for loop . counter } }-{ { foo } }/Li从1开始计数。

　　Li { { for loop . counter 0 } }-{ { foo } }/Li从0开始计数。

　　Li { { for loop . rev counter } }-{ { foo } }/Li逆序，从1开始计数。

　　Li { { for loop . rev counter 0 } }-{ { foo } }/Li逆序，从0开始计数。

　　Li {{for循环。first}}-{{foo}}/Li如果是第一个循环，则为True。

　　Li {{forloop.last}}-{{foo}}/Li如果是最后一个循环，则得到True，其他为False。

　　{% endfor %}

　　/ul

　　{% for key，fabby 2 . items % }中的值

　　forloop.parentloop统计外部循环对象的循环次数。

　　{% for v in value %}

　　Li { { for loop . parent loop . counter } }-{ { for loop . counter } }-{ { v } }/Li

　　{% endfor %}

　　{% endfor %}

　　反向循环

　　<ul>

　　 {% for foo in hobby reversed %}

　　 <li>{{ foo }} </li>

　　 {% endfor %}

　　</ul>

　　

　　

　　

1.2 if标签

　　

{% if age > 18 %}
　　 <h1>太老了</h1>
　　{% elif age == 18 %}
　　 <h1>还行</h1>
　　{% else %}
　　 <h1>挺嫩</h1>
　　{% endif %}
　　{% if age > 18 or number > 100 %} <!-- 符号两边必须有空格 -->
　　 <h1>太老了</h1>
　　{% elif age == 18 %}
　　 <h1>还行</h1>
　　{% else %}
　　 <h1>挺嫩</h1>
　　{% endif %}
　　{% if hobbylength > 3 %} <!-- 可以配合过滤器来使用 -->
　　 <h1>爱好还挺多</h1>
　　{% else %}
　　 <h1>爱好不够多</h1>
　　{% endif %}
　　

　　f语句支持 and 、or、==、>、<、!=、<=、>=、in、not in、is、is not判断，注意条件两边都有空格。

　　注意:不能像下面这样写

　　

{% if a > b > c %}
　　...
　　{% endif %}
　　

　　Django的模板语言中属性的优先级大于方法

　　

d2 = {items: [11,22,33]}
　　优先使用items属性,不使用items方法,容易导致错误
　　<ul>
　　 {% for key,v in d2.items %}
　　 <li>{{ key }} -- {{ v }}</li>
　　 {% endfor %}
　　</ul>
　　

　　

　　

1.3 with标签

　　给调用过程比较长的数据起别名的.

　　

写法1.
　　{% with hobby2.xx.0 as kk %}
　　 <h1>{{ kk }}</h1>
　　 <h2>{{ kk }}</h2>
　　{% endwith %}
　　{% with kk=hobby2.xx.0 %}
　　 <h1>{{ kk }}</h1>
　　 <h2>{{ kk }}</h2>
　　{% endwith %}
　　

　　

　　

1.4 csrf token标签

　　

<form action="" method="post">
　　 {% csrf_token %} <!-- 加上这个标签之后,post请求就能通过django的csrf认证机制,就不需要注释settings的配置了 -->
　　 <input type="text" name="uname">
　　 <input type="submit">
　　</form>
　　

　　

　　

2. 模板继承

　　先创建一个母版(模板)

　　比如base.html

　　

<!DOCTYPE html>
　　<html lang="en">
　　<head>
　　 <meta charset="UTF-8">
　　 <title>Title</title>
　　 <meta name="viewport" content="width=device-width, initial-scale=1">
　　 <style>
　　 .c1{
　　 background-color: pink;
　　 height: 40px;
　　 }
　　 .left-menu{
　　 background-color: tan;
　　 width: 200px;
　　 min-height: 600px;
　　 }
　　 .item{
　　 background-color: yellow;
　　 height: 40px;
　　 border-bottom: 1px solid red;
　　 }
　　 .left{
　　 float: left;
　　 }
　　 .right{
　　 float: left;
　　 }
　　 </style>
　　 {% block css %}
　　 {% endblock %}
　　</head>
　　<body>
　　<div class="nav">
　　 <div class="c1">
　　 <a href="">32官网</a>
　　 <span>性感荷官, 在线发牌</span>
　　 </div>
　　</div>
　　<div class="main">
　　 <div class="left">
　　 <div class="left-menu">
　　 <div class="menu1 item">
　　 <a href="/t1/">菜单1</a> <!-- 写相对路径时,前面的斜杠必须写 -->
　　 </div>
　　 <div class="menu2 item">
　　 <a href="/t2/">菜单2</a>
　　 </div>
　　 <div class="menu3 item">
　　 <a href="/t3/">菜单3</a>
　　 </div>
　　 </div>
　　</div>
　　<div class="right">
　　 <div class="content">
　　 {% block content %}
　　 <h1>基础模板</h1>
　　 {% endblock %}
　　 </div>
　　</div>
　　</div>
　　</body>
　　{% block js %}
　　{% endblock %}
　　</html>
　　

　　在模板中预留block块(叫做 钩子)

　　

{% block content %}
　　	<h1>基础模板</h1>
　　{% endblock %}
　　

　　子页面中继承模板extends

　　并重写模板中预留的block块中的内容

　　{{ block.super }}显示模板的内容

　　

{% extends base.html %}
　　{% block css %}
　　 <style>
　　 .c1{
　　 background-color: green;
　　 height: 40px;
　　 }
　　 </style>
　　{% endblock %}
　　{% block content %}
　　 <h1>性感美女,在线指导</h1>
　　 {{ block.super }} <!-- 显示模板的内容 -->
　　{% endblock %}
　　

　　block块的写法

　　

{% block content %}
　　...
　　{% endblock %}
　　{% block content %}
　　...
　　{% endblock content %} 可以指定endblock的名称,起到一个提示作用
　　

　　

　　

3. 组件

　　一个完整功能的模块,其他页面如果想使用,就直接以组件的形式引入

　　比如创建一个zujian.htmlm,内容如下

　　

<!DOCTYPE html>
　　<html lang="en">
　　<head>
　　 <meta charset="UTF-8">
　　 <title>Title</title>
　　 <meta name="viewport" content="width=device-width, initial-scale=1">
　　 <style>
　　 .c1{
　　 background-color: pink;
　　 height: 40px;
　　 }
　　 </style>
　　</head>
　　<body>
　　<div class="nav">
　　 <div class="c1">
　　 <a href="">32官网</a>
　　 <span>性感荷官, 在线发牌</span>
　　 </div>
　　</div>
　　</body>
　　</html>
　　

　　在home.html中引入一下include

　　在页面什么位置引入,组件效果就生成到什么位置

　　

<!DOCTYPE html>
　　<html lang="en">
　　<head>
　　 <meta charset="UTF-8">
　　 <title>Title</title>
　　 <meta name="viewport" content="width=device-width, initial-scale=1">
　　</head>
　　<body>
　　<h1>这是home页面</h1>
　　{% include zujian.html %}
　　</body>
　　</html>
　　

　　静态文件的配置流程

　　1 在settings.py文件中加上如下配置

　　

STATIC_URL = /static/ #别名,映射到STATICFILES_DIRS配置的静态文件存放路径,#那么引入静态文件时,我们使用别名路径来写,如果使用别名路径, 那么修改静态文件夹名称之后,也不会影响静态文件的返回# STATIC_URL = /abc/ 别名可以修改的STATICFILES_DIRS = [ os.path.join(BASE_DIR, statics),]STATIC_URL = /static/ #别名,映射到STATICFILES_DIRS配置的静态文件存放路径,
　　#那么引入静态文件时,我们使用别名路径来写,如果使用别名路径, 那么修改静态文件夹名称之后,也不会影响静态文件的返回
　　# STATIC_URL = /abc/ 别名可以修改的
　　STATICFILES_DIRS = [
　　 os.path.join(BASE_DIR, statics),
　　]
　　

　　2 在项目根目录下创建一个文件夹,名称随意,比如叫做statics

　　3 在html文件中引入（两种方式）

　　方式1

　　

<!DOCTYPE html>
　　<html lang="en">
　　<head>
　　 <meta charset="UTF-8">
　　 <title>Title</title>
　　 <meta name="viewport" content="width=device-width, initial-scale=1">
　　 <link rel="stylesheet" href="/static/css/xx.css"> 方式1 直接写别名路径开头
　　</head>
　　<body>
　　<div class="c1">xxx</div>
　　</body>
　　</html>
　　

　　方式2：

　　

{% load static %} 先load一下static
　　<!DOCTYPE html>
　　<html lang="en">
　　<head>
　　 <meta charset="UTF-8">
　　 <title>Title</title>
　　 <meta name="viewport" content="width=device-width, initial-scale=1">
　　 <link rel="stylesheet" href="{% static css/xx.css %}" > 方式2
　　</head>
　　<body>
　　<div class="c1">xxx</div>
　　</body>
　　</html>
　　

　　

　　

4. 自定义过滤器

　　1 在应用文件夹中创建一个叫做templatetags的文件夹(注意,名称必须是它)

　　2 在templatetags文件夹中创建一个py文件,名称随意,比如叫做mytag.py

　　3 在mytag.py文件中写如下内容

　　

from django import template
　　register = template.Library() #注册器,变量名称必须叫register
　　@register.filter #过滤器
　　def xx(v1): #第一参数是使用过滤器时,管道符前面的数据 <h1>{{ namexx }}</h1>
　　	return v1 + xx
　　@register.filter #过滤器,至多有两个参数
　　def xx2(v1, v2): #第一参数是使用过滤器时,管道符前面的数据 ,第二个参数是冒号后面的值,<h1>{{ namexx:oo }}</h1>
　　	return v1 + xx2 + v2
　　

　　4 在html文件中使用

　　

{% load mytag %} 先load一下我们的mytagpy文件
　　<!DOCTYPE html>
　　<html lang="en">
　　<head>
　　 <meta charset="UTF-8">
　　 <title>Title</title>
　　 <meta name="viewport" content="width=device-width, initial-scale=1">
　　</head>
　　<body>
　　<h1>这是home页面</h1>
　　{#{% include zujian.html %}#}
　　<h1>{{ namexx }}</h1> #以过滤器的形式使用,这个是一个参数的
　　<h1>{{ namexx2:oo }}</h1> # 以过滤器的形式使用,这个是两个参数的
　　</body>
　　</html>
　　

　　

　　

5. 自定义标签

　　1 在应用文件夹中创建一个叫做templatetags的文件夹(注意,名称必须是它)

　　2 在templatetags文件夹中创建一个py文件,名称随意,比如叫做mytag.py

　　3 在mytag.py文件中写如下内容

　　

from django import template
　　register = template.Library() #注册器,变量名称必须叫register
　　@register.simple_tag
　　def tag1(v1, v2 ,v3): #参数个数没有限制
　　	return v1 + v2 + v3
　　

　　4 在html文件中使用

　　

{% load mytag %}
　　<!DOCTYPE html>
　　<html lang="en">
　　<head>
　　 <meta charset="UTF-8">
　　 <title>Title</title>
　　 <meta name="viewport" content="width=device-width, initial-scale=1">
　　</head>
　　<body>
　　<h1>{% tag1 11 22 number %}</h1> <!-- 先写标签名称,然后写参数,参数以空格分隔 ,最终得到的tag1的return值 -->
　　</body>
　　</html>
　　

　　

　　

6. inclusion_tag 自定义标签

　　这个可以模拟不同用户，所看到的功能模块不一样，就是用这个实现的

　　1 在应用文件夹中创建一个叫做templatetags的文件夹(注意,名称必须是它)

　　2 在templatetags文件夹中创建一个py文件,名称随意,比如叫做mytag.py

　　3 在mytag.py文件中写如下内容

　　

from django import template
　　register = template.Library() #注册器,变量名称必须叫register
　　# 通过inclusion_tag来做为装饰器,并且需要传入一个参数,这个参数就是一个html文件(你想做成动态组件的html文件)
　　@register.inclusion_tag(zujian2.html)
　　def dongtai(v1): #参数没有个数限制
　　	data = v1 #[11,22,33,44,55,66]
　　	return {xx: data }
　　# zujian2.html会收到定义的inclusion_tag函数的返回值,然后进行zujian2.html这个动态组件的模板渲染
　　

　　zujian2.html

　　

<!DOCTYPE html>
　　<html lang="en">
　　<head>
　　 <meta charset="UTF-8">
　　 <title>Title</title>
　　 <meta name="viewport" content="width=device-width, initial-scale=1">
　　 <style>
　　 .left-menu {
　　 background-color: tan;
　　 width: 200px;
　　 min-height: 600px;
　　 }
　　 .item {
　　 background-color: yellow;
　　 height: 40px;
　　 border-bottom: 1px solid red;
　　 }
　　 .left {
　　 float: left;
　　 }
　　 </style>
　　</head>
　　<body>
　　<div class="left">
　　 <div class="left-menu">
　　 {% for item in xx %} <!-- [11,22,33] ,注意 data这是inclusion_tag函数的返回值那个字典中的键 -->
　　 <div class="menu1 item">
　　 <a href="/t1/">{{ item }}</a> <!-- 写相对路径时,前面的斜杠必须写 -->
　　 </div>
　　 {% endfor %}
　　 </div>
　　 </div>
　　</body>
　　</html>
　　

　　4 使用inclusion_tag

　　basic.html

　　

{% load mytag %} 先load
　　<!DOCTYPE html>
　　<html lang="en">
　　<head>
　　 <meta charset="UTF-8">
　　 <title>Title</title>
　　 <meta name="viewport" content="width=device-width, initial-scale=1">
　　</head>
　　<body>
　　{% dongtai menu_list %} #最终将渲染好的动态组件(zujian2.html),通过include引入组件的方式,加载到这里
　　</body>
　　</html>
　　

　　5 在后台视图中渲染basic.html页面是可以传入动态数据

　　

def basic(request):
　　	# if user.type == admin:
　　	# menu_list = [11,22,33,44,55,66]
　　	# else:
　　	menu_list = [22,33]
　　	return render(request, basic.html,{menu_list: menu_list})
　　

　　

　　

7. 小提示与小练习

　　小提示

　　

自定义标签和过滤器在前后端未分离的项目用的比较多一些
　　前后端分离的项目用的比较少
　　@register.inclusion_tag(zujian2.html)
　　def dongtai(v1):
　　 data = v1
　　 return {xx:data} # 这个return 相当于render(zujian2.html,{xx:data})
　　

　　小练习

　　页面效果

　　

　　

　　

　　

总结

　　本篇文章就到这里了，希望能够给你带来帮助，也希望您能够多多关注盛行IT软件开发工作室的更多内容!

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。

标签： python

相关文章阅读

  • python全栈工程师容易就业吗,Python全栈开发工程师
  • python全栈开发实战(第3版),python全栈教程_1
  • Python全栈开发实战,python全栈开发实践入门 pdf_1
  • python全栈工程师待遇,python全栈工程师需要掌握的东西
  • python全栈开发实战(第3版),python全栈教程
  • python全栈工程师需要掌握的东西,python全栈工程师容易就业吗
  • Python全栈开发实战,python全栈开发实践入门 pdf
  • python全栈工程师,python全栈工程师需要掌握的东西
  • python全栈,python有栈的概念吗
  • Python全栈开发,python全栈开发从入门到精通
  • Python全栈,python有栈的概念吗_1
  • Python全栈开发,python全栈开发项目
    • 留言与评论（共有 条评论）
       
    验证码：