模板标签

在传递数据的时候，会有大量的数据展示在浏览器上，而数据会是动态变化的，在html的编写中，数据也是需要动态的，而不能是写死的，如果动态展示呢。

给定的例子数据

views传递数据给html

 from django.shortcuts import render

     def index(request):

         students = [

             {'id':12, 'name':'张三', 'age':19, 'sex':'男'}

             {'id':22, 'name':'李思', 'age':19, 'sex':'女'}

             {'id':25, 'name':'王五', 'age':19, 'sex':'男'}

             {'id':43, 'name':'赵柳', 'age':19, 'sex':'女'}

             {'id':88, 'name':'孙奇', 'age':19, 'sex':'男'}

         ]

         return render(request,'teacher/index.html',context={

             'students':students,

         })
for循环标签
    <body>

         <table>

             <tr>

                 <th>序列</th>

                 <th>姓名</th>

                 <th>年龄</th>

                 <th>性别</th>

             </tr>

             <!--#for循环写在{% %} 内-->

             {% for stu in students %}

                 <tr>

                     <!--#把循环迭代的数据，用可以取出值即可-->

                     <td>{{ stu.id}}</td>

                     <td>{{ stu.name }}</td>

                     <td>{{ stu.age }}</td>

                     <td>{{ stu.sex }}</td>

                 </tr>

             <!--#结尾需要end-->

             {% endfor %}

         </table>

     </body>

输出的结果为： css样式有过调整，请忽略样式

forloop:序号排列
 <body>

         <table>

             <tr>

                 <th>从1开始的正向排序</th>

                 <th>从0开始的正向排序</th>

                 <th>以1结尾的倒序</th>

                 <th>以0结尾的倒序</th>

             </tr>

             {% for stu in students %}

                 <tr>

                     <!--序号排列各式样式-->

                     <td>{{ forloop.counter}}</td>

                     <td>{{ forloop.counter0 }}</td>

                     <td>{{ forloop.revcounter }}</td>

                     <td>{{ forloop.revcounter0 }}</td>

                 </tr>

             {% endfor %}

         </table>

     </body>

输出的结果为：

if:if判断
 <body>

         <table>

             <tr>

                 <th>从1开始的正向排序</th>

                 <th>从0开始的正向排序</th>

                 <th>以1结尾的倒序</th>

                 <th>以0结尾的倒序</th>

             </tr>

             {% for stu in students %}

                 <!--if判断和for循环一样，也有结尾的endif，条件写在中间。-->

                 == 两头需要空格

                 <tr {% if stu.sex == '女' %}style="color:red"{% endif %}>

                     <td>{{ forloop.counter}}</td>

                     <td>{{ stu.name }}</td>

                     <td>{{ stu.age }}</td>

                     <td>{{ stu.sex }}</td>

                 </tr>

             {% endfor %}

         </table>

     </body>

输出结果为：

简单获取url

views简单配置点击id所展示的页面

     def st_id(request, pk):

         return HttpResponse('学生ID为%s的详情页' % pk)

对序号设置点击的跳转url

  <body>

         <table>

             <tr>

                 <th>从1开始的正向排序</th>

                 <th>从0开始的正向排序</th>

                 <th>以1结尾的倒序</th>

                 <th>以0结尾的倒序</th>

             </tr>

             {% for stu in students %}

                 <tr {% if stu.sex == '女' %}style="color:red"{% endif %}>

                     <!--因为要点击url，所有把标签放在a标签内，在路径的配置上，写上路径然后把字典中的id做动态匹配就会得到需要的id。-->

                     <td><a href="/teacher/st_id/{{ stu.id }}">{{ forloop.counter}}</a></td>

                     <td>{{ stu.name }}</td>

                     <td>{{ stu.age }}</td>

                     <td>{{ stu.sex }}</td>

                 </tr>

             {% endfor %}

         </table>

     </body>

输出结果：

点击序列为1的网址显示：

url标签：动态获取url，返回一个命名(views中path里面的name的值)了的URL的绝对路径
 <body>

         <table>

             <tr>

                 <th>从1开始的正向排序</th>

                 <th>从0开始的正向排序</th>

                 <th>以1结尾的倒序</th>

                 <th>以0结尾的倒序</th>

             </tr>

             {% for stu in students %}

                 <tr {% if stu.sex == '女' %}style="color:red"{% endif %}>

                     通过url标签，动态生成对应的url网址，此处的'teacher:st_id'

                     **需要在views中配置其中的path的name，name和此处的value需要一一对应。**

                     <td><a href="{% url 'teacher:st_id' stu.id %}">{{ forloop.counter}}</a></td>

                     <td>{{ stu.name }}</td>

                     <td>{{ stu.age }}</td>

                     <td>{{ stu.sex }}</td>

                 </tr>

             {% endfor %}

         </table>

     </body>
for in empty 判断空置渲染默认的
 {% for i in stu%}

 <!--#如果for循环的渲染失败，则渲染empty内的条件-->

 {% empty %}

     <!--渲染方法-->

 {% emdfor %}
with：类似于as

第一种写法：

 {% with stu=students.2%}

     stu就可以拿出来使用了

 {% endwith %}

第二种写法

 {% with test_name as tn %}

     1111{{ tn }}

     2222{{ tn }}

 {% endwith %}
autoescape 转义开关 同过滤器的safe
 {% autoescape off %}

     {{ html }}

 {% endautoescape %}

模板的引入

include 模板的引入，把写好的html模板添加到我们需要的html中，在html代码中添加

 <div>

     {% include 'teacher/ad.html' %}

 </div>

输出结果

模板的继承

extends继承标签：extends代买写在html的最上面，首行，在此行下面的代码无效。

被引入的内容写在block中

     <!--在html中继承模板文件-->

     {% extends 'teacher/base.html'%}
block自定义标签：在模板html中挖坑

base模板文件.html

  默认写css的坑

     {% block link%}

     {% endblock %}

     <!--默认写body的地方-->

     {% block conrent(自定义名称) %}

         <!--如果被引入的html，如果没有写这个标签，就默认展示模板内的数据，如果有，就展示当前html的内容数据。-->

         <p>模板内的数据</p>

     {% endblock %}

     <!--默认底部定义写js的坑-->

     {% block domready %}

     {% endblock %}

被引入的html文件，css，js，html代码都是此种方法写入。对应上面的模板

 {% extends 'teacher/base.html'%}

     {% load static %}

     {% block link %}

     带入css代码

     <link rel="stylesheet" href="{% static 'teacher/css/login.css' %}">

     {% endblock %}

     {% block conrent %}

         <p>我是被展示的数据</p>

     {% endblock %}

     {% block domready %}

         <script>JS代码</script>

     {% endblock %}

总结：

模板标签语法：
     {% tag %} {% endtag %} 需要结束收尾的

     {% tag 参数 参数 %} 例如 url
 

python的Web框架，Django模板标签及模板的继承的更多相关文章

  1. Python之Web框架Django

    Python之Web框架: Django 一. Django Django是一个卓越的新一代Web框架 Django的处理流程 1. 下载地址  Python 下载地址:https://www.pyt ...

  2. Python3.5学习十八 Python之Web框架 Django

    Python之Web框架: 本质:Socket 引用wsgiref创建web框架 根据web框架创建过程优化所得: 分目录管理 模板单独目录 执行不同函数单独存入一个方法py文件 Web框架的两种形式 ...

  3. Python 17 web框架&Django

    本节内容 1.html里面的正则表达式 2.web样式简介 3.Django创建工程 Html里的正则表达式 test 用来判断字符串是否符合规定的正则       rep.test('....')  ...

  4. python三大web框架Django,Flask,Flask，Python几种主流框架，13个Python web框架比较，2018年Python web五大主流框架

    Python几种主流框架 从GitHub中整理出的15个最受欢迎的Python开源框架.这些框架包括事件I/O,OLAP,Web开发,高性能网络通信,测试,爬虫等. Django: Python We ...

  5. Python编程Web框架 :Django 从入门到精通

    Django是一个高级别的Python Web框架,它鼓励快速开发和干净实用的设计. 现在我们开始学习它. Django学习之 第一章:Django介绍 Django学习之 第二章:Django快速上 ...

  6. python的web框架---Django项目

    Django项目之会议室预预订: 界面效果展示: 1.创建超级管理员,实现预定界面功能 2.预定界面: (一)基于pymysql设计数据表结构,理清前后端与用户交互逻辑.(用户表,会议室表,预定内容存 ...

  7. 在python的web框架Django中使用SQL Server

    在pycharm中安装 安装pyodbc和Django——pyodbc是一个用python写的ODBC引擎 安装Django-pyodbc-azure                  在后方网址中查 ...

  8. python运维开发(十七)----jQuery续(示例)web框架django

    内容目录: jQuery示例 前端插件 web框架 Django框架 jQuery示例 dom事件绑定,dom绑定在form表单提交按钮地方都会绑定一个onclick事件,所有查看网站的人都能看到代码 ...

  9. 利用python web框架django实现py-faster-rcnn demo实例

    操作系统.编程环境及其他: window7  cpu  python2.7  pycharm5.0  django1.8x 说明:本blog是上一篇blog(http://www.cnblogs.co ...

  10. Python第十三天 django 1.6 导入模板 定义数据模型 访问数据库 GET和POST方法 SimpleCMDB项目 urllib模块 urllib2模块 httplib模块 django和web服务器整合 wsgi模块 gunicorn模块

    Python第十三天   django 1.6   导入模板   定义数据模型   访问数据库   GET和POST方法    SimpleCMDB项目   urllib模块   urllib2模块 ...

随机推荐

  1. C# EPPlus导出EXCEL,并生成Chart表

    一  在negut添加EPPlus.dll库文件. 之前有写过直接只用Microsoft.Office.Interop.Excel 导出EXCEL,并生成Chart表,非常耗时,所以找了个EPPlus ...

  2. ionic3.x angular4.x ng4.x 自定义组件component双向绑定之自定义计数器

    本文主要示例在ionic3.x环境下实现一个自定义计数器,实现后最终效果如图: 1.使用命令创建一个component ionic g component CounterInput 类似的命令还有: ...

  3. 响铃：蜗牛读书“文”、网易云信“武”：游戏之外网易的AB面

    文|曾响铃来源|科技向令说(xiangling0815) 2019年开年,网易又"搞事情"了. 近日,网易集团旗下网易云信.网易七鱼主办的"网易MCtalk泛娱乐创新峰会 ...

  4. Java基础巩固——反射

    什么是反射 反射机制就是指程序运行时能够获取自身的信息.在Java中,只要给出类的名字,就可以通过反射机制来获取类的信息 哪里用的到反射机制 在jdbc中就是使用的反射来实例化对象,比如:Class. ...

  5. Linux查看运行时间

    以下命令都可以查看出系统运行时间.对于查看机器的状态很有帮助. w -b 查看最后一次系统启动的时间 w -r 查看当前系统运行时间 last reboot 查看系统历史启动的时间 top up后表示 ...

  6. Linux删除目录下的文件的10种方法

    看到了一遍文章,便突发奇想的想起Linux中删除目录下的所有文件的方法:整理了几个,如有不足,还望读者不吝赐教! 删除当前目录下的文件 1.rm -f * #最经典的方法,删除当前目录下的所有类型的文 ...

  7. [Swift]优先队列PriorityQueue(自定义数据结构)

    优先队列[priority queue] 普通的队列是一种先进先出的数据结构,元素在队列尾追加,而从队列头删除. 优先队列特点:在优先队列中,元素被赋予优先级. 当访问元素时,具有最高优先级的元素最先 ...

  8. 群辉6.1.7安装scrapy框架执行爬虫

    只针对会linux命令,会python的伙伴, 使用环境为: 群辉ds3615xs 6.1.7 python3.5 最近使用scrapy开发了一个小爬虫,因为很穷没有服务器可已部署. 所以打起了我那台 ...

  9. syslog之二：syslog协议及rsyslog服务全解析

    目录: <syslog之一:Linux syslog日志系统详解> <syslog之二:syslog协议及rsyslog服务全解析> <syslog之三:建立Window ...

  10. 九、将cs文件快速的转换成可执行文件和响应文件(配置编译开关的文件)

    1.将包含多个类型的源代码文件转换为可以部署的文件.有如下Program.cs的文件,代码如下: public sealed class Program { public static void Ma ...