博客
关于我
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/

    你可能感兴趣的文章
    Objective-C实现Gale-Shapley盖尔-沙普利算法(附完整源码)
    查看>>
    Objective-C实现hardy ramanujana定理算法(附完整源码)
    查看>>
    Objective-C实现insertion sort插入排序算法(附完整源码)
    查看>>
    Objective-C实现Interpolation search插值查找算法(附完整源码)
    查看>>
    Objective-C实现k nearest neighbours k最近邻分类算法(附完整源码)
    查看>>
    Objective-C实现k-nearest算法(附完整源码)
    查看>>
    Objective-C实现knapsack背包问题算法(附完整源码)
    查看>>
    Objective-C实现KPCA(附完整源码)
    查看>>
    Objective-C实现max subarray sum最大子数组和算法(附完整源码)
    查看>>
    Objective-C实现MaximumSubarray最大子阵列(动态规划解决方案)算法(附完整源码)
    查看>>
    Objective-C实现md5算法(附完整源码)
    查看>>
    Objective-C实现memoization优化技术算法(附完整源码)
    查看>>
    Objective-C实现merge insertion sort合并插入排序算法(附完整源码)
    查看>>
    Objective-C实现merge sort归并排序算法(附完整源码)
    查看>>
    Objective-C实现mergesort归并排序算法(附完整源码)
    查看>>
    Objective-C实现miller rabin米勒-拉宾素性检验算法(附完整源码)
    查看>>
    Objective-C实现nested brackets嵌套括号算法(附完整源码)
    查看>>
    Objective-C实现NLP中文分词(附完整源码)
    查看>>
    Objective-C实现not gate非门算法(附完整源码)
    查看>>
    Objective-C实现NumberOfIslands岛屿的个数算法(附完整源码)
    查看>>