编程 Python

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

Posted in Python onDecember 12, 2017

看下面两个页面：

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

所有就此例可以设置三个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模板减少代码代码解析的全部内容，希望对大家有所帮助。感兴趣的朋友可以继续参阅本站：

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

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

- Author -

hb91

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Python 相关文章推荐

Python中使用Tkinter模块创建GUI程序实例

Jan 14 Python

Python的爬虫包Beautiful Soup中用正则表达式来搜索

Jan 20 Python

python if not in 多条件判断代码

Sep 21 Python

浅谈编码,解码,乱码的问题

Dec 30 Python

python实现上传下载文件功能

Nov 19 Python

python excel转换csv代码实例

Aug 26 Python

python中web框架的自定义创建

Sep 08 Python

windows下python安装pip方法详解

Feb 10 Python

Python %r和%s区别代码实例解析

Apr 03 Python

Tensorflow中k.gradients()和tf.stop_gradient()用法说明

Jun 10 Python

python操作微信自动发消息的实现(微信聊天机器人)

Jul 14 Python

Python内置包对JSON文件数据进行编码和解码

Apr 12 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