Django template

最新推荐文章于 2024-09-05 20:32:11 发布
最新推荐文章于 2024-09-05 20:32:11 发布
阅读量1.9k 收藏
点赞数 2
分类专栏： 碎碎念 文章标签： Django python 学习笔记 django
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zouyee/article/details/17018253
版权

  1. 创建模板
  2. Django 提供了一种模板语言，该语言被设计为能够快速呈现且易于使用。Django 模板是利用 {{ variables }} 和 {% tags %} 中嵌入的文本创建的。变量会使用它们表示的值进行计算和替换。标记用来实现基本的控制逻辑。模板可以用来生成任何基于文本的格式，包括 HTML、XML、CSV 和纯文本。
  3. 第一个步骤是定义将模板加载到什么地方。为了简便起见，我们需要在 djproject 下面创建一个 templates 目录，并将这个路径添加到 settings.py 的 TEMPLATE_DIRS 条目中：
  4. 清单 28. 在 settings.py 中创建一个 templates 目录
  5. TEMPLATE_DIRS = (
  6.     '/path/to/devdir/djproject/templates/',
  7. )
  8. Django 模板支持称为模板继承（template inheritance）的概念，它允许站点设计人员创建一个统一的外表，而不用替换每个模板的内容。我们可以通过使用块标记定义骨干文档或基础文档来使用继承。这些块标记都是使用一些包含内容的页面模板来填充的。这个例子给出了一个包含称为 title、extrahead 和 content 的块的 HTML 骨干：
  9. 清单 29. 骨干文档 templates/base.html
  10. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  11.   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13.   <head>
  14.     <title>Company Site: {% block title %}Page{% endblock %}</title>
  15.     {% block extrahead %}{% endblock %}
  16.   </head>
  17.   <body>
  18.     {% block content %}{% endblock %}
  19.   </body>
  20. </html>
  21. 为了取消应用程序与项目之间的耦合，我们使用了一个中间基本文件作为 Job 应用程序所有页面文件的基础。对于这个例子来说，为了简便起见，我们将应用程序的 CSS 放到这个基本文件中。在实际的应用程序中，需要有一个正确配置的 Web 服务器，将这个 CSS 提取出来，并将其放到 Web 服务器所服务的静态文件中。
  22. 清单 30. 中间基础文件 templates/jobs/base.html
  23. {% extends "base.html" %}

  25. {% block extrahead %}
  26.     <style>
  27.         body {
  28.             font-style: arial;
  29.         }
  30.         h1 {
  31.             text-align: center;
  32.         }
  33.         .job .title {
  34.             font-size: 120%;
  35.             font-weight: bold;
  36.         }
  37.         .job .posted {
  38.             font-style: italic;
  39.         }
  40.     </style>
  41. {% endblock %}
  42. 默认情况下，Django 测试服务器并不会为静态文件提供服务，因为这是 Web 服务器的工作。但是在开发过程中，如果您希望 Django 可以提供图像、样式表等，那么请参阅 参考资料 中有关如何激活这个特性的链接。
  43. 现在我们要创建视图所加载并呈现的两个页面模板。jobs/job_list.html 模板简单地循环遍历 object_list，它通过索引视图遍历其内容，并显示一个到每条记录的详细页面的链接。
  44. 清单 31. templates/jobs/job_list.html 模板
  45. {% extends "jobs/base.html" %}

  47. {% block title %}Job List{% endblock %}

  49. {% block content %}
  50.     <h1>Job List</h1>
  51.     <ul>
  52.     {% for job in object_list %}
  53.         <li><a href="{{ job.id }}">{{ job.job_title }}</a></li>
  54.     {% endfor %}
  55.     </ul>
  56. {% endblock %}
  57. jobs/job_detail.html 页面会显示一条称为 job 的记录：
  58. 清单 32. templates/jobs/job_detail.html 页面
  59. {% extends "jobs/base" %}

  61. {% block title %}Job Detail{% endblock %}

  63. {% block content %}
  64.     <h1>Job Detail</h1>

  66.     <div class="job">
  67.         <div class="title">
  68.             {{ job.job_title }}
  69.             -
  70.             {{ job.location }}
  71.         </div>
  72.         <div class="posted">
  73.             Posted: {{ job.pub_date|date:"d-M-Y" }}
  74.         </div>
  75.         <div class="description">
  76.             {{ job.job_description }}
  77.         </div>
  78.     </div>
  79. {% endblock %}
  80. Django 模板语言已经被设计为只能实现有限的功能。这种限制可以为非程序员保持模板的简单性，同时还可以让程序员不会将业务逻辑放到不属于自己的地方，即表示层。请参阅参考资料 中模板语言文档的链接。

公众号： DCOS
关注
专栏目录
Django基础(16): 模板标签(tags)的介绍及如何自定义模板标签
大江狗
09-19 1万+
在Django基础(15): 模板过滤器(filter)的工作原理及如何自定义模板过滤器中我们已经介绍了Django模板过滤器(filter)的本质及工作原理, 并详细讲解了如何自定义模板过滤器。今天小编我就来讲下Django模板标签(tags)的分类及如何自定义模板标签。 什么是模板标签(tags) 模板标签都是放在{% %}括号里的，常见的模板标签有{%loadxxxx %...
django template for循环的小技巧总结
yanqzhi的博客
04-16 1080
1.从最简单List的开始 "values":["A","B","C"] % for value in values %} {{ value }} {% endfor %} 会将List的值全部显示在页面上，当然tuple和set之类的也是相同的显示方式 2.字典的Key和Value "dic":{"A":"APPLE","B":"BANANA","C":"CHERRY"} {...
django_template_tags：django的自定义模板标签
02-15
django_template_tags django的自定义模板标签。 添加标签，例如：“乘”，“范围”，“或” 使用前需要负载{％load common_tags％} 要安装： 在您的应用程序中添加“ templateteags” dit，并在“ TEMPLATES”>“ libraries”的设置中注册“ common_tags”： TEMPLATES = [ { 'BACKEND': '...', 'DIRS': [...], 'APP_DIRS': ..., 'OPTIONS': {...} ], 'libraries': { 'common_tags': 'appname.te
Python Django 自定义 templatetags tags
YuYan_wang
09-19 982
在用django 框架开发 python web 程序的时候 ， 在模板页面经常会用到 settings.py 中设置的常量 下面是我使用的一种方法, 不啰嗦 直接举例上代码: 一、目录结构 1、第一种目录 books/ __init__.py models.py templatetags/ views.py 2、第二种目录 ...
Vue3.0项目实战（三）——大事件管理系统首页 layout 架子与文章分类的实现
最新发布
weixin_56370772的博客
09-05 1548
组件对外暴露一个方法 open, 基于 open 的参数，初始化表单数据，并判断区分是添加 还是 编辑。① 封装组件 article/components/ChannelEdit.vue。① 新建 api/article/article.js 封装获取频道列表的接口。① api/article/article.js 封装请求 API。④ 基于传过来的表单数据，进行标题控制，有 id 的是编辑。① api/article.js 封装接口 api。① api/user/user.js 封装接口。
Django 自定义模板标签(template_tags)究竟有什么用？
简简简简abc
07-03 7721
自定义模板标签，过滤器。英文翻译是Custom template tags and filters。custom filter自定义过滤器今天不在我的记录范围之内，以后用到再看官方文档也不迟。**问题1：**custom template tags 到底长啥样？ custom template tags—github Many template tags take a number of arg
vue使用技巧
EnyingSong的博客
05-26 575
组件 : 全局组件注册 Render函数 : 拯救繁乱的template Vue权限控制 : 高精度全局权限控制 1.「全局组件注册」 原： <template> <div> <h1>I am HelloWorld</h1> <Child1></Child1> </div> </template> <script> import Child1 from './child1.
Django template 自定义模板标签实现
03-28
类标签需要继承`django.template.Node`或`django.template.TagHelperNode`，并实现`render`方法。类标签允许你处理更多的上下文信息，如获取模板变量等。 6. **自定义过滤器**：创建自定义过滤器与创建简单标签类似...
django template实现定义临时变量,自定义赋值、自增实例
09-16
在Django模板语言（Template Language, 简称Django Template）中，通常不支持直接定义和操作变量，因为它的设计原则是保持模板简洁，专注于数据呈现，而非业务逻辑。然而，通过自定义模板标签（Template Tags），...
django框架模板中定义变量(set variable in django template)的方法分析
12-31
总有一些情况，你会想在django template中设置临时变量,但是django 对在模板中对临时变量的赋值没有很好的开箱即用的tag 或者filter。但是还是能通过一些其他方法实现的。 1. 利用 django 自带的 with 标签实现 2. ...
antD Tree 节点显示、隐藏切换
pobu168的博客
05-15 3785
有一种需要求根据数据条件动态显示或隐藏树形控件的节点，有如下数据，要求根据用户的选择切换树形数据的显示。 let data = { title: '平台', key: 'p_platform', status: 0, children: [ { title: '公共资源', key: 'p_publicResource', status: 0, children: [ { key: 'p_userMgmt', title
vue中template的三种写法示例
01-18
第一种(字符串模板写法): 直接写在vue构造器里,这种写法比较直观,适用于html代码不多的场景,但是如果模板里html代码太多,不便于维护,不建议这么写. <!DOCTYPE html> <html> <!-- WARNING! Make sure that you match all Quasar related tags to the same version! (Below it's @1.7.4) --> <head> <!-- <link href=https://cdn.jsdelivr.net/npm/quasar@1.7.4/dist/qu
【Vue3】文章分类页面 - [el-card卡片]
qq_39921135的博客
06-17 801
由于各个模块都会有头部和下面的内容部分，所以将其封装成小的组件，运用到插槽。pageContainer：页面容器。具名插槽提供头部，默认插槽提供内容。
前端验证码，RSA加密
weixin_45625609的博客
05-18 462
发送验证码的实现 1 使用vant中的File组件, 并且在里面添加template模板，嵌套发送验证码和倒计时CountDown组件, 用个变量控制是否是点击了倒计时，初始为false, 点击了发送验证码变量设置为true,倒计时结束设置为false, 通过这个变量v-if v-else显示是倒计时还是显示发送验证码 2 <template> <Field v-model='info.captcha'
新建SpringBoot项目：Vue3数据绑定显示列表数据(静态数据)
lm19770429的专栏
07-07 694
具体如下：
template.js 模板之渲染数据
无缺的博客
08-05 4594
为什么使用template？ 1，在jquery 项目里面，在渲染数据的时候，可避免写大量的字符串拼接， 2，使用简单 本章只介绍如何渲染 数据,如下： var data = { "code":"200", "data":{ "currentPage":1, "datalist":[ { "extraId":"流浪的地球", ...
＜template＞标签的用法
热门推荐
Sfh的博客
09-02 3万+
一、html5中的template标签 template标签，顾名思义，模板的意思 HTML5提供的新标签，更加规范和语义化 可以把列表项放入template标签中，然后进行批量渲染 html中的template标签中的内容在页面中不会显示。但是在后台查看页面DOM结构存在template标签。这是因为template标签天生不可见，它设置了display:none;属性。 二、template标签操作的属性和方法 content属性:在js中template标签对应的dom对象存在content属性，对应
template<class T>
qingyangliuyang的专栏
12-03 2170
模板 使用中注意的问题 templateT>   (2011-10-03 17:38:57) T>" title="templateT>" style="margin:0px; padding:0px; border:0px; list-style:none; position:absolute; left:11px; top:4px">转载▼ 标签：   模板
html如何选择模板,go html/template 中的可选模板？
weixin_29959015的博客
06-10 234
给定一组模板，例如：布局.tplSome title{{template extracss}}Page title{{template content .}}主页.tpl{{define "content"}}page content goes here{{end}}编辑.tpl{{define "content"}}form content goes here{{end}}{{define "e...
django template 配置
03-02
好的，关于djangotemplate的配置，我可以回答。首先，在Django项目中使用模板需要在settings.py文件中进行配置。需要将模板引擎设置为Django模板引擎，方法如下： ``` TEMPLATES = [ { 'BACKEND': 'django....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值