【Django】模板的配置的使用、常用语法格式

落日映苍穹つ 2022-12-02 01:00 68阅读 0赞

#### 1.创建templates文件夹 ####

我们在项目的根目录创建一个叫templates的文件夹  
然后把需要用到的html模板复制到该文件夹里  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MTQ3Mjk5_size_16_color_FFFFFF_t_70_pic_center]

如果项目移动了则可能会导致路径不正确的问题，所以我们还需要配置一下templates的路径，打开settings.py，在TEMPLATES 列表中指定DIRS的值

TEMPLATES = [
        { 
            'BACKEND': 'django.template.backends.django.DjangoTemplates',
            # 指定模板文件的路径
            'DIRS': [os.path.join(BASE_DIR, 'templates')],
            'APP_DIRS': True,
    		...
        },
    ]

#### 2.返回模板 ####

当浏览器请求某个页面的时候，我们可以把准备好的模板返回，只需要用到render()函数即可，但是多数情况下我们还需要从后台返回一些处理过的数据

views.py

from django.shortcuts import render
    from django.views import View
    
    
    class BooksView(View):
        def get(self, request):
            # 返回一个字典
            contents = { 
                "title": "红楼梦",
                "read": "100",
                "others": [
                    "人民教育出版社", "发行信息", "版权所有"
                ]
            }
            return render(request, 'books.html', contents)

books.html

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>图书信息</title>
    </head>
    <body>
        <h1>这里显示书本的信息</h1>
        <h3>通过键取值
            {
       {title}}，{
       {read}}
        </h3>
        <h3>遍历数组
            {% for i in others %}
                <li>{
       { i }}</li>
            {% endfor %}
        </h3>
        <h3>通过点语法取数组的值，而不是下标
            <li>{
       { others.0 }}</li>
            <li>{
       { others.1 }}</li>
            <li>{
       { others.2 }}</li>
        </h3>
    </body>
    </html>

配置好路由之后访问页面，可以看到已经将后台返回的模板正常显示了

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MTQ3Mjk5_size_16_color_FFFFFF_t_70_pic_center 1]

#### 3.常用的语法 ####

##### 3.1 列表和字典取值 #####

后台定义的列表和字典
    my_list = ["a", "b", "c"]
    my_dict = { "name": "xiaoming", "gender": "nan"}
    
    前端接收，普通变量放在{ { }}里
    { {  my_list.0}}，{ {  my_list.1}}，{ {  my_list.2}}  # 接收列表需要用点语法
    { {  my_dict.name }}，{ {  my_dict.gender }}  # 接收字典，通过键取值

##### 3.2 for遍历 #####

模板系统会渲染在 \{% for %\} 和 \{% endfor %\} 之间的所有内容

遍历列表

<ul>
    	{% for book in books %}
    	    <li>{
       { book.title }}</li>
    	{% endfor %}
    </ul>

遍历字典

views.py

from django.shortcuts import render
    
    def BooksView(request):
        books_dict = { "title": "三国演义", "price": 30}
        return render(request, "books.html", { "books_dict": books_dict })

books.html

{% for i,j in books_dict.items %}
    	{
       { i }}:{
       { j }}，
    {% endfor %}

##### 3.3 if判断 #####

{% if condition1 %}
    		... 
    {% elif condition2 and condition3 %}
    		...
    {% else %}
       		...
    {% endif %}

##### 3.4 过滤器 #####

我们可以通过过滤器对返回的变量做些简单的处理，如果变成小写、返回长度、日期等，格式如下

{
       { 变量名 | 过滤器：可选参数 }}

##### 3.5 注释 #####

Django的注释是花括号里加井号

{# 这是一个注释 #}

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MTQ3Mjk5_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/72e113c12df64e8e84d9269736c4af48.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MTQ3Mjk5_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/40084c4169a94a10b9d766d58852087e.png