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. 【Python】数值运算操作符

  2. IIS7.5 HTTP 错误 500 调用loadlibraryex失败的解决方法

    在IIS7.5打开网页的时候,提示: HTTP 错误 500.0 - Internal Server Error 调用 LoadLibraryEx 失败,在 ISAPI 筛选器 C:\Windows\ ...

  3. LitElement(六)生命周期

    1.概述 基于LitElement的组件通过响应观察到的属性更改而异步更新. 属性更改是分批进行的,如果在请求更新后,更新开始之前,发生更多属性更改,则所有更改都将捕获在同一次更新中. 在较高级别上, ...

  4. Harmonic Number (II) 数学找规律

    I was trying to solve problem '1234 - Harmonic Number', I wrote the following code long long H( int  ...

  5. istio部署-istio prometheus

    参考 fleeto/sleep fleeto/flaskapp 1. 使用 Prometheus 1.1 访问 Prometheus 1.1.1 端口转发 Prometheus 服务默认启用. # o ...

  6. 「口胡题解」「CF965D」Single-use Stones

    目录 题目 口胡题解 题目 有许多的青蛙要过河,可惜的是,青蛙根本跳不过河,他们最远只能跳 \(L\) 单位长度,而河宽 \(W\) 单位长度. 在河面上有一些石头,距离 \(i\) 远的地方有 \( ...

  7. 10day 字符集优化 重点

    什么是字符编码: 可以实现对非英文字符的支持 计算机操作系统是谁发明的? --美国人--英语 支持中文比较好的编码: UTF-8 比较通用 GBK 比较国际通用 出现乱码的原因: 01. 系统字符集设 ...

  8. NOIP做题练习（day4）

    A - 同花顺 题面 题解 30分做法 爆搜即可. 60分做法 去重+贪心. 100分做法 去重+贪心后,我们要寻找一段符合条件的最长同花上升子序列 \(L\),\(n-L\) 即为所求的答案. 首先 ...

  9. [lua]紫猫lua教程-命令宝典-L1-01-07. table表

    L1[table]01. table表的定义与赋值 小知识:声明表的例子 xx={}--创建一个空表xx --给这表的元素赋值 test="a" xx[test]="a& ...

  10. 解决Cannot download "https://github.com/sass/node-sass/releases/download/binding.nod的问题

    npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/