templates 讲后台得到的数据渲染到页面上：话不多说，先看具体代码。

urls:

from django.conf.urls import url

from django.contrib import admin

from django.urls import path

from a00 import views

urlpatterns = [

    path('admin/', admin.site.urls),

    url(r'show_time/',views.show_time ),

    url(r'list_bianli/',views.list_bianli),

    url(r'dict_bianli/', views.dict_bianli),

    url(r"login/",views.login,name="log")

]

views:

from django.shortcuts import render, HttpResponse

import time, datetime

# Create your views here.

class Animal():

    def __init__(self,name,sex):

        self.name=name

        self.sex=sex

def show_time(request):

    t = datetime.datetime.now()

    return render(request, "show_time.html", locals())

def list_bianli(request):

    l = ["韩寒", "梅梅", "丽丽"]

    return render(request, "index.html", {"action":l}) # 遍历列表

def dict_bianli(request):

    c=Animal("alex","公")

    l = ["韩寒", "梅梅", "丽丽"]

    d = {"name": "憨憨", "age": 12, "hobby": "篮球"}

    a="<a href=''>click</a>"

    return render(request, "dict_bian.html",locals()) # 遍历字典

def login(requrst):

    return HttpResponse("OK")

show_time.html:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<h1>时间为：{{ t }}</h1>

{#管道符  date方法 主要格式化日期#}

<h1>{{t|date:"Y-m-d"}}</h1>

</body>

</html>

index.html：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<h1>Hellow {{ action.0 }}</h1>

<h1>Hellow {{ action.1 }}</h1>

<h1>Hellow {{ action.2 }}</h1>

<h1>{{ a }}</h1>

</body>

</html>

dict_bian.html:

{#在HTML中加在你的filter#}

{% load myTag %}

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

{#万能聚点符  可以遍历字典，列表  等等#}

<h1>Hellow {{ d.name }}</h1>  <!-- 憨憨-->

<h1>Hellow {{ d.age }}</h1>

<h1>Hellow {{ d.hobby }}</h1>

<h1>hello {{c.name}}</h1>

<h1>hello {{c.sex}}</h1>

<h1>憨的真是年龄{{d.age|add:12 }}</h1>  <!--憨的真是年龄24-->

{#第一种写法#}

<h1>{{ a|safe}}</h1> <!--相当于超链接-->

{#第二种写法#}

{% autoescape off %}

    <h1>{{ a }}</h1>

{% endautoescape %}

{#if语句#}

{#输出结果：憨憨的年龄小于12#}

{% if d.age > 18 %}

    <h1>hello {{ d.name }}</h1>

{% else %}

    <h1>{{ d.name }}的年龄小于{{ d.age }}</h1>

{% endif %}

{#for循环#}

{#输出结果：1:韩寒 2:梅梅  3:丽丽 #}

{% for name in l %}

    <h1>{{ forloop.counter0 }}:{{ name }}</h1>

      倒序输出

    <h1>{{ forloop.revcounter0 }}:{{ name }}</h1>

{% endfor %}

<form action="{% url 'log' %}" method="post">

    <p>用户名<input type="text" name="user"></p>

    <p>密码<input type="text" name="pwd"></p>

    <p><input type="submit"></p>

{#    渲染“身份证”  解决403#}

    {% csrf_token %}

</form>

{#通过自定义过滤器来完成乘法运算#}

{{ d.age|filter_multi:3 }}  <!-- 输出结果 36  此时d.age 相当于后台 filter_multi 方法中的x ,3 才是参数y-->

{% simple_tag_multi 3 5 2 %} <!-- 30 -->

{% simple_tag_multi d.age 5 2 %} <!-- 120 -->

</body>

</html>

自定义过滤器filter:

第一步：在项目中创建一个文件夹名字叫templatetags.

第二步：在文件夹templatetags建一个.py文件，名字自定

第三步：在.py文件中写代码：

myTag.py:

from django import template  # 固定 背下来

from django.utils.safestring import mark_safe  # 固定 背下来

register = template.Library()  # register 的名字是固定的，不可改变

@register.filter

def filter_multi(x, y):  # y是参数 x不是 并且只能有一个参数

    return x * y

@register.simple_tag

def simple_tag_multi(x, y, z):  # 可以传多个参数

    return x * y * z

接着在需要用到自定义过滤器filter的HTML中运用即可：

 注：复制的话去前面dict_bian.html中

templates 中 extends 和 include 用法：

base.html:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<style>

    *{

        margin: 0;

        padding: 0;

    }

    .nav{

        line-height: 40px;

        width:100%;

        background-color: darkblue;

        color: white;

        font-size: 20px;

        text-align: center;

    }

    .left{

        width:20%;

        min-height: 600px;

        overflow: auto;

        background-color: lightblue;

    }

    .manage{

        text-align: center;

        padding: 20px 0px;

        margin: 20px 0;

        font-size: 18px;

    }

    .content{

        width:70%;

        min-height:600px ;

    }

    a{

        text-decoration: none;

    }

    h1,h2{

        text-align: center;

    }

     .left,content{

         float: left;

     }

</style>

<body>

<div class="outer">

    <div class="nav">标题</div>

    <div class="left">

        <div class="student manage"><a  href="/student/">学生管理</a></div>

        <div class="teacher manage"><a  href="">老师管理</a></div>

        <div class="course manage"> <a  href="">课程管理</a></div>

        <div class="classes manage"><a  href="">班里管理</a></div>

    </div>

    <div class="content">

{#        相当于放了一个盒子  因为此行代码需要修改 #}

        {% block content1 %}

            <h1>WELCOME TO LOGIN</h1>

        {% endblock %}

    </div>

</div>

</body>

</html>

需要继承base.html的student2.html代码：

{#继承base.html全部代码#}

{% extends "base.html" %}

{# 修改base.html中定义的盒子#}

{% block content1 %}

{#    如果想拿父类(base.html中盒子哪儿一块)#}

    {{ block.super }}

   {% for student in student_list %}

            <h2>学生{{ student }}</h2>

        {% endfor %}

{#    在本页中在加一个Html的内容 用 include #}

    {% include "test.html" %}

{% endblock %}

Python学习第二十八课——Django(templates)的更多相关文章

  1. Python学习第二十八课——Django(urls)

    Django框架中的urls配置: 首先通过pycharm创建一个Django项目: 例如要写blog的功能:则在digango_lesson中的urls代码如下: """ ...

  2. Python学习第二十六课——PyMySql（python 链接数据库）

    Python 链接数据库: 需要先安装pymysql 包 可以设置中安装,也可以pip install pymysql 安装 加载驱动: import pymysql # 需要先安装pymysql 包 ...

  3. Python学习第二十五课——Mysql （多表查询）

    多表查询: 内连接查询: 首先:创建两个表一个为tableA,一个为tableB,并且插入数据(代码省略) 同时查询两个表的记录: select * from tableA,tableB; 根据tab ...

  4. Python学习第二十四课——Mysql 外键约束

    外键:主要是关联两个表的 举个栗子:在建表中创建外键 -- 添加外键例子 CREATE TABLE teacher( id TINYINT PRIMARY KEY auto_increment, na ...

  5. Python学习第二十二课——Mysql 表记录的一些基本操作 （增删改）

    记录基本操作: 增:(insert into) 基本语法: insert into 表名(字段) values(对应字段的值): 例子1: insert into employee(id,name,a ...

  6. Python学习第十八课——继承，接口继承等

    1.继承:字面意思 # 继承 : 字面意思 class father: pass class grandfather: pass class children(father): # 单继承 pass ...

  7. NeHe OpenGL教程 第二十八课：贝塞尔曲面

    转自[翻译]NeHe OpenGL 教程 前言 声明,此 NeHe OpenGL教程系列文章由51博客yarin翻译(2010-08-19),本博客为转载并稍加整理与修改.对NeHe的OpenGL管线 ...

  8. 风炫安全web安全学习第二十八节课 CSRF攻击原理

    风炫安全web安全学习第二十八节课 CSRF攻击原理 CSRF 简介 跨站请求伪造 (Cross-Site Request Forgery, CSRF),也被称为 One Click Attack 或 ...

  9. 风炫安全WEB安全学习第二十三节课 利用XSS获取COOKIE

    风炫安全WEB安全学习第二十三节课 利用XSS获取COOKIE XSS如何利用 获取COOKIE 我们使用pikachu写的pkxss后台 使用方法: <img src="http:/ ...

随机推荐

  1. Dimensionality and high dimensional data: definition, examples, curse of..

    Dimensionality in statistics refers to how many attributes a dataset has. For example, healthcare da ...

  2. Tomcat解压版-环境配置

    [问题]Tomcat解压版在本地后,双击双击startup.bat,闪退 [解决办法]    1.在已解压的tomcat的bin文件夹下找到startup.bat,右击->编辑.在文件头加入下面 ...

  3. leetcode 869. Reordered Power of 2

    function reorderedPowerOf2(N) { var a1 = N.toString().split('') a1.sort((a, b) => a.localeCompare ...

  4. electron聊天室|vue+electron-vue仿微信客户端|electron桌面聊天

    一.项目概况 基于Electron+vue+electron-vue+vuex+Nodejs+vueVideoPlayer+electron-builder等技术仿制微信电脑端界面聊天室实例,实现消息 ...

  5. IntelliJ IDEA 2017.3尚硅谷-----生成 javadoc

    Locale:输入语言类型:zh_CN Other command line arguments:-encoding UTF-8 -charset UTF-8

  6. 概念理解_L2范数（欧几里得范数）

    L1范数 L1范数是指向量中各个元素绝对值之和 L2范数 L2范数.欧几里得范数一些概念. 首先,明确一点,常用到的几个概念,含义相同. 欧几里得范数(Euclidean norm) ==欧式长度 = ...

  7. 用git无法连接github的解决方法

    如果要從 GitHub 存取 Git 儲存庫,建議還是多採用 SSH 與 HTTPS 通訊協定最為穩定可靠,因此我的替代方案就是設定 Git 的全域設定值 ( –global ),預設將所有 git: ...

  8. DuPan不限速教程

    准备: 1.一个百度网盘链接 2.一个可以切换UA的浏览器, 手机版:via,极速浏览器,Kiwi浏览器(推荐)电脑版:未知 3.你的手和脑子

  9. Centos610-oracle 备份和还原

    前言 本文是为基于Centos6.*(linux)系列的Oracle备份和还原的操作记录,其中根据expdp和impdp不同参数可实现不同场景下的导出导入,为不同OS下面的Oracle迁移打下基础. ...

  10. 【网易官方】极客战记（codecombat）攻略-地牢-Kithmaze 二度历险

    关卡连接: https://codecombat.163.com/play/level/the-second-kithmaze 很多人试过,但只有少数人能穿过此迷宫. 简介: 记住,你只需 一个 wh ...