模板标签种类

  1. {% for blog in blog_list %}
  2. <h2>{{ blog.title }}</h2>
  3. <p>{{ blog.timestamp }}</p>
  4. <p>{{ blog.body }}</p>
  5. {% endfor %}
  6. #变量标签用{{}}来表示
  7. #块级标签用{%%} 来表示

  

模板继承block

{% block content %}{%endblock%}这个部分,会被替换为集成页面{% extends "xx.html"%}{%endblock%}中级的内容。

content是个标签,也可以是title,css,js等。

原则是,一旦发现在页面中有大量重复内容需要复制黏贴,就应该使用模板。

  1. {% block content %}
  2. {%endblock%}
  3. #在base.html基础模板文件里,在内容部分加上命名块标签

  

  1. {% extends "blog/base.html"%}
  2. {% block content %}
  3. {% for blog in blog_list %}
  4. <h2>{{ blog.title }}</h2>
  5. <p>{{ blog.timestamp }}</p>
  6. <p>{{ blog.body }}</p>
  7. {% endfor %}
  8. {%endblock%}
  9. #在内容页面只要继承该模板,该页面就会使用模板风格

  

文件包含include

  1. <!-- include left -->
  2. {% include 'base/left_menu.html' %}
  3. <!-- include heder -->
  4. {% include 'base/head_menu.html' %}
  5. <!--right content-->
  6. <div class="right_col" role="main">
  7. {% block content %}{% endblock %}
  8. </div>
  9. <!-- include footer -->
  10. {% include 'base/foot_menu.html' %}#}
  11. #在这段代码中,几个菜单都是分离出去的,这样提高了可读性

  

{% load static %}

  1. <script src="{% static 'js/jquery.min.js' %}"></script>
  2. <script src="{% static 'js/bootstrap.min.js' %}"></script>
  3. <script src="{% static 'js/custom.min.js' %}"></script>
  4. <script src="{% static 'js/icheck.min.js' %}"></script>
  5. <script src="{% static 'js/sweetalert/sweetalert.min.js' %}"></script>
  6. #在setting中设定static文件目录,然后在html文件头load static的话,下面可以直接用{% static xx%}来调用static文件。
  7. #如果没有,就要用文件路径去调用static文件

  

{% url 'index' %}

  1. <li><a href="{% url 'index' %}">控制台</a></li>
  2. #在url中为url设置name属性后,可以直接调用name,而不需要使用url

  

{{ request.user }}

在网页中需要显示当前登录账户的用户名,可以直接用此渲染

列表嵌套字典for循环

  1. <table border="1">
  2. <thead>
  3. <th >name</th>
  4. <th>age</th>
  5. <th>email</th>
  6. </thead>
  7. <tbody>
  8. {% for dict in user_list %}
  9. <tr>
  10. <td>{{ dict.name }}</td>
  11. <td>{{ dict.age }}</td>
  12. <td>{{ dict.email }}</td>
  13. </tr>
  14. {% endfor %}
  15.  
  16. </tbody>
  17. </table>

  

2 字典嵌套字典for循环

  1. <table border="1">
  2. <thead>
  3. <th >name</th>
  4. <th>tally</th>
  5. </thead>
  6. <tbody>
  7. {% for name,tally in user_dict.items %}
  8. <tr>
  9. <td>{{ name }}</td>
  10. <td>{{ tally }}</td>
  11. </tr>
  12. {% endfor %}
  13. </tbody>
  14. </table>

  

django网页渲染的更多相关文章

  1. wkhtmltopdf是一个使用webkit网页渲染引擎开发的用来将 html转成 pdf的工具

    wkhtmltopdf是一个使用webkit网页渲染引擎开发的用来将 html转成 pdf的工具,可以跟多种脚本语言进行集成来转换文档. 官网地址 http://wkhtmltopdf.org/ gi ...

  2. webkit技术--网页渲染原理

    Webkit渲染 Webkit 是苹果发起的一个开源项目,后来谷歌用这个项目以 webkit 创建了一个新的项目 Chromium,我们平常用的 Chrome 浏览器一般都是基于 Chromium 开 ...

  3. 关于Django ModelForm渲染时间格式问题

    关于Django ModelForm渲染时间格式问题 直接定义DateTimeInput或者DateTimeFile是不行的,渲染在html页面中的仍然是Input text类型 解决办法:自定义小部 ...

  4. Django—模板渲染

    参考文档: http://www.cnblogs.com/fnng/p/4373108.html https://code.ziqiangxuetang.com/django/django-intro ...

  5. 【7】Django网页视图模板处理

    天下难事必作於易.天下大事必作於细.是以圣人终不为大,故能成其大 --老子<道德经> 本节内容 HTML页面的渲染 使用页面模板 异常处理 超链接路径处理 路由命名空间 1. HTML页面 ...

  6. Django模板渲染——(二)

    模板标签 模板是由HTML代码和一些逻辑控制代码组成的,逻辑控制代码除了前面介绍的变量和过滤器,还要一个非常重要的模板标签.模板标签的语法规则是{% tag %},模板标签在渲染的过程中能提供任意的逻 ...

  7. Django动态渲染多层菜单

    为后续给菜单设置权限管理方便,通过给页面模版菜单动态渲染,通过数据菜单表进行匹配需要渲染的菜单 #Django表结构 class Menus(models.Model): name = models. ...

  8. 关于Django模板渲染一个很重要的用途

    一般情况下我们在模板利用django的for标签循环生成html代码时,可以同时生成形如: "{% url 'dormitory:hygiene_detail' pk={{ id }} %} ...

  9. 理解WebKit和Chromium: 网页渲染的基本过程

    转载请注明原文地址:http://blog.csdn.net/milado_nju ## 概述 前面介绍了一些渲染引擎的功能,包括网络,资源加载,DOM树,RenderObject树等等,但是,给人以 ...

随机推荐

  1. Java集合框架:Arrays工具类

    java.util.Arrays类能方便地操作数组,它提供的方法都是静态的.整个Arrays工具类的实现有3000+行.可是归纳总结一下可知它有下面功能(9个): 1. asList 定义: @Saf ...

  2. Linux查看IP 网关 DNS

    ifconfig查看IP: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFC ...

  3. 【c++】map 迭代器删除演示样例

    C++ STL中的map是很常见的.通常我们用例如以下方式来遍历,而且删除map中的一些entry: map<int, int> mp; mp.insert(make_pair(1,1)) ...

  4. Springboot读取自定义的yml文件中的List对象

    Yml文件(novellist.xml)如下: novellist:   list:     - name: 笑傲江湖       type: 武侠       master: 令狐冲       a ...

  5. Window XP安装Ubuntu14.04实现Samba文件共享

    安装了Ubuntu14.04之后,在虚拟机设置里设置了文件共享.但在mnt文件夹下没有hgfs这个文件夹.依照网上说的去做还是不行,仅仅好放弃.改用samba实现Windows与Ubuntu文件共享. ...

  6. HDU 6119 小小粉丝度度熊 【预处理+尺取法】(2017"百度之星"程序设计大赛 - 初赛(B))

    小小粉丝度度熊 Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total Sub ...

  7. iOS 声明属性关键字的总结

    atomic: 原子操作(原子性是指事务的一个完整操作,操作成功就提交,反之就回滚. 原子操作就是指具有原子性的操作)在objective-c 属性设置里面 默认的就是atomic ,意思就是 set ...

  8. Spring boot 使用Junt

    //@RunWith:启动器,SpringJUnit4ClassRunner:Spring整合JUnit4 //@SpringBootTest获取启动类,相当于@Contextconfiguartio ...

  9. css3某些特性

    在下列情况下,建议使用opacity属性而不是rgba()函数 1.实现多种颜色(元素)的半透明效果.使用opacity属性,不仅背景颜色,就连文本颜色.边框颜色都会变透明. 2.在不知道颜色的情况下 ...

  10. 一步一步学Silverlight 2系列(27):使用Brush进行填充

    概述 Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, ...