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

    你可能感兴趣的文章
    OAuth2.0_授权服务配置_Spring Security OAuth2.0认证授权---springcloud工作笔记140
    查看>>
    OAuth2.0_授权服务配置_客户端详情配置_Spring Security OAuth2.0认证授权---springcloud工作笔记142
    查看>>
    OAuth2.0_授权服务配置_密码模式及其他模式_Spring Security OAuth2.0认证授权---springcloud工作笔记145
    查看>>
    OAuth2.0_授权服务配置_资源服务测试_Spring Security OAuth2.0认证授权---springcloud工作笔记146
    查看>>
    OAuth2.0_环境搭建_Spring Security OAuth2.0认证授权---springcloud工作笔记139
    查看>>
    OA系统多少钱?OA办公系统中的价格选型
    查看>>
    object detection错误之Could not create cudnn handle: CUDNN_STATUS_INTERNAL_ERROR
    查看>>
    Object Oriented Programming in JavaScript
    查看>>
    OBJECTIVE C (XCODE) 绘图功能简介(转载)
    查看>>
    Objective-C——判断对象等同性
    查看>>
    Objective-C之成魔之路【7-类、对象和方法】
    查看>>
    Objective-C享元模式(Flyweight)
    查看>>
    Objective-C以递归的方式实现二叉搜索树算法(附完整源码)
    查看>>
    Objective-C实现1000 位斐波那契数算法(附完整源码)
    查看>>
    Objective-C实现2 个数字之间的算术几何平均值算法(附完整源码)
    查看>>
    Objective-C实现2D变换算法(附完整源码)
    查看>>
    Objective-C实现3n+1猜想(附完整源码)
    查看>>
    Objective-C实现9x9乘法表算法(附完整源码)
    查看>>
    Objective-C实现9×9二维数组数独算法(附完整源码)
    查看>>
    Objective-C实现A-Star算法(附完整源码)
    查看>>