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

(编辑：jimmy 日期: 2024/11/15 浏览：2)

看下面两个页面：

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="/UploadFiles/2021-04-08/{% static ">


使用{%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 REST Framework限速


Django admin美化插件suit使用示例


Django admin实现图书管理系统菜鸟级教程完整实例


如有不足之处，欢迎留言指出。感谢朋友们对本站的支持！
上一篇：VTK与Python实现机械臂三维模型可视化详解
下一篇：python+pygame简单画板实现代码实例

最新资源