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实现机械分词之逆向最大匹配算法代码示例
Dec 13 Python
Django框架教程之正则表达式URL误区详解
Jan 28 Python
Flask模拟实现CSRF攻击的方法
Jul 24 Python
Python实现购物评论文本情感分析操作【基于中文文本挖掘库snownlp】
Aug 07 Python
Django 路由系统URLconf的使用
Oct 11 Python
python绘制双Y轴折线图以及单Y轴双变量柱状图的实例
Jul 08 Python
pytorch实现用CNN和LSTM对文本进行分类方式
Jan 08 Python
python实现批量转换图片为黑白
Jun 16 Python
Keras之fit_generator与train_on_batch用法
Jun 17 Python
Python批量修改xml的坐标值全部转为整数的实例代码
Nov 26 Python
详解Python中的GIL(全局解释器锁)详解及解决GIL的几种方案
Jan 29 Python
Jupyter安装拓展nbextensions及解决官网下载慢的问题
Mar 03 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
浅析虚拟主机服务器php fsockopen函数被禁用的解决办法
2013/08/07 PHP
php实现比较全的数据库操作类
2015/06/18 PHP
Joomla实现组件中弹出一个模式(modal)窗口的方法
2016/05/04 PHP
php自定义函数实现二维数组按指定key排序的方法
2016/09/29 PHP
xmlHTTP实例
2006/10/24 Javascript
JS日历 推荐
2006/12/03 Javascript
JQuery循环滚动图片代码
2011/12/08 Javascript
JavaScript基础知识学习笔记
2014/12/02 Javascript
jQuery中:hidden选择器用法实例
2014/12/30 Javascript
js在指定位置增加节点函数insertBefore()用法实例
2015/01/12 Javascript
jQuery基于图层模仿五星星评价功能的方法
2015/05/07 Javascript
jQuery带进度条全屏图片轮播特效代码分享
2020/06/28 Javascript
AngularJS 单元测试(一)详解
2016/09/21 Javascript
学习vue.js计算属性
2016/12/03 Javascript
Javascript下拉刷新的简单实现
2017/02/14 Javascript
JS获取当前地理位置的方法
2017/10/25 Javascript
解决Vue 项目打包后favicon无法正常显示的问题
2018/09/01 Javascript
jquery实现联想词搜索框和搜索结果分页的示例
2018/10/10 jQuery
VUE+Element UI实现简单的表格行内编辑效果的示例的代码
2018/10/31 Javascript
在vue使用clipboard.js进行一键复制文本的实现示例
2019/01/15 Javascript
python验证码识别的示例代码
2017/09/21 Python
python中cPickle类使用方法详解
2018/08/27 Python
详解Python3定时器任务代码
2019/09/23 Python
Django CSRF认证的几种解决方案
2020/03/03 Python
Django Admin设置应用程序及模型顺序方法详解
2020/04/01 Python
python 合并多个excel中同名的sheet
2021/01/22 Python
Python之多进程与多线程的使用
2021/02/23 Python
GUESS德国官网:美国牛仔服装品牌
2017/02/14 全球购物
个人合作协议书范本
2014/04/18 职场文书
学校门卫岗位职责范本
2014/06/30 职场文书
2015年依法治校工作总结
2015/07/27 职场文书
五一放假通知怎么写
2015/08/18 职场文书
2019年描写人生经典诗句大全
2019/07/08 职场文书
彻底解决MySQL使用中文乱码的方法
2022/01/22 MySQL
10大幻兽系恶魔果实 蝙蝠果实上榜,第一自愈能力强
2022/03/18 日漫
python数字图像处理之图像的批量处理
2022/06/28 Python