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. VScode 编辑器快捷键被占用

    在家办公这个开发环境实在是让人受不鸟 .mysql .vscode 对连QQ都没有运行还是不行.排查最终发现了这个家伙—搜狗输入法.微软输入法 这两个把系统快捷键占得那个全 我这个全局搜索死活用不了, ...

  2. Myeclipse异常

    打不开文件 问题描述:Myeclipse然打开什么东西都报错了:Could not open the editor: Invalid thread access 解决方法:1.cmd 2.cd 进入你 ...

  3. CentOS7.5升级OpenSSH

    实验环境 OS:CentOS 7.5 当前openssh版本:OpenSSH_7.4p1 升级后的openssh版本:OpenSSH_8.0p1 开通telnet 为了防止升级过程中ssh断连,保险起 ...

  4. python之路之css

    方式三 方式四 <style type="text/css"> a:link{ color: red; } a:visited { color: blue; } a:h ...

  5. Java中boolean类型到底占用多少字节（转载）

    来源:https://www.cnblogs.com/brucecloud/p/5509921.html 虽然 Java 虚拟机定义了 boolean 这种数据类型,但是只对它提供了非常有限的支持.在 ...

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

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

  7. 修改centos history记录数上限

    修改/etc/profile [root@ ~]# sed -i 's/^HISTSIZE=1000/HISTSIZE=200/' /etc/profile [root@ ~]# source /et ...

  8. Chrome浏览器支持跨域访问

    创建一个chrome的快捷方式,并加上参数 --allow-file-access-from-files --disable-web-security --user-data-dir="D: ...

  9. 转载：DRC

    https://cn.mathworks.com/help/audio/ug/dynamic-range-control.html?requestedDomain=cn.mathworks.com h ...

  10. docker启动容器报错：iptables failed

    问题描述: 启动Docker容器的时候 Error response / --dport -j DNAT --to-destination ! -i docker0: iptables: No cha ...