Python学习第二十八课——Django(templates)
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)的更多相关文章
- Python学习第二十八课——Django(urls)
Django框架中的urls配置: 首先通过pycharm创建一个Django项目: 例如要写blog的功能:则在digango_lesson中的urls代码如下: """ ...
- Python学习第二十六课——PyMySql(python 链接数据库)
Python 链接数据库: 需要先安装pymysql 包 可以设置中安装,也可以pip install pymysql 安装 加载驱动: import pymysql # 需要先安装pymysql 包 ...
- Python学习第二十五课——Mysql (多表查询)
多表查询: 内连接查询: 首先:创建两个表一个为tableA,一个为tableB,并且插入数据(代码省略) 同时查询两个表的记录: select * from tableA,tableB; 根据tab ...
- Python学习第二十四课——Mysql 外键约束
外键:主要是关联两个表的 举个栗子:在建表中创建外键 -- 添加外键例子 CREATE TABLE teacher( id TINYINT PRIMARY KEY auto_increment, na ...
- Python学习第二十二课——Mysql 表记录的一些基本操作 (增删改)
记录基本操作: 增:(insert into) 基本语法: insert into 表名(字段) values(对应字段的值): 例子1: insert into employee(id,name,a ...
- Python学习第十八课——继承,接口继承等
1.继承:字面意思 # 继承 : 字面意思 class father: pass class grandfather: pass class children(father): # 单继承 pass ...
- NeHe OpenGL教程 第二十八课:贝塞尔曲面
转自[翻译]NeHe OpenGL 教程 前言 声明,此 NeHe OpenGL教程系列文章由51博客yarin翻译(2010-08-19),本博客为转载并稍加整理与修改.对NeHe的OpenGL管线 ...
- 风炫安全web安全学习第二十八节课 CSRF攻击原理
风炫安全web安全学习第二十八节课 CSRF攻击原理 CSRF 简介 跨站请求伪造 (Cross-Site Request Forgery, CSRF),也被称为 One Click Attack 或 ...
- 风炫安全WEB安全学习第二十三节课 利用XSS获取COOKIE
风炫安全WEB安全学习第二十三节课 利用XSS获取COOKIE XSS如何利用 获取COOKIE 我们使用pikachu写的pkxss后台 使用方法: <img src="http:/ ...
随机推荐
- Dimensionality and high dimensional data: definition, examples, curse of..
Dimensionality in statistics refers to how many attributes a dataset has. For example, healthcare da ...
- Tomcat解压版-环境配置
[问题]Tomcat解压版在本地后,双击双击startup.bat,闪退 [解决办法] 1.在已解压的tomcat的bin文件夹下找到startup.bat,右击->编辑.在文件头加入下面 ...
- leetcode 869. Reordered Power of 2
function reorderedPowerOf2(N) { var a1 = N.toString().split('') a1.sort((a, b) => a.localeCompare ...
- electron聊天室|vue+electron-vue仿微信客户端|electron桌面聊天
一.项目概况 基于Electron+vue+electron-vue+vuex+Nodejs+vueVideoPlayer+electron-builder等技术仿制微信电脑端界面聊天室实例,实现消息 ...
- IntelliJ IDEA 2017.3尚硅谷-----生成 javadoc
Locale:输入语言类型:zh_CN Other command line arguments:-encoding UTF-8 -charset UTF-8
- 概念理解_L2范数(欧几里得范数)
L1范数 L1范数是指向量中各个元素绝对值之和 L2范数 L2范数.欧几里得范数一些概念. 首先,明确一点,常用到的几个概念,含义相同. 欧几里得范数(Euclidean norm) ==欧式长度 = ...
- 用git无法连接github的解决方法
如果要從 GitHub 存取 Git 儲存庫,建議還是多採用 SSH 與 HTTPS 通訊協定最為穩定可靠,因此我的替代方案就是設定 Git 的全域設定值 ( –global ),預設將所有 git: ...
- DuPan不限速教程
准备: 1.一个百度网盘链接 2.一个可以切换UA的浏览器, 手机版:via,极速浏览器,Kiwi浏览器(推荐)电脑版:未知 3.你的手和脑子
- Centos610-oracle 备份和还原
前言 本文是为基于Centos6.*(linux)系列的Oracle备份和还原的操作记录,其中根据expdp和impdp不同参数可实现不同场景下的导出导入,为不同OS下面的Oracle迁移打下基础. ...
- 【网易官方】极客战记(codecombat)攻略-地牢-Kithmaze 二度历险
关卡连接: https://codecombat.163.com/play/level/the-second-kithmaze 很多人试过,但只有少数人能穿过此迷宫. 简介: 记住,你只需 一个 wh ...