博客
关于我
Django教程 —— Django模板
阅读量:552 次
发布时间:2019-03-09

本文共 1470 字,大约阅读时间需要 4 分钟。

如何向请求者返回一个漂亮的页面呢?肯定需要用到 html、css,如果想要更炫的效果还要加入 js,问题来了,这么一堆字符串全都写到视图中,作为 HttpResponse() 的参数吗?看起来确实不太美观。我们拾起一粹得知。

在 Django 项目中,将前端的内容定义在模板中,然后再把模板交给视图调用,各种漂亮、炫酷的效果就出现了。这种方法不仅能让代码层次分明,还能避免字符串拼接带来的错误。

让我们考察一个典型的实现步骤。

创建模板在 Django 项目下创建 templates 目录,然后在创建 book 目录,以存放 book 应用的模板文件。好比如下图所示:

网上图片可能会影响加载速度,一般建议使用本地存储图片。

配置模板进入 settings.py ,找到 TEMPLATES 配置选项。建议将模板目录加入 friendly_name ,即Backend可使用 'DIRS': [BASE_DIR / 'templates'] 搭配。

检测模板文件路径时,确保 BASE_DIR 是你的项目绝对路径。类似这样:

BASE_DIR = Path(file).resolve().parent.parent

最终,进入项目终端,输入:

python manage.py shell

输入以上命令后,记得关闭终端后清理 cache。

定义模板新建 templtes/book/index.html 文件。以下是一个简单的示例:

    
{% block title %}图书信息{% endblock %}

{% block title %}图书信息{% endblock %}

    {% for book in books %}
  • 标题: {{ book.title }} - 作者: {{ book.author }}
  • {% endfor %}

在模板中可以灵活使用变量,用双引号包裹静态文本,单列包裹变量。这样书写既简洁又易于维护。

调用模板在视图中调用模板需执行三步骤:

  • 获取模板
  • 定义上下文
  • 渲染模板
  • 实现代码如下:

    class InfoView(View):def get(self, request):books = BookInfo.objects.all()tmp = loader.get_template('book/index.html')context = {'title': '图书信息','books': books,}return tmp.render(context)

    或者详尽点:

    def index(request):from django.template import loaderbooks = BookInfo.objects.select_related('author').all()context = {'title': '图书信息','books': books,}return loader.get_template('book/index.html').render(context)

    尽量每天定期执行项目执行 redisclear 例如:

    python manage.py cache_tagspython manage.py cache_prefixpython manage.py restart

    等待回答民智的复杂场景,再觉得有什么可优化的空间。

    转载地址:http://bkzpz.baihongyu.com/

    你可能感兴趣的文章
    Opencv——模块介绍
    查看>>
    OpenCV与AI深度学习 | 2024年AI初学者需要掌握的热门技能有哪些?
    查看>>
    OpenCV与AI深度学习 | CIB-SE-YOLOv8: 优化的YOLOv8, 用于施工现场的安全设备实时检测 !
    查看>>
    OpenCV与AI深度学习 | CoTracker3:用于卓越点跟踪的最新 AI 模型
    查看>>
    OpenCV与AI深度学习 | OpenCV中八种不同的目标追踪算法
    查看>>
    OpenCV与AI深度学习 | OpenCV图像拼接--Stitching detailed使用与参数介绍
    查看>>
    OpenCV与AI深度学习 | OpenCV如何读取仪表中的指针刻度
    查看>>
    OpenCV与AI深度学习 | OpenCV常用图像拼接方法(一) :直接拼接
    查看>>
    OpenCV与AI深度学习 | OpenCV常用图像拼接方法(三):基于特征匹配拼接
    查看>>
    OpenCV与AI深度学习 | OpenCV常用图像拼接方法(二) :基于模板匹配拼接
    查看>>
    OpenCV与AI深度学习 | OpenCV常用图像拼接方法(四):基于Stitcher类拼接
    查看>>
    OpenCV与AI深度学习 | OpenCV快速傅里叶变换(FFT)用于图像和视频流的模糊检测(建议收藏!)
    查看>>
    OpenCV与AI深度学习 | SAM2(Segment Anything Model 2)新一代分割一切大模型介绍与使用(步骤 + 代码)
    查看>>
    OpenCV与AI深度学习 | T-Rex Label !超震撼 AI 自动标注工具,开箱即用、检测一切
    查看>>
    OpenCV与AI深度学习 | YOLO11介绍及五大任务推理演示(目标检测,图像分割,图像分类,姿态检测,带方向目标检测)
    查看>>
    OpenCV与AI深度学习 | YOLOv10在PyTorch和OpenVINO中推理对比
    查看>>
    OpenCV与AI深度学习 | YOLOv11来了:将重新定义AI的可能性
    查看>>
    OpenCV与AI深度学习 | YOLOv8自定义数据集训练实现火焰和烟雾检测(代码+数据集!)
    查看>>
    OpenCV与AI深度学习 | YOLOv8重磅升级,新增旋转目标检测,又该学习了!
    查看>>
    OpenCV与AI深度学习 | 一文带你读懂YOLOv1~YOLOv11(建议收藏!)
    查看>>