一、模板样式

注意：

1、url

urlpatterns = {
    path('admin/', admin.site.urls),
    path('order/', views.order),
    path('shopping_car/', views.shopping_car),
}

2、views

from django.shortcuts import render, render_to_response, redirect
from django.http import HttpResponse
import datetime
from blog import models

def order(req):

    return render(req,"order.html")

def shopping_car(req):

    return render(req,"shopping_car.html")

3、templates

1)order

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .page-header{
            height:50px;
            background-color: rebeccapurple;
        }
        .page-body .menu{
            height: 500px;
            background-color: antiquewhite;
            float:left;
            width: 15%;
        }
        .page-body .content{
            height: 500px;
            background-color: cornflowerblue;
            float: left;
            width: 85%;
        }
        .page-footer{
            height: 30px;
            background-color: darkblue;
            clear: both;
        }
    </style>
</head>
<body>
<div>
    <div class="page-header"></div>
    <div class="page-body">
        <div class="menu">
            <a href="/order/">订单</a><br>
            <a href="/shoping_car/">购物车</a>
        </div>
        <div class="content">订单</div>

    </div>
    <div class="page-footer"></div>
</div>
</body>
</html>

2)shopping_car

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .page-header{
            height:50px;
            background-color: rebeccapurple;
        }
        .page-body .menu{
            height: 500px;
            background-color: antiquewhite;
            float:left;
            width: 10%;
        }
        .page-body .content{
            height: 500px;
            background-color: cornflowerblue;
            float: left;
            width: 90%;
        }
        .page-footer{
            height: 30px;
            background-color: darkblue;
            clear: both;
        }
    </style>
</head>
<body>
<div>
    <div class="page-header"></div>
    <div class="page-body">
        <div class="menu">
            <a href="/order/">订单</a><br>
            <a href="/shoping_car/">购物车</a>
        </div>
        <div class="content"> 购物车</div>

    </div>
    <div class="page-footer"></div>
</div>
</body>
</html>

二、引入模板

注意：

1)设置模板--非公共部分使用此种方法代替

{% block content %}

{% endblock %}

2)引入模板

extends引入模板

{% block content %}包含私有部分

{% extends "base.html" %}
{% block content %}
        <div class="content">订单</div>
{% endblock %}

1、url

urlpatterns = {
    path('admin/', admin.site.urls),
    # path('cur_time/', views.cur_time),
    # # path('userInfo/',views.userInfo),
    # path('login/', views.login),
    # path('home/', views.home),
    # path('hello/',views.hello),
    path('order/', views.order),
    path('shopping_car/', views.shopping_car),
}

2、views

from django.shortcuts import render, render_to_response, redirect
from django.http import HttpResponse
import datetime
from blog import models

def order(req):

    return render(req,"order.html")

def shopping_car(req):

    return render(req,"shopping_car.html")

3、templates

1)base

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .page-header{
            height:50px;
            background-color: rebeccapurple;
        }
        .page-body .menu{
            height: 500px;
            background-color: antiquewhite;
            float:left;
            width: 15%;
        }
        .page-body .content{
            height: 500px;
            background-color: cornflowerblue;
            float: left;
            width: 85%;
        }
        .page-footer{
            height: 30px;
            background-color: darkblue;
            clear: both;
        }
    </style>
</head>
<body>
<div>
    <div class="page-header"></div>
    <div class="page-body">
        <div class="menu">
            <a href="/order/">订单</a><br>
            <a href="/shoping_car/">购物车</a>
        </div>
        {% block content %}

        {% endblock %}

    </div>
    <div class="page-footer"></div>
</div>
</body>
</html>

2)order

{% extends "base.html" %}
{% block content %}
        <div class="content">订单</div>
{% endblock %}

3)shopping_car

{% extends "base.html" %}
{% block content %}
        <div class="content"> 购物车</div>
{% endblock %}

三、展示效果

点击订单或者购物车，行营的url链接、右边显示的内容随之改变

Python Django 之 Template 模板的使用的更多相关文章

  1. Python Django 之 Template 模板语言简介

    一.什么事模板语言 html+逻辑控制语句 二.模板语言的作用 帮助前端处理后端发来的数据,方便前端展示(杂糅渲染) 三.模板语言语法 1.{{变量}} 变量使用双大括号{{}} 2.万能的句点号. ...

  2. python Django教程 之模板渲染、循环、条件判断、常用的标签、过滤器

    python3.5 manage.py runserver python Django教程 之模板渲染.循环.条件判断.常用的标签.过滤器 一.Django模板渲染模板 1. 创建一个 zqxt_tm ...

  3. python - django 解决 templates 模板语言语法冲突

    # 在使用某个框架时发现语法与Django的模板语法冲突了,于是找到解决方案: {% verbatim %} // 被 verbatim 包裹起来的地方是不会被 django 渲染的 {% endve ...

  4. python框架Django中MTV框架之Template(模板/界面)

    MTV框架之Template(模板/界面) 关注公众号"轻松学编程"了解更多. 1.模板目录位置 应用下 不需要注册 无法跨应用地进行复用 工程下 需要注册 settings.py ...

  5. Python Web框架篇：Django templates（模板）

    为什么用templates? views.py视图函数是用来写Python代码的,HTML可以被直接硬编码在views.py之中.如下: import datetime def current_tim ...

  6. Python Django框架笔记（六）：模板

    (一){%%}和{{ }} {% for post in posts %} <a href=""><h2>{{ post.title }}</h2&g ...

  7. Python菜鸟之路：Django 路由、模板、Model(ORM)

    Django路由系统 Django的路由系统让Django可以根据URI进行匹配,进而发送至特定的函数去处理用户请求.有点类似nginx的location功能. Django的路由关系分为三种:普通关 ...

  8. django基础2： 路由配置系统，URLconf的正则字符串参数，命名空间模式，View（视图），Request对象，Response对象，JsonResponse对象，Template模板系统

    Django基础二 request request这个参数1. 封装了所有跟请求相关的数据,是一个对象 2. 目前我们学过1. request.method GET,POST ...2. reques ...

  9. python :Django url /views /Template 文件介绍

    1,Django URL 路由系统 URL配置(URLconf)就像Django 所支撑网站的目录.它的本质是URL模式以及要为该URL模式调用的视图函数之间的映射表:你就是以这种方式告诉Django ...

随机推荐

  1. QQ Protect 的删除

    删的好费劲,驱动程序,服务,各个东西都在相互保护. 最后总结: 1)进安全模式 2)删除 下面的文件 c:\program files\tencent\qqlite\shellext\qqshelle ...

  2. R quantile函数 | cut函数 | sample函数 | all函数 | scale函数 | do.call函数

    取出一个数字序列中的百分位数 1. 求某一个百分比 x<-rnorm(200) quantile(x,0.9) 2. 求一系列的百分比 quantile(x,c(0.1,0.9)) quanti ...

  3. 【debug、info、warn、error】四者之间的区别与用法

    debug:需要在调试过程中输出的信息,但发布后是不需要的(当然发布后,也是看不到的) info:需要持续输出的信息(无论调试还是发布状态) warn:警告级别的信息(不严重) error:错误信息( ...

  4. Confluence 6 空间权限概述

    在 Confluence 中的每一个空间都会有自己的权限,这个权限可以被空间的管理员进行调整,也可以被空间管理员取消.当用户创建一个空间的时候,例如用户创建一个你的个人空间,创建控件的这个用户将会被自 ...

  5. 1. windows 下redis数据库的安装

    安装 window系统的redis是微软团队根据官方的linux版本高仿的 官方原版: https://redis.io/ 中文官网:http://www.redis.cn 下载地址: https:/ ...

  6. vue.js手机号验证是否正确

    {literal}          var mobile_mode=/^1[34578]\d{9}$/;       {/literal}       if(!mobile_mode.test(te ...

  7. Maximum Questions CodeForces - 900E (字符串,dp)

    大意:给定长$n$的字符串$s$, 只含'a','b','?', '?'可以替换为任意字符, 在给定长$t$的字符串, "ababab...", 求替换尽量少的'?', 使得$s$ ...

  8. IDEA中部署tomcat，运行JSP文件，编译后的JSP文件存放地点总结

    首先保证你正常部署了Tomcat,并且正常在浏览器中运行了JSP文件. 那么Tomcat编译后的JSP文件(_jsp.class 和 _jsp.java)的存放地点: (一)一般存放在你安装的Tomc ...

  9. SSRF漏洞

    概念:服务端在获取攻击者输入的url时,如果这个过程中,服务端并没有对这个url做任何的限制和过滤,那么就很有可能存在ssrf漏洞. 漏洞利用:SSRF攻击的目标一般是外网无法访问的内部系统.攻击者可 ...

  10. 【JS】【4】字符串数字比较大小

    两个转换函数: parseInt():把值转换成整数 parseFloat():把值转换成浮点数 也有其他方法,详情请看参考博客,但个人认为转换函数是最好的方法 参考文档: 1,js.jquery字符 ...