django网页渲染
模板标签种类
- {% for blog in blog_list %}
- <h2>{{ blog.title }}</h2>
- <p>{{ blog.timestamp }}</p>
- <p>{{ blog.body }}</p>
- {% endfor %}
- #变量标签用{{}}来表示
- #块级标签用{%%} 来表示
模板继承block
{% block content %}{%endblock%}这个部分,会被替换为集成页面{% extends "xx.html"%}{%endblock%}中级的内容。
content是个标签,也可以是title,css,js等。
原则是,一旦发现在页面中有大量重复内容需要复制黏贴,就应该使用模板。
- {% block content %}
- {%endblock%}
- #在base.html基础模板文件里,在内容部分加上命名块标签
- {% extends "blog/base.html"%}
- {% block content %}
- {% for blog in blog_list %}
- <h2>{{ blog.title }}</h2>
- <p>{{ blog.timestamp }}</p>
- <p>{{ blog.body }}</p>
- {% endfor %}
- {%endblock%}
- #在内容页面只要继承该模板,该页面就会使用模板风格
文件包含include
- <!-- include left -->
- {% include 'base/left_menu.html' %}
- <!-- include heder -->
- {% include 'base/head_menu.html' %}
- <!--right content-->
- <div class="right_col" role="main">
- {% block content %}{% endblock %}
- </div>
- <!-- include footer -->
- {% include 'base/foot_menu.html' %}#}
- #在这段代码中,几个菜单都是分离出去的,这样提高了可读性
{% load static %}
- <script src="{% static 'js/jquery.min.js' %}"></script>
- <script src="{% static 'js/bootstrap.min.js' %}"></script>
- <script src="{% static 'js/custom.min.js' %}"></script>
- <script src="{% static 'js/icheck.min.js' %}"></script>
- <script src="{% static 'js/sweetalert/sweetalert.min.js' %}"></script>
- #在setting中设定static文件目录,然后在html文件头load static的话,下面可以直接用{% static xx%}来调用static文件。
- #如果没有,就要用文件路径去调用static文件
{% url 'index' %}
- <li><a href="{% url 'index' %}">控制台</a></li>
- #在url中为url设置name属性后,可以直接调用name,而不需要使用url
{{ request.user }}
在网页中需要显示当前登录账户的用户名,可以直接用此渲染
列表嵌套字典for循环
- <table border="1">
- <thead>
- <th >name</th>
- <th>age</th>
- <th>email</th>
- </thead>
- <tbody>
- {% for dict in user_list %}
- <tr>
- <td>{{ dict.name }}</td>
- <td>{{ dict.age }}</td>
- <td>{{ dict.email }}</td>
- </tr>
- {% endfor %}
- </tbody>
- </table>
2 字典嵌套字典for循环
- <table border="1">
- <thead>
- <th >name</th>
- <th>tally</th>
- </thead>
- <tbody>
- {% for name,tally in user_dict.items %}
- <tr>
- <td>{{ name }}</td>
- <td>{{ tally }}</td>
- </tr>
- {% endfor %}
- </tbody>
- </table>
django网页渲染的更多相关文章
- wkhtmltopdf是一个使用webkit网页渲染引擎开发的用来将 html转成 pdf的工具
wkhtmltopdf是一个使用webkit网页渲染引擎开发的用来将 html转成 pdf的工具,可以跟多种脚本语言进行集成来转换文档. 官网地址 http://wkhtmltopdf.org/ gi ...
- webkit技术--网页渲染原理
Webkit渲染 Webkit 是苹果发起的一个开源项目,后来谷歌用这个项目以 webkit 创建了一个新的项目 Chromium,我们平常用的 Chrome 浏览器一般都是基于 Chromium 开 ...
- 关于Django ModelForm渲染时间格式问题
关于Django ModelForm渲染时间格式问题 直接定义DateTimeInput或者DateTimeFile是不行的,渲染在html页面中的仍然是Input text类型 解决办法:自定义小部 ...
- Django—模板渲染
参考文档: http://www.cnblogs.com/fnng/p/4373108.html https://code.ziqiangxuetang.com/django/django-intro ...
- 【7】Django网页视图模板处理
天下难事必作於易.天下大事必作於细.是以圣人终不为大,故能成其大 --老子<道德经> 本节内容 HTML页面的渲染 使用页面模板 异常处理 超链接路径处理 路由命名空间 1. HTML页面 ...
- Django模板渲染——(二)
模板标签 模板是由HTML代码和一些逻辑控制代码组成的,逻辑控制代码除了前面介绍的变量和过滤器,还要一个非常重要的模板标签.模板标签的语法规则是{% tag %},模板标签在渲染的过程中能提供任意的逻 ...
- Django动态渲染多层菜单
为后续给菜单设置权限管理方便,通过给页面模版菜单动态渲染,通过数据菜单表进行匹配需要渲染的菜单 #Django表结构 class Menus(models.Model): name = models. ...
- 关于Django模板渲染一个很重要的用途
一般情况下我们在模板利用django的for标签循环生成html代码时,可以同时生成形如: "{% url 'dormitory:hygiene_detail' pk={{ id }} %} ...
- 理解WebKit和Chromium: 网页渲染的基本过程
转载请注明原文地址:http://blog.csdn.net/milado_nju ## 概述 前面介绍了一些渲染引擎的功能,包括网络,资源加载,DOM树,RenderObject树等等,但是,给人以 ...
随机推荐
- Java集合框架:Arrays工具类
java.util.Arrays类能方便地操作数组,它提供的方法都是静态的.整个Arrays工具类的实现有3000+行.可是归纳总结一下可知它有下面功能(9个): 1. asList 定义: @Saf ...
- Linux查看IP 网关 DNS
ifconfig查看IP: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFC ...
- 【c++】map 迭代器删除演示样例
C++ STL中的map是很常见的.通常我们用例如以下方式来遍历,而且删除map中的一些entry: map<int, int> mp; mp.insert(make_pair(1,1)) ...
- Springboot读取自定义的yml文件中的List对象
Yml文件(novellist.xml)如下: novellist: list: - name: 笑傲江湖 type: 武侠 master: 令狐冲 a ...
- Window XP安装Ubuntu14.04实现Samba文件共享
安装了Ubuntu14.04之后,在虚拟机设置里设置了文件共享.但在mnt文件夹下没有hgfs这个文件夹.依照网上说的去做还是不行,仅仅好放弃.改用samba实现Windows与Ubuntu文件共享. ...
- HDU 6119 小小粉丝度度熊 【预处理+尺取法】(2017"百度之星"程序设计大赛 - 初赛(B))
小小粉丝度度熊 Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others)Total Sub ...
- iOS 声明属性关键字的总结
atomic: 原子操作(原子性是指事务的一个完整操作,操作成功就提交,反之就回滚. 原子操作就是指具有原子性的操作)在objective-c 属性设置里面 默认的就是atomic ,意思就是 set ...
- Spring boot 使用Junt
//@RunWith:启动器,SpringJUnit4ClassRunner:Spring整合JUnit4 //@SpringBootTest获取启动类,相当于@Contextconfiguartio ...
- css3某些特性
在下列情况下,建议使用opacity属性而不是rgba()函数 1.实现多种颜色(元素)的半透明效果.使用opacity属性,不仅背景颜色,就连文本颜色.边框颜色都会变透明. 2.在不知道颜色的情况下 ...
- 一步一步学Silverlight 2系列(27):使用Brush进行填充
概述 Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, ...