小白学习django第二站-模版配置
上一站说道app创建,接下来我们来配置app的url路由
首先需要到setting.py中添加book这个app,
再到django_test文件里的urls添加路由
include() : 这个函数是用来在project的urls.py文件进行注册的,简单来说对app分路由进行url分配
之后我们就可以在book这个app中配置页面了
对转换器进行使用
在views.py中编写
from django.http import HttpResponse
def index(request, str, int):
return HttpResponse(f'str转化器:{str};int转换器:{int}')
在urls.py中添加路由
from django.urls import path
from . import views
urlpatterns = [
path('index/<str:str>&<int:int>/', views.index),
]
网页显示
使用reverse, redirect实现页面跳转(重定向)
在views.py中编写
from django.http import redirect, reverse
from django.http import HttpResponse
def index_old(request, **kwargs):
if kwargs['name'] == 'true':
# return redirect('/book/index_new/') # 第一种跳转方式,
return redirect(reverse('new_html')) # 第二种跳转方式
def index_new(request):
return HttpResponse('这是跳转过来的页面')
在urls.py中编写
from django.urls import path
from . import views
urlpatterns = [
path('index_old/', views.index_old, {'name': 'true'}), # 传递参数
path('index_new/', views.index_new, name='new_html')
]
浏览器输入127.0.0.1:8000/book/index_old/
使用render渲染模版
setting.py中设置模版路径
在根目录下创建templates文件夹
在views.py中编写
from django.http import HttpResponse
from django.shortcuts import render
def index(request):
# 第一种
# temp = get_template('index_inner.html') # 内部html文件
# # temp = get_template('book/index_outer.html') # 外部html文件
# html = temp.render()
# return HttpResponse(html) # 第二种
return render(request, 'index_inner.html')
在urls.py 中编写
from django.urls import path, re_path
from . import views
urlpatterns = [
path('index/', views.index)
]
页面显示
模版变量和模版过滤器的使用
views.py中编写
from django.shortcuts import render, redirect, reverse
from django.template.loader import get_template
from django.http import HttpResponse
from datetime import datetime
# Create your views here.
def func():
return '这是函数'
class Class:
def __init__(self, name):
self.name = name def say(self):
return '这是类'
Cls = Class('类').say
list = [1, 2, 3, 4, 5, 6]
dict = {'a': 1, 'b': 2}
def index(request):
return render(request, 'book/index_outer.html',
context={
'string': 'this is string',
'func': func,
'class': Cls,
'list': list,
'dict': dict,
'default1': '',
'default2': None,
'time': datetime.now(),
'num1': 1,
'num2': 2,
'float': 3.1415926,
'html': '<h1>我是h1标签</h1>',
})
html文件中编写
{% load static %}
{#引入外部css,js,image等#}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>index_outer</title>
<link rel="stylesheet" href="{% static 'css/index.css' %}">
</head>
<body>
{{ num1 }} + {{ num2 }} = {{ num1|add:num2 }} <br>
默认值1: {{ default1|default:'我是默认值1' }} <br>
默认值2: {{ default2|default_if_none:'我是默认值2' }} <br>
返回列表第一个值: {{ list|first }} <br>
返回列表最后一个值: {{ list|last }} <br>
返回格式化的日期时间: {{ time|date }} <br>
返回格式化时间: {{ time|time }} <br>
添加填充内容: {{ string|join:' ' }} <br>
返回字符串长度: {{ string|length }} <br>
判断字符串长度: {{ string|length_is:10 }} <br>
把字符串都变成大写:{{ string|upper }} <br>
把字符串都变成小写:{{ string|upper|lower }} <br>
省略后面1:{{ string|truncatechars:7 }} <br>
省略后面2:{{ string|truncatewords:2 }} <br>
首字母大写:{{ string|capfirst }} <br>
切割列表:{{ list|slice:'0:3' }} <br>
html:{{ html }} <br>
去掉html标签:{{ html|striptags }} <br>
关闭标量转义:{{ html|safe }} <br>
浮点数格式化1:{{ float|floatformat }} <br>
浮点数格式化2:{{ float|floatformat:2 }} <br> 24日期时间:{{ time|date:'Y/m/d G:i:s' }}
12日期时间:{{ time|date:'Y/m/d g:i:s' }}
<> <br>
大于号:> <br>
小于号:< <br>
单引号:' <br>
双引号:" <br>
&符号:& <br>
<p>我是红色的</p>
<img src="{% static 'image/index.jpg' %}" alt="">
<script src="{% static 'js/index.js' %}"></script>
</body>
</html>
浏览器中显示
模版标签
views.py中编写
from django.shortcuts import render, redirect, reverse
from django.template.loader import get_template
from django.http import HttpResponse
from datetime import datetime
# Create your views here. def func():
return '这是函数' class Class:
def __init__(self, name):
self.name = name def say(self):
return '这是类' Cls = Class('类').say
list = [1, 2, 3, 4]
dict = {'a': 1, 'b': 2}
list0 = [] def index(request):
return render(request, 'book/index_outer.html',
context={
'string': 'this is string',
'func': func,
'class': Cls,
'list': list,
'dict': dict,
'default1': '',
'default2': None,
'time': datetime.now(),
'num1': 1,
'num2': 2,
'float': 3.1415926,
'html': '<h1>我是h1标签</h1>',
'list0': list0, })
html中编写
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>index_outer</title>
</head>
<body>
{% if num1 == 1 %}
{{ list }}
{% elif num1 == 2 %}
{{ num2 }}
{% else %}
{{ string }}
{% endif %} <br>
{% ifequal num1 num2 %}
{{ num1 }}
{% else %}
{{ num2 }}
{% endifequal %} <br>
{% for i in list %}
{% if forloop.counter == 1 %}
下标从1开始,索引为1的i为:{{ i }}
<br>
{% elif forloop.counter0 == 1 %}
下标从0开始,索引为1的i为:{{ i }}
<br>
{% elif forloop.revcounter == 1 %}
下标从1开始,索引为-1的i为:{{ i }}
<br>
{% elif forloop.revcounter0 == 1 %}
下标从0开始,索引为-1的i为:{{ i }}
<br>
{% endif %}
{% endfor %}
<br>
{% for i in list %}
{% if forloop.first %}
第一次迭代的i为:{{ i }}
<br>
{% elif forloop.last %}
最后一次迭代的i为:{{ i }}
<br>
{% else %}
第{{ i }}次迭代的值为:{{ i }}
<br>
{% endif %}
{% endfor %}
<br> {% for i in list %}
{% for j in list %}
{% if forloop.parentloop.counter == 1 %}
i的索引为{{ i }}时: i:{{ i }} | j: {{ j }} <br>
{% else %}
i的索引为{{ i }}时: i: {{ i }} | j: {{ j }} <br>
{% endif %}
{% endfor %}
{% endfor %}
<br> {% with list as i %}
i为:{{ i }}
{% endwith %}
<br> {% autoescape on %}
开启自动转义
<h1>我是h1标签</h1>
{{ html }} <br>
{{ html }} <br>
{{ html }} <br>
{% endautoescape %}
<br> {% for i in list0 %}
{{ string }}
{% empty %}
如果li没有数据 <br>
{{ list }}
{% endfor %}
<br>
<a href="/book/index/">跳转一</a>
<a href="{% url 'index' %}">跳转</a> </body>
</html>
浏览器显示
模版继承与引用
base模版
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{% block title %}模版页面 {% endblock %}</title>
<style>
{% block p %}
p{
color: red;
}
{% endblock %}
</style>
</head>
<body>
{% block top %}
这是模版头部
{% endblock %}
<br> {% block center %}
这是模版中间
{% endblock %}
<br> {% block bottom %}
这是模版尾部
<p>dfhsjkadfs</p>
{% endblock %}
</body>
</html>
引用模版
{% extends 'base.html' %} {% block title %}
修改页面
{% endblock %} {% block center %}
我自己添加的 <br>
{{ block.super }} <br>
我自己添加的
<br>
{% endblock %} {% block bottom %}
<br>
{% include 'base.html' %}
{% endblock %}
小白学习django第二站-模版配置的更多相关文章
- 小白学习django第一站-环境配置
Django简单来说就是用Python开发的一个免费开源的Web框架 使用Django,使你能够以最小的代价构建和维护高质量的Web应用. 开搞!!! 工具准备: linux(ubuntu) + py ...
- 小白学习tornado第二站-tornado简单介绍
tornado基本web应用结构 分为两大块类 Application对象(只会实例化一次) 路由表URl映射 (r'/', MainHandler) 关键词参数settings RequestHan ...
- 小白学习django第五站-简易案例
首先在setting.py文件中编写数据库配置内容 DATABASES = { 'default': { 'ENGINE': 'django.db.backends.mysql', 'NAME': ' ...
- 小白学习django第四站-关联数据库
使用mysql连接django首先要配置好相关环境 首先在setting.py配置数据库信息(需要现在mysql中创建一个数据库) 在setting.py那个目录的__init__.py文件中写入 之 ...
- 小白学习django第六站-http相关
请求与相应 HttpRequest对象API def home(request): print('path:', request.path) print('mothod:', request.meth ...
- 小白学习django第三站-自定义过滤器及标签
要使用自定义过滤器和标签,首先要设置好目录结构 现在项目目录下建立common的python包 再将common加入到setting.py中的INSTALLED_APP列表中 在common创建目录t ...
- 小白学习前端---第二天 HTML的基本属性————1
一.HTML的属性 1.1基本属性 1.1.1三个基本属性 class 定义类规则或者样式规则 id 定义元素的唯一标识 stype 定义元素的样式声明 1.1.2不含三个基本属性的元素 h ...
- 小白学习VUE第二课:环境搭建 VUE Node.js VSCode template模板
环境搭建 VUE Node.js VSCode template模板: 首先安装node:http://www.runoob.com/nodejs/nodejs-install-setup.html ...
- 第二章、Django以及数据库的配置
目录 第二章.Django以及数据库的配置 一.小白必会三板斧 二.静态文件配置 三.form表单 action和method参数可以写的形式 四.request对象及方法 五.django连接数据库 ...
随机推荐
- 详解one-hot编码
博主原创文章,转载请注明出处 https://www.cnblogs.com/shuaishuaidefeizhu/p/11269257.html 一.什么是one-hot编码? One-Hot编码, ...
- 深度学习笔记(十)Augmentation for small object detection(翻译)
一. abstract 这些年来,目标检测取得了令人瞩目的成就.尽管改进很大,但对于小目标和大目标的检测性能差异还是蛮大的.我们在 MS COCO 数据集上分析了如今一个比较先进的算法,Mask-RC ...
- cp:复制文件和目录
cp 命令,主要用来复制文件和目录,同时借助某些选项,还可以实现复制整个目录,以及比对两文件的新旧而予以升级等功能. cp 命令的基本格式如下:cp [选项] 源文件 目标目录/文件 选项: -a:相 ...
- IDM非补丁破解方法
参考 http://tieba.baidu.com/p/3878377959 备份文章 在网络和共享中心中打开防火墙 高级设置->出站规则->新建规则 打开新建规则向导. 程序-> ...
- C++入门经典-例5.12-动态内存的销毁
1:当申请一块堆内存后,系统不会再程序执行时一句情况自动销毁它.若想释放该内存,则需要使用delete关键字.下面的代码中,可以看出堆和栈的不同.代码如下: // 5.12.cpp : 定义控制台应用 ...
- 文件和Stream
I/O和文件 输入/输出(I/O)就是在内存和外部设备之间复制数据的过程.输入(input)就是从I/O设备复制数据到内存,输出(output)就是从内存复制数据到I/O设备. 一个文件可以理解成一串 ...
- spark中使用的内存文件系统-Tachyon FS 简介
转自:http://blog.csdn.net/u014252240/article/details/41810849 发布人:南京大学PASA大数据实验室顾荣 1. Tachyon是什么 Tach ...
- Jquery 选择器的用法
用js 动态生成<ul>标签的<li>条目,因为在动态的创建过程中li的点击事件是不太方便的,因此采用JQuery 的类选择器来实现. html代码: <div id=& ...
- C++ Vector实践
实践如下: #include <iostream> #include <vector> #include <typeinfo> using namespace st ...
- android 面试汇总<一>
1.1 Android Activity Q:说下Activity的生命周期? 技术点:Activity生命周期 思路:分条解释Activity从创建到销毁整个生命周期中涉及到的方法及作用 参考回答: ...