一、模板样式

注意：

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. Debug记录(1)

    今天下午在给nRF52832写程序时,莫名遇到了这个错误 错误id是一个很奇怪的数. 原代码如下: static void timers_init(void) { uint32_t timer_err ...

  2. （转）winform之RichTextBox

    RichTextBox是一种可用于显示.输入和操作格式文本,除了可以实现TextBox的所有功能,还能提供富文本的显示功能. 控件除具有TextBox 控件的所有功能外,还能设定文字颜色.字体和段落格 ...

  3. Bulk RNA-Seq转录组学习

    与之对应的是single cell RNA-Seq,后面也会有类似文章. 参考:https://github.com/xuzhougeng/Learn-Bioinformatics/ 作业:RNA-s ...

  4. zookeeper在搭建的时候，解决后台启动为standalone模式问题

    今天在搭建zookeeper,搭建完成之后,启动一直报错: 上网查了好多资料:有几种解决方案: 1.在配置文件conf目录下,将zoo_sample.cfg删除,只留zoo.cfg(然而就我的情况而言 ...

  5. LeetCode--002--两数相加(java版)

    给出两个 非空 的链表用来表示两个非负的整数.其中,它们各自的位数是按照 逆序 的方式存储的,并且它们的每个节点只能存储 一位 数字. 如果,我们将这两个数相加起来,则会返回一个新的链表来表示它们的和 ...

  6. Selenium自动化测试框架入门整理

    ​​关注嘉为科技,获取运维新知 本文主要针对Selenium自动化测试框架入门整理,只涉及总体功能及框架要点介绍说明,以及使用前提技术基础要求整理说明.作为开发人员.测试人员入门参考. 本文参考:Se ...

  7. SqlSever查询某个表的列名称、说明、备注、注释，类型等

    这周整理了数据库文档,发现用导出脚本来整理表的信息注释查看不方便,因此我就想能不能SQL语句查询表的注释或者表的字段.我就我问朋友是不是可以,他给我点指导,然后自己也在网上百度,来实现自己的想法,我把 ...

  8. 第一阶段——站立会议总结DAY03

    昨天忘记发了,补充... 1.昨天做了什么:继续做界面的设计,使其更加美观. 2.今天准备做什么:准备将点击按钮时跳转到一个修改密码界面. 3.遇到的困难:此次第一阶段的任务是一个框架,不知道可否实现 ...

  9. 使用SetInterval时函数不能传参问题

    无论是window.setTimeout还是window.setInterval,在使用函数名作为调用句柄时都不能带参数,而在许多场合必须要带参数,这就需要想方法解决.经网上查询后整理如下:例如对于函 ...

  10. python中类的概念

    在Python中,所有数据类型都可以视为对象,也可以自定义对象.自定义的对象即面向对象中的类(Class)的概念. class Student(object): def __init__(self, ...