上一站说道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>
大于号:&gt; <br>
小于号:&lt; <br>
单引号:' <br>
双引号:&quot; <br>
&符号:&amp; <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第二站-模版配置的更多相关文章

  1. 小白学习django第一站-环境配置

    Django简单来说就是用Python开发的一个免费开源的Web框架 使用Django,使你能够以最小的代价构建和维护高质量的Web应用. 开搞!!! 工具准备: linux(ubuntu) + py ...

  2. 小白学习tornado第二站-tornado简单介绍

    tornado基本web应用结构 分为两大块类 Application对象(只会实例化一次) 路由表URl映射 (r'/', MainHandler) 关键词参数settings RequestHan ...

  3. 小白学习django第五站-简易案例

    首先在setting.py文件中编写数据库配置内容 DATABASES = { 'default': { 'ENGINE': 'django.db.backends.mysql', 'NAME': ' ...

  4. 小白学习django第四站-关联数据库

    使用mysql连接django首先要配置好相关环境 首先在setting.py配置数据库信息(需要现在mysql中创建一个数据库) 在setting.py那个目录的__init__.py文件中写入 之 ...

  5. 小白学习django第六站-http相关

    请求与相应 HttpRequest对象API def home(request): print('path:', request.path) print('mothod:', request.meth ...

  6. 小白学习django第三站-自定义过滤器及标签

    要使用自定义过滤器和标签,首先要设置好目录结构 现在项目目录下建立common的python包 再将common加入到setting.py中的INSTALLED_APP列表中 在common创建目录t ...

  7. 小白学习前端---第二天 HTML的基本属性————1

    一.HTML的属性 1.1基本属性 1.1.1三个基本属性 class    定义类规则或者样式规则 id   定义元素的唯一标识 stype 定义元素的样式声明 1.1.2不含三个基本属性的元素 h ...

  8. 小白学习VUE第二课:环境搭建 VUE Node.js VSCode template模板

    环境搭建 VUE Node.js VSCode template模板: 首先安装node:http://www.runoob.com/nodejs/nodejs-install-setup.html ...

  9. 第二章、Django以及数据库的配置

    目录 第二章.Django以及数据库的配置 一.小白必会三板斧 二.静态文件配置 三.form表单 action和method参数可以写的形式 四.request对象及方法 五.django连接数据库 ...

随机推荐

  1. JavaWeb_响应和请求数据包

    Google浏览器 F12中Network->Header部分 <%@ page language="java" import="java.util.*&qu ...

  2. R_Studio读取xls文件

    百度经验 传送门 需要包xlsx 依赖包rjava 需要安装java编译环境 在R Console中执行命令install.packages("rjava"),install.pa ...

  3. 数据加密之AES

    特别提示:本人博客部分有参考网络其他博客,但均是本人亲手编写过并验证通过.如发现博客有错误,请及时提出以免误导其他人,谢谢!欢迎转载,但记得标明文章出处:http://www.cnblogs.com/ ...

  4. sudo密码一直出错

    Linux默认是没有将用户添加到sudoers列表中的,需要root手动将账户添加到sudoers列表中,才能让普通账户执行sudo命令. 所以要将用户添加到sudoers组中,才能执行sudo命令, ...

  5. hdjs---laravel 框架使用hdjs 实现多图上传功能

    hdjs---laravel 框架使用hdjs 实现多图上传功能 一.总结 一句话总结: [在网上找hdjs的使用实例]和[能遇见讲hdjs的视频],也是完全搞懂hdjs的不错的方式 1.hdjs中的 ...

  6. 阿里镜像源配置yum

    通过more /etc/*release* 查看系统版本 (需要下载对应的系统版本) mv /etc/yum.repos.d/CentOS-Base.repo /etc/yum.repos.d/Cen ...

  7. C++11获取当前毫秒数

    获取当前毫秒数 主要是打印日志的时候用到 / CLOCKS_PER_SEC); 头文件为ctime

  8. android 模糊背景 异型背景

    模糊算法参考: http://blog.csdn.net/markl22222/article/details/10313565 网上很多,这东西是个概念理解,没有什么新鲜的. 轮子有现成的,模糊算法 ...

  9. 回归_最小二乘法(python脚本实现)

     python机器学习-乳腺癌细胞挖掘(博主亲自录制视频) https://study.163.com/course/introduction.htm?courseId=1005269003& ...

  10. EC