Python Django模板系统详解

 更新时间:2021年11月11日 09:16:01   作者:久醉绕心弦,  
这篇文章主要介绍Django模板系统Django模板系统的实现代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

设置模板路径

在django项目下创建templats文件来存放html文件

在这里插入图片描述

为了减少模板加载调用过程及模板本身的冗余代码,Django 提供了一种使用方便且功能强大的 API ,当使用模板加载API时,需要将模板路径告诉框架,在项目settings.py中设置模板路径,如图:

settings.py中的BASE_DIR为项目路径。

在这里插入图片描述

TEMPLATES中的BIRS来设置模板路径

在这里插入图片描述

templates下编写index.html写入如下代码:

!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>
   <h1>hello world!</h1>
</body>
</html>

视图文件view.py中编写如下代码,通过render渲染html文件:

from django.shortcuts import render

# 获取对应模板通过render渲染
def index(request):
    return render(request, 'index.html')

结果如下:

在这里插入图片描述

模板变量

Django模板中使用{{ }}来表示变量:

{{ 变量名 }}:变量名由字母数字和下划线组成,其值可以是任何数据类型

举例如下:

当模板引擎遇到变量时,会计算该变量,并将其替换为结果

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>
    <h3>{{ content }}</h3>
    <h3>{{ info }}</h3>
</body>
</html>

view.pyrender渲染时通过context以字典形式传递值:

from django.shortcuts import render

def index(request):
 	content = 'hello world'
    info = {'name': 'test', 'age': 18}
    return render(request, 'index.html', context={'content': content, 'info': info})

在这里插入图片描述

模板中支持以下语法:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>
    <h3>{{ content }}</h3>
    
    <!-- 获取字典中key的值 -->
    <h3>{{ info.name }}</h3>
    
    <!-- 通过索引获取列表的值 -->
    <h3>{{li.1}}</h3>
    
    <!-- 调用不带参数的方法 -->
    <h3>{{ fun }}</h3>
    
    <!-- 获取对象属性 -->
    <h3>{{ obj.name }}</h3>
</body>
</html>

view.py:

from django.shortcuts import  render

def index(request):
    content = 'hello world'
    info = {'name': 'test', 'age': 18}
    li = [1, 2, 3]

    class Obj:
        def __init__(self, name):
            self.name = name

    M = Obj('对象属性:MING')

    def fun():
        return '方法:fun'

    return render(request, 'index.html', context={'content':content,'info': info,'li': li,'fun': fun,'obj': M})

在这里插入图片描述

引用静态文件

首先在项目根目录下创建存放静态文件的目录,并在settings中设置路径,如下:

在这里插入图片描述

STATIC_URL = '/static/' 

为静态文件引用前缀,当引用文件时代表的是文件根目录,如下:

static代表的是statics

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>
    <!-- 图片 -->
    <img src="/static/img/123.jpg" alt="">
</body>
</html>

view.py:

from django.shortcuts import  render

def index(request):

    return render(request, 'index.html')

在这里插入图片描述

总结

本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注脚本之家的更多内容!

相关文章

  • 浅析Python 3 字符串中的 STR 和 Bytes 有什么区别

    浅析Python 3 字符串中的 STR 和 Bytes 有什么区别

    Python2的str相当于Python3的Bytes,而Unicode相当于Python3的Bytes。这篇文章主要介绍了Python 3 字符串中的 STR 和 Bytes 究竟有什么区别?需要的朋友可以参考下
    2018-10-10
  • Python3实现取图片中特定的像素替换指定的颜色示例

    Python3实现取图片中特定的像素替换指定的颜色示例

    这篇文章主要介绍了Python3实现取图片中特定的像素替换指定的颜色,涉及Python3针对图片文件的读取、转换、生成等相关操作技巧,需要的朋友可以参考下
    2019-01-01
  • 浅析使用Python搭建http服务器

    浅析使用Python搭建http服务器

    这篇文章主要介绍了使用Python搭建http服务器,本文通过代码实例相结合给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-10-10
  • exe反编译为.py文件的方法

    exe反编译为.py文件的方法

    本文主要介绍了exe反编译为.py文件的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-03-03
  • PyCharm活动模板设置步骤实现

    PyCharm活动模板设置步骤实现

    很多情况,我们在写代码都会存在经常要写一些简单且又重复的代码,Pycharm中的活动模板可以把这些使用频率很高的一些代码打包起来设置一个快捷键,本文就来介绍一下如何实现
    2023-12-12
  • Python 利用CSV模块处理数据的实现实例

    Python 利用CSV模块处理数据的实现实例

    CSV文件的一个主要优点是有很多程序可以存储,转换和处理纯文本文件,本文主要介绍了Python 利用CSV模块处理数据的实现实例,具有一定的参考价值,感兴趣的可以了解一下
    2024-03-03
  • Python Json读写操作之JsonPath用法详解

    Python Json读写操作之JsonPath用法详解

    JSONPath是一种信息抽取类库,是从JSON文档中抽取指定信息的工具,提供多种语言实现版本,包括Javascript、Python、PHP和Java,这篇文章主要介绍了Python Json读写操作之JsonPath用法详解,需要的朋友可以参考下
    2023-04-04
  • Python中的列表知识点汇总

    Python中的列表知识点汇总

    这篇文章主要总结了一些Python中的列表的知识点,来自于IBM官网技术文档,需要的朋友可以参考下
    2015-04-04
  • python 实现在无序数组中找到中位数方法

    python 实现在无序数组中找到中位数方法

    这篇文章主要介绍了python 实现在无序数组中找到中位数方法,具有很好对参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-03-03
  • Python文件如何读取read()函数

    Python文件如何读取read()函数

    这篇文章主要介绍了Python文件如何读取read()函数问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-02-02

最新评论