如果我们有一个后台网站,或者显示个人信息的网站 标题logo,边框等信息的代码都是固定的,只有部分区域是改变,

我们如果用Django来写html的话就会重复代码.这时候我们只要用模板的方式把需要改变的代码块引入,

增加项目的时候也只需要增加需要插入的代码即可

如下图我们要写一个类似的网页:

点击已购商品时会出现:

点击购物车后会出现:

:

左侧菜单是用A标签来写的链接,如果正常来写,我们有几个链接就要写几个基本内容相同的网页,只是棕色的显示区域内容不同.现在我们有新的写法去改变这一现象:

1 首先我们写一个HTML叫base.html

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Title</title>
  6.     <style>
  7.         .head{
  8.             height: 50px;background-color: steelblue;text-align: center;color: red;font-size: 22px;
  9.         }
  10.         .center{
  11.             height: 800px;
  12.         }
  13.         .left{
  14.             width: 25%;background-color: tan;height: 800px;float: left;
  15.         }
  16.         .left a{display: block;color: black;font-size: 22px}
  17.         .right{
  18.             width: 75%;background-color: saddlebrown;height: 800px;float: left;
  19.         }
  20.         .button{
  21.             height: 50px;background-color: steelblue;
  22.         }
  23.         .buy{
  24.             color: darkkhaki;font-size: 30px;
  25.         }
  26.     </style>
  27. </head>
  28. <body>
  29.     <div class="head">我的购物信息</div>
  30.     <div class="center">
  31.         <div class="left">
  32.             <a href="/buy/">已购商品</a>
  33.             <a href="/shoppingcar/">购物车</a>
  34.             <a href="/collection/">收藏夹</a>
  35.         </div>
  36.         <div class="right">
  37.             {% block rightbox %}
  38.  
  39.             {% endblock %}
  40.         </div>
  41.     </div>
  42.     <div class="button">底部栏</div>
  43. </body>
  44. </html>

这里我们发现这里的代码什么都没有多了个{% block rightbox %} 和 {% endblock %} 这就是固定的格式,告诉我们将要把需要引入的代码放入这里 , rightbox 是我们区分代码块起的名字

而这个base.html就是我们的模板网页,我们并不直接访问这个网页

2   我们的左侧菜单里有已购商品 ,购物车,收藏夹,那么我们就需要有3个html文档

现在我们给已购商品写一个buy.html,看看要怎么写:

我们在模板base.html里用了

所以我们还要去写views 和urls里去写其他的代码:

  1.  from django.shortcuts import render,HttpResponse
  2.  
  3.  # Create your views here.
  4.  
  5.  def buy(req):
  6.     return render(req,"buy.html")
  7.  
  8.  def base(req):
  9.      return render(req,"base.html")
  10.  
  11.  def collection(req):
  12.      return render(req, "collection.html")
  13.  
  14.  def shoppingcar(req):
  15.      return  render(req,"shoppingcar.html")
  16.  
  17.  def mod(req):
  18.      return  render(req,"mod.html")
  1.  from django.contrib import admin
  2.  from django.urls import path
  3.  from t_app import views
  4.  
  5.  urlpatterns = [
  6.      path('admin/', admin.site.urls),
  7.      path(r'buy/', views.buy),
  8.      path(r'base/', views.base),
  9.      path(r'shoppingcar/', views.shoppingcar),
  10.      path(r'mod/', views.mod),
  11.      path(r'collection/', views.mod),
  12.  
  13.  ]

Django 用模板来节省公共代码,的更多相关文章

  1. Django基础-004 上下文管理器&中间件&前端公共代码复用

    一.上下文管理器 在views中重复使用的代码,可以在上下文管理器中实现 上下文管理器的处理流程如下: 1.先走完views里面的代码,将结果返回给前端 2.然后再将上下文的结果返回给前端 3.上下文 ...

  2. python学习笔记--Django入门二 Django 的模板系统

    为了使网站更干净简洁更容易维护,页面的设计和Python的代码必须分离开.我们可以使用Django的 模板系统 (Template System)来实现这种模式. 几个简单的模板标签(tag):   ...

  3. 第四章：Django 的模板系统(转)

    在之前的章节中,你可能觉得例子中视图返回文本有点不妥.即是, HTML 是直接写在 Python 代码中的.     这种做法会导致这些问题:     要做任何设计上的更改就必须改写 Python 代 ...

  4. 读书笔记 effective c++ Item 44 将与模板参数无关的代码抽离出来

    1. 使用模板可能导致代码膨胀 使用模板是节省时间和避免代码重用的很好的方法.你不需要手动输入20个相同的类名,每个类有15个成员函数,相反,你只需要输入一个类模板,然后让编译器来为你实例化20个特定 ...

  5. Django的模板层

    一 模版简介 你可能已经注意到我们在例子视图中返回文本的方式有点特别. 也就是说,HTML被直接硬编码在 Python代码之中. def current_datetime(request): now ...

  6. Django之模板(T)

    一, 常用语法 Django模板中只需要记两种特殊符号: {{ }}和 {% %} {{ }}表示变量,在模板渲染的时候替换成值,{% %}表示逻辑相关的操作. 一, 变量 语法: {{ 变量名 }} ...

  7. 053.Python前端Django框架模板层

    模板层 一 模板语法之变量 在 Django 模板中遍历复杂数据结构的关键是句点字符, 语法: {{ var_name }} [root@node10 mysite]# cat app01/urls. ...

  8. Django中模板的用法简介

    1. 模板系统的介绍 Django作为一个Web框架,其模板所需的HTML输出静态部分以及动态内容插入 模板由HTML代码和逻辑控制代码构成 Django框架的模板语言的语法格式: {{var_nam ...

  9. Django使用模板后无法找到静态资源文件

    Django使用模板后无法找到静态资源文件 环境配置 Django版本1.11 python版本3.6.2 前言 在编写Django网站的时候,在涉及模板方面,一些简单的例子都没有问题,但这些例子都有 ...

随机推荐

  1. 微信小程序web-view之动态加载html页面

    官方推出的web-view方便了很多开发人员. 我们在做的时候,经常会想到写一个小程序的page然后通过动态加载web-view的形式来完成其他功能页面的开发. 之前研究web-view的时候发现网上 ...

  2. SSH小项目整合的简单记录

    第一步.导入sprint4.struts2和hibernate4的jar包 struts2的jar包 commons-fileupload-1.3.3.jar commons-io-2.5.jar c ...

  3. centos7 二进制安装mysql5.6

    下载mysqltar包 wget -q http://mirrors.sohu.com/mysql/MySQL-5.6/mysql-5.6.35-linux-glibc2.5-x86_64.tar.g ...

  4. 【12c OCP】CUUG OCP认证071考试原题解析（36）

    36.choose the best answer View the Exhibits and examine the structures of the PRODUCTS, SALES, and C ...

  5. hadoop版本总结

         hadoop有两个分支:0.20.x 和0.23.x.其中0.20.x是比较稳定的版本,0.23.x中新特性更多,但相对不稳定. 其中从0.20.x 分支发展出来的是:hadoop1.0,C ...

  6. SpringMvc渲染视图

    这篇博文讨论的问题是从ModelAndView如何渲染到页面. 首先要知道每个请求处理完之后都会返回一个ModelAndView对象. 这里我分6种情况来分析,代表6种返回类型: ModelAndVi ...

  7. SpringAOP的应用实例与总结

    一:AOP的背景 面试的时候面试官让我解释一下什么是AOP,当时不懂,在路上就查了,AOP:面向切面的编程技术,困惑了,JAVA是OOP:面向对象的编程技术.那么自己就立刻查了几个为题:1.什么是面向 ...

  8. 2016级算法期末上机-A.简单·Bamboo's Fight with DDLs I

    简单·Bamboo's Fight with DDLs I 分析 一句话:要装满的完全背包问题. 对比完全背包只有一点要改变:初始化为负无穷 传送门: https://buaacoding.cn/pr ...

  9. jmeter的non-gui模式的使用

    jmeter的non-gui模式的使用,待补充

  10. geatpy - 遗传和进化算法相关算子的库函数（python）

    Geatpy The Genetic and Evolutionary Algorithm Toolbox for Python Introduction Website (including doc ...