Django学习2-URL模式，模板基本语法

本文链接：https://blog.csdn.net/qq_19268039/article/details/83215512

Django学习2

创建网页
- 映射URL
- 视图函数
创建其他网页
模板

创建网页

使用Django创建网页的过程通常分三个步骤：定义URL、编写视图函数和编写模板。
每个URL都被映射到特定的视图-视图函数获取处理网页信息的数据。视图通常需要一个模板，后者生成浏览器能理解的网页。

映射URL

通过浏览器中输入URL以及单机链接来请求网页，在URL配置文件urls.py中设置处理主页(http://localhost:8000)的视图函数。

"""
from django.contrib import admin
from django.urls import path
from learning_logs import views as learn_view

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', learn_view.index)
]

视图函数

在应用learning_log的view.py中编写视图函数：

from django.shortcuts import render
from django.http import HttpResponse
# Create your views here.
def index(request):
    html = '<html><head><title>Index</title></head>' \
           '<body><h1>Welcome to Ulysses</h1>' \
           '</body>' \
           '</html>'
    return HttpResponse(html)

运行项目，访问主页得到的结果
在这里插入图片描述
接下来试着为Topic和Post创建相关链接

创建其他网页

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', learn_view.index),
    path('topic/<int:topic_id>/', learn_view.topic, name='topic'),
    path('post/<int:post_id>/', learn_view.post, name='post'),
]

可以在URL地址指定捕获的值的类型，如<int:id>，指定将url中的’id’转为int型(默认字符串)；name参数相当于是给网址添加了一个名称，可以通过这个name，可以在view，models， templates获取网址。只要这个名字不变，在setting.py中修改了url后，也能通过这个名字获取修改后的网址。
通过reverse(name，args=(,))获取URL。

>>> from django.urls import reverse
>>> reverse('topic',args=(1,))
'/topic/1/'
>>> reverse('post',args=(1001,))
'/post/1001/'
>>>

topic和post视图函数：当访问 ‘http://127.0.0.1:8000/topic/1/’ 时，获取topic_id，在数据库中查询获取对于的topic，将id和text存储在要发送给模板的上下文context中。render接受上下文并讲其赋值给appname/templates下指定的网页，返回一个HttpResponse。当id对应的post或topic不存在时， QuerySet生成DoesNotExist错误。

def topic(request, topic_id):
    """根据id访问topic的信息"""
    try:
        t = Topic.objects.get(id=topic_id)
        text = t.text
        context = {'id':topic_id, 'text':text}
        return render(request, 'topic.html', context)
    except Topic.DoesNotExist:
        return HttpResponseNotFound(f'<h1>Topic:{topic_id} not exist</h1>')

def post(request, post_id):
    """根据id访问post信息"""
    try:
        t = Post.objects.get(id=post_id)
        text = t.text
        context = {'id': post_id, 'text': text}
    except Post.DoesNotExist:
        raise Http404(f'Post:{post_id} not exist')
    return render(request, 'post.html', context)

使用HttpResponseNotFound 来定义错误界面，Web最常见的错误类型就是404错误。手动抛出Http404错误，Django会捕获这个错误并返回一个标准的404错误界面和404错误码。
Django的404错误界面
在这里插入图片描述
POST界面

模板

模板是包含响应文本的文件，其中包含占位变量表示的动态部分，其具体值只在请求的上下文才知道。使用真实值替换变量，再返回最终得到的响应字符串，这一过程称为渲染。

基本语法

控制结构{% %}
变量 {{ }}
注释{# #}
例如：

{#  Django #}
{% extends "base_generic.html" %}

{% block title %}{{ section.title }}{% endblock %}

{% block content %}
<h1>{{ section.title }}</h1>

{% for story in story_list %}
<h2>
  <a href="{{ story.get_absolute_url }}">
    {{ story.headline|upper }}
  </a>
</h2>
<p>{{ story.tease|truncatewords:"100" }}</p>
{% endfor %}
{% endblock %}

变量

在模板中的{{ i }}结构表示变量，这是一种特殊的占位符，告诉模板引擎这个位置的值从渲染模板时使用的数据结构中获取。Django支持python中所有的Python数据类型比如列表、字段、对象等

<p>this is a dicectory:{{ mydict['key'] }} </p>
<p>this is a list:{{ mylist[3] }} </p>
<p>this is a object:{{ myobject.something() }} </p>
{% for k, v in defaultdict.items %}
    Do something with k and v here...
{% endfor %}

变量过滤器

变量的值可以使用过滤器修改。过滤器在添加变量名后，二者以竖线分隔。如：

<p>Hello, {{ user|capitalize }}!</p>

有些过滤器带有参数： {{ bio|truncatewords:30 }}：会显示bio的前30个单词。当参数中有空格时必须带引号，如 {{ list|join:", " }} 。

过滤器名	说明	example
add	加法运算，给变量加一个值，当两个变量都为列表时，相当于extend	`{{ value\|add:"2" }}` `{{ first\|add:second }}`
addslashes	给引号前加斜杠： `"I\'m using Django"`	`{{ value\|addslashes }}`
capfirst	首字母大写:django-> Django	`{{ value\|capfirst }}`
center	指定变量居中：`" Django "`	`"{{ value\|center:"15" }}"`
cut	除去变量中的指定值 “String with spaces” -> “Stringwithspaces”	`{{ value\|cut:" " }}`
date	指定日期时间的输出格式	`{{ value\|date:"D d M Y" }}`
default	变量的值为False或为空指定一个默认值	`{{ value\|default:"nothing" }}`
default_if_none	变量值为且仅为None时，指定默认值	`{{ value\|default_if_none:"nothing" }}`
dictsort	根据给定的键对字典进行排序，也可对序列的列表进行排序	`{{ value\|dictsort:"name" }}` `{{ value\|dictsort:0 }}`
dictsortreversed	排序，与dictsort相反
divisibleby	是否内被整除，返回True，False	`{{ value\|divisibleby:"3" }}`
escape	转义HTML字符串`<` 变为`<`	`{% autoescape off %}` `{{ title\|escape }}` `{% endautoescape %}`
escapejs	转义javascript字符	`{{ value\|escapejs }}`
filesizeformat	将值的大小，格式化为易读的形式’13 KB’, ‘4.1 MB’, ‘102 bytes’, etc	`{{ value\|filesizeformat }}`
first	返回列表的首个元素	`{{ value\|first }}`
floatformat	省略小数位，默认舍入到一个小数位	`{{ value\|floatformat : 3}}`
force_escape	转义多个HTML字符串	`{% autoescape off %}` `{{body\|linebreaks\|force_escape }}` `{% endautoescape %}`
get_digit	获取指定位置数值，从右数起	`{{ value\|get_digit:"2" }}`
iriencode	转义iri字符	`{{ value\|iriencode }}`
join	给序列增加一个字符串，像python的str.join(list)	`{{ value\|join:" // " }}`
json_script	将Python数据以JSON形式输出	`{{ value\|json_script:"hello-data" }}`
last	输出序列的最后一个元素	`{{ value\|last }}`
length	变量的长度	`{{ value\|length }}`
length_is	变量长度是否为指定值	`{{ value\|length_is:"4" }}`
linebreaks	使用HTML的换行符单换行：`<br>`，换行空行`<p>`	`{{ value\|linebreaks }}`
linebreaksbr	使用`<br>`换行	`{{ value\|linebreaksbr }}`
linenumber	显示行号	`{{ value\|linenumbers }}`
ljust	左对齐	`"{{ value\|ljust:"10" }}"`
lower	全部变为小写	`{{ value\|lower }}`
make_list	将变量拆分成列表形式	`{{ value\|make_list }}`
phone2numeric	将电话号码（可能包含字母）转换为其等效数字	`{{ value\|phone2numeric }}`
pluralize	返回复数后缀，默认’s’	`{{ num_messages\|pluralize }}`
pprint	包装了pprint.pprint()的装饰器
random	返回变量列表的随机元素	`{{ value\|random }}`
rjust	右对齐	`"{{ value\|rjust:"10" }}"`
safe	将字符串标记为在输出之前不需要进一步的HTML转义。当autoescaping关闭时，此过滤器无效	`{{ var\|safe\|escape }}`
safeseq	将安全过滤器应用于序列的每个元素。与在序列上运行的其他过滤器结合使用，例如`join`	`{{ some_list\|safeseq\|join:", " }}`
slice	返回切片	`{{ some_list\|slice:":2" }}`
slugify	转换为ASCII码，将空格转换为连字符。删除不是字母数字，下划线或连字符的字符。转换为小写。还剥去前导和尾随空格。	`{{ value\|slugify }}`
stringformat	根据参数格式化变量，10->`1.000000E+01`	`{{ value\|stringformat:"E" }}`
striptags	去除[X]HTML标记	`{{ value\|striptags }}`
time	格式化时间格式	`{{ value\|time:"H:i" }}`
timesince	自给定时间后过去了的间隔(e.g., “4 days, 6 hours”)	`{{ blog_date\|timesince:comment_date }}`
timeuntil	距给定时间还有…	`{{ conference_date\|timeuntil:from_date }}`
title	将字符转为标题形式	`{{ value\|title }}`
truncatechars	如果字符串长于指定的字符数，则截断该字符串	`{{ value\|truncatechars:9 }}`
truncatechars_html	截短HTML标签内字符	{{ value
truncatewords	根据指定数值截断单词	`{{ value\|truncatewords:2 }}`
truncatewords_html	截短HTML标签内的单词	`{{ value\|truncatewords_html:2 }}`
unordered_list	递归地获取自嵌套列表并返回HTML无序列表 - 没有打开和关闭`<ul>`标记。	`{{ var\|unordered_list }}`
upper	大写	`{{ value\|upper }}`
urlencode	转义变量中的url的	`{{ value\|urlencode }}`
urlize	将url和email地址转换为可点击的形式	`{{ value\|urlize }}`
urlizetrunc	将url和email地址转换为可点击的形式，限制长度	`{{ value\|urlizetrunc:15 }}`
wordcount	单词数统计	`{{ value\|wordcount }}`
wordwrap	根据给的行长度包装	`{{ value\|wordwrap:5 }}`
yesno	映射True， False， None	`{{ value\|yesno:"yeah,no,maybe" }}`

默认自动转义：{'name':'Hello'}结果为Hello
关闭autoescape：{'name':'Hello'}结果为Hello
safe不转义:{'name':'Hello'}结果为Hello

默认情况下出于安全考虑会转义所有变量。当一个变量为Hello没有添加safe过滤器时，显示的结果为
在这里插入图片描述
浏览器能显示元素，但不会解释它。
当添加safe过滤器时，结果为

当需要显示变量中存储的HTML代码时，可使用safe过滤器。

控制结构

条件判断语句与Python类似，但其不需要使用冒号结尾，而结束控制语句，需要使用endif关键字：

{% if daxin.safe %}
	daxin is safe.
{% elif daxin.dead %}
	daxin is dead
{% else %}
	daxin is okay
{% endif %}

for循环实现一组元素的渲染：

<ul>
{% for user in users %}
	<li>{{ user.username|title }}</li>
{% endfor %}
</ul>

模板继承

模板继承类似于python代码的类继承。首先创建名为base.html的基模板：

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href={{ static('css/mystyle.css') }}>
    <title>{% block title %}My amazing site{% endblock %}</title>
</head>

<body>
    <div id="sidebar">
        {% block sidebar %}
        <ul>
            <li><a href="/">Home</a></li>
            <li><a href="/blog/">Blog</a></li>
        </ul>
        {% endblock %}
    </div>

    <div id="content">
        {% block content %}{% endblock %}
    </div>
</body>
</html>

基模板中定义的区块可在衍生模板中覆盖。使用block和endblock指令在基模板中定义内容区块。在上述基模板中定义了head、title、content和footer区块。
新建一个topics.html的文件，继承基模板，用来显示全部的topics。

{% extends "base.html" %}

{% block title %}Topics{% endblock %}
{% block head %}
    {{ block.super }}

{% endblock %}
{% block content %}
{% for topic in topics %}
    <h2>{{ topic.id }}</h2>
    <p>{{ topic.text }}</p>
{% endfor %}
{% endblock %}

extends指令声名这个模板衍生自base.html。在extends指令后，基模板的4个区块被重新定义，模板引擎将其插入合适的位置。如果基模板和衍生模板的同名区块有内容，衍生模板的内容会被显示。在衍生模板区块中调用block.super，引用基模板的同名内容。topics.html里的head区块引用了基模板的css文件。

css等静态文件的使用

在应用目录下创建static文件夹，存放css、图片等静态文件：在这里插入图片描述
指定css文件路径

	{# jinja2 #}
    {% block head %}
    <link rel="stylesheet" href={{ static('css/mystyle.css') }}>
	
	{# django #}
	{% load static %}
	<link rel="stylesheet" href={{ static('css/mystyle.css') }}>
	
	<img src="{% static 'img/nan.jpg' %}" alt="南风不竞"/>

使用模板创建topics和posts

视图函数：

def topics(request):
    """全部的topics"""
    topics = Topic.objects.order_by('date_added')
    context = {'topics':topics}
    return render(request, 'topics.html', context)

def posts(request):
    """全部的posts"""
    posts = Post.objects.order_by('date_added')
    context = {'posts':posts}
    return render(request, 'posts.html', context)

根据添加时间排序，显示全部的内容。
映射url：

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', learn_view.index),
    path('topic/<int:topic_id>/', learn_view.topic, name='topic'),
    path('topics/', learn_view.topics, name='topics'),
    path('post/<int:post_id>/', learn_view.post, name='post'),
    path('posts/', learn_view.posts, name='posts')
]