django使用html模板减少代码代码解析


Posted in Python onDecember 12, 2017

看下面两个页面:

django使用html模板减少代码代码解析

django使用html模板减少代码代码解析

一个显示文章列表,一个显示文章详细信息,其中的部分内容相同,有可以重用的部分。

所有就此例可以设置三个html文件:重用部分,目录部分,文章部分。

重用部分:

base.html

<!DOCTYPE html>
<!DOCTYPE html>
<html lang="zh-CN">
{% load staticfiles %}
 <head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>首页</title>

  <script type="text/javascript" src="{% static "bootstrap/js/jquery-2.0.0.min.js" %}"> </script>
  <script type="text/javascript" src="{% static "bootstrap/js/jquery-ui.js" %}"></script>
  <link href="{% static " rel="external nofollow" bootstrap/css/bootstrap-combined.min.css" %}" rel="stylesheet" media="screen" >
  <script type="text/javascript" src="{% static "bootstrap/js/bootstrap.min.js" %}"s></script>
</head>

<body>
<div class="container-fluid" id="LG">
  <div class="row-fluid">
    <img src="{% static "img/head1.png" %}" alt="返回主页">
    <div class="span12" >
    </div>
  </div>

  <div class="row-fluid">
    <div class="span2">
    </div>
    <div class="span6">
      <ul class="nav nav-tabs">
        <li class="active">
          <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" >首页</a>
        </li>
        <li>
          <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" >资料</a>
        </li>
        <li >
          <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" >信息</a>
        </li>
      </ul>
      {% block context %}
      添加内容
      {% endblock context %}
    </div>
    <div class="span4">
    </div>
  </div>
</div>
</body>
</html>

使用{%blockcontext%}{%endblockcontext%}标签,添加不同内容

目录部分

index.html

{% extends "blog/base.html" %}
  {% block context %}
      {% if latest_article_list %}
      <ul>
        {% for article in latest_article_list %}
        <li>
          <a href="{% url 'blog:detail' article.id %}" rel="external nofollow" >
           {{ article.title }} </a>
        </li>
           {% endfor %}
      </ul>
      {% else %}
        <p>No articles are available.</p>
      {% endif %}
  {% endblock context %}

使用{%extends"blog/base.html"%}载入模板文件,模板文件的位置为相对于templates的路径。

文章部分:

detail.html

{% extends "blog/base.html" %}
{% block context %}
<h1>{{ article.title }}</h1>
<p>{{ article.content }}</p>
{% endblock context %}

django文档地址:http://python.usyiyi.cn/django_182/ref/templates/language.html

总结

以上就是本文关于django使用html模板减少代码代码解析的全部内容,希望对大家有所帮助。感兴趣的朋友可以继续参阅本站:

如有不足之处,欢迎留言指出。感谢朋友们对本站的支持!

Python 相关文章推荐
python实现查询IP地址所在地
Mar 29 Python
Python中使用dom模块生成XML文件示例
Apr 05 Python
使用python遍历指定城市的一周气温
Mar 31 Python
Python代码实现KNN算法
Dec 20 Python
基于循环神经网络(RNN)实现影评情感分类
Mar 26 Python
django如何通过类视图使用装饰器
Jul 24 Python
python 怎样将dataframe中的字符串日期转化为日期的方法
Sep 26 Python
Python调用钉钉自定义机器人的实现
Jan 03 Python
利用Python实现某OA系统的自动定位功能
May 27 Python
解决pytorch 交叉熵损失输出为负数的问题
Jul 07 Python
python 列表推导和生成器表达式的使用
Feb 01 Python
Python数据类型最全知识总结
May 31 Python
Python使用三种方法实现PCA算法
Dec 12 #Python
Java分治归并排序算法实例详解
Dec 12 #Python
Python数据结构与算法之二叉树结构定义与遍历方法详解
Dec 12 #Python
Python数据结构与算法之图的基本实现及迭代器实例详解
Dec 12 #Python
Python数据结构与算法之图的最短路径(Dijkstra算法)完整实例
Dec 12 #Python
你真的了解Python的random模块吗?
Dec 12 #Python
Python判断两个对象相等的原理
Dec 12 #Python
You might like
咖啡风味 世界咖啡主要分布分布 咖啡的生长要求
2021/03/06 新手入门
php adodb连接带密码access数据库实例,测试成功
2008/05/14 PHP
php中最简单的字符串匹配算法
2014/12/16 PHP
WordPress中获取指定分类及其子分类下的文章数目
2015/12/31 PHP
jquery select(列表)的操作(取值/赋值)
2011/03/16 Javascript
jQuery aminate方法定位到页面具体位置
2013/12/26 Javascript
使用nodejs、Python写的一个简易HTTP静态文件服务器
2014/07/18 NodeJs
javascript 原型链维护和继承详解
2014/11/26 Javascript
Javascript中call和apply函数的比较和使用实例
2015/02/03 Javascript
三种Node.js写文件的方式
2016/03/08 Javascript
BootStrap使用popover插件实现鼠标经过显示并保持显示框
2016/06/23 Javascript
原生js验证简洁注册登录页面
2016/12/17 Javascript
AngularJs 延时器、计时器实例代码
2017/09/16 Javascript
利用vue重构有赞商城的思路以及总结整理
2019/02/21 Javascript
开发中常用的25个JavaScript单行代码(小结)
2019/06/28 Javascript
js 实现 list转换成tree的方法示例(数组到树)
2019/08/18 Javascript
echarts 使用formatter 修改鼠标悬浮事件信息操作
2020/07/20 Javascript
[02:31]DOTA2帕克 英雄基础教程
2013/11/26 DOTA
[01:24:51]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS NewBee第二场
2014/05/26 DOTA
python 合并文件的具体实例
2013/08/08 Python
python爬虫_自动获取seebug的poc实例
2017/08/05 Python
对Python 内建函数和保留字详解
2018/10/15 Python
windows系统中Python多版本与jupyter notebook使用虚拟环境的过程
2019/05/15 Python
python 实现单通道转3通道
2019/12/03 Python
python实现学生成绩测评系统
2020/06/22 Python
python代码实现猜拳小游戏
2020/11/30 Python
日本最新流行服饰网购:Nissen
2016/07/24 全球购物
在网上学习全世界最好的课程:Coursera
2017/11/07 全球购物
Joie官方网上商店:购买服装和女装配饰
2018/06/05 全球购物
美国在线鞋类零售商:LifeStride
2019/06/09 全球购物
授权委托书格式范文
2014/08/02 职场文书
考试没考好检讨书(精选篇)
2014/11/16 职场文书
幼儿园开学家长寄语(2015秋季)
2015/05/27 职场文书
入党函调证明材料
2015/06/19 职场文书
Django 实现jwt认证的示例
2021/04/30 Python
python脚本框架webpy模板赋值实现
2021/11/20 Python