Django template

最新推荐文章于 2026-01-02 03:13:05 发布
原创 最新推荐文章于 2026-01-02 03:13:05 发布 · 2k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#Django python 学习笔记 #django
本文介绍了Django模板语言的使用，包括变量、标记、模板继承和网页模板的创建。详细展示了如何定义模板、使用继承概念以及创建基础和中间模板。

  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 模板语言已经被设计为只能实现有限的功能。这种限制可以为非程序员保持模板的简单性，同时还可以让程序员不会将业务逻辑放到不属于自己的地方，即表示层。请参阅参考资料 中模板语言文档的链接。

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
vue 自定义组件的写法与用法详解
11-21
三个技能，父组件 —> 子组件传值（props）、子组件 —> 父组件传值（emit用来使这个独立的组件通过一些逻辑来融入其他组件中。举个具体点的例子，假如你要做一辆车，车轮是要封装的一个独立组件，props指的就是根据整个车的外形你可以给轮子设置一些你想要的且符合车风格的花纹，图案等；而$emit的作用则是让这些轮子能够和整辆车完美契合的运作起来。 （1）使用props可以实现父子组件之间的传值 （2）使用this.$emit()可是实现子组件调用父组件的方法 一.在commponents文件创建组件文件 二.组件代码(写法) index.vue <div cl
vue使用技巧
EnyingSong的博客
05-26 769
组件 : 全局组件注册 Render函数 : 拯救繁乱的template Vue权限控制 : 高精度全局权限控制 1.「全局组件注册」 原： <template> <div> <h1>I am HelloWorld</h1> <Child1></Child1> </div> </template> <script> import Child1 from './child1.
vue3大事件管理系统 === 首页 layout & 文章分类页面 -
每天都要努力学习哦~~
07-19 1250
组件对外暴露一个方法 open, 基于 open 的参数，初始化表单数据，并判断区分是添加 还是 编辑。需求：只有登录页，可以未授权的时候访问，其他所有页面，都需要先登录再访问。添加 和 编辑，可以共用一个弹层，所以可以将弹层封装成一个组件。el-container 右侧。el-aside 左侧。
vue3 的v-model语法糖
luoxiaonuan_hi的博客
05-06 1856
上面文章开始说了Vue3的v-model默认是解析成了：modelValue与@update:modelValue，下面说一下，如果你想修改这个默认的传值与事件的话，如何修改？在这，:modelValue="count" @update:modelValue="updateCount"就可以简写为v-model="count"子组件定义使用modelValue进行接收父组件传递过来的值，定义事件update:modelValue通知父组件改变一些事情。父组件patient -使用子组件。
vue+antd实现可编辑表格
budai_bb的博客
04-22 4470
1、新建一个custom_table的的组件 <template> <a-card :title="title"> <template #extra> <div class="submitBtn"> <a v-if="!edit" @click="editHandle">编辑</a> <div v-else> <a-button @click="saveHandle" clas
antD Tree 节点显示、隐藏切换
pobu168的博客
05-15 6173
有一种需要求根据数据条件动态显示或隐藏树形控件的节点，有如下数据，要求根据用户的选择切换树形数据的显示。 let data = { title: '平台', key: 'p_platform', status: 0, children: [ { title: '公共资源', key: 'p_publicResource', status: 0, children: [ { key: 'p_userMgmt', title
Django中template 使用
xiaobing的专栏
09-05 2696
1.template 使用 template不仅可以用来导出HTML，他可以用来做任何的 基于文本的处理 1.在交互模式下使用template 使用django的template时，他需要查找一个变量的 设置，叫：DJANGO_SETTINGS_MODULE,这个指向的是 当前的工作项目的settings.py文件，所以，要想在 交互模式下使用template，最好先通过 django-
Django中template导入文件
xiaobing的专栏
09-05 3885
template文件的导入 template文件就是普通的文件，需要用于template.render()函数渲染，可以有以下 几种方法来加载文件 1.用python自带的open()函数，如： from django.template import Template, Context from django.http import HttpResponse import
Django Template 路径配置
applehepeach的博客
09-19 719
如果你无法像Django Documentation 中描述的那样，找不到 TEMPLATE_DIR,不要着急的自己在settings.py文件中添加一个 仔细观察，我们可以找到一个环境变量叫做 TEMPLATE，这个环境变量是一个list，第一个元素是字典类型，包含BACKEND, DIRS, APP_DIRS and OPTIONS. 我们修改DIRS 为  TEMPLATE
Django中Template理解
qq_28837549的博客
07-08 1828
Template不同于普通的HTML文本 Template与普通HTML本质上都是普通的文本，不同的是Template由HTML代码与逻辑控制代码（包括后台传来的参数）组成 html可以通过浏览器直接打开，Template则需要通过django后台渲染后才是完整的HTML代码，再由浏览器渲染。 Demo: <!DOCTYPE html> <html lang="en"> &...
Django Template Error 及解决方法
NS
08-04 3299
Traceback (most recent call last): File "", line 1, in t = template.Template("My name is {{ name }}.") File "C:\Python27\lib\site-packages\django\template\base.py", line 123, in __init__
Django的请求和响应+template模板
一位搞嵌入式和前端的genius的博客
05-22 1315
在Django中，模板文件（如user_list.html）通常位于templates目录下，Django会根据settings.py中注册的app顺序查找相应的HTML文件。如果根目录下有templates文件夹，且settings.py中配置了DIRS，则从根目录开始查找。静态文件（如图片、CSS、JS）应放在static目录下，并在HTML模板中使用{% load static %}引入。Django的视图函数通过render方法返回HTML页面，并支持模板语法
python中template是什么意思啊_详解django中Template语言
weixin_39621185的博客
01-13 1009
Django是一个开放源代码的Web应用框架，由Python写成。采用了MTV的框架模式，即模型M，视图V和模版T。它最初是被开发来用于管理劳伦斯出版集团旗下的一些以新闻内容为主的网站的，即是CMS(内容管理系统)软件。并于2005年7月在BSD许可证下发布。这套框架是以比利时的吉普赛爵士吉他手Django Reinhardt来命名的。下面看下本文重点给大家介绍的django中Template语言...
django 套vue 模板_Vue admin template + Django 快速进行Web开发
weixin_39638048的博客
12-22 1737
本文教大家如何使用Vue admin template和Django快速进行Web开发，旨在帮助我们使用现有的工具、框架及开源UI，让我们在基础较为薄弱的情况下，能进行Web开发。本文不会介绍过多的原理，实践为主。Vue admin template的简单使用Vue admin template是PanJiaChen开源的UI脚手架，通过它我们可以快速开发我们的系统，不必在考虑一个通用功能的封装问...
Django Template Partials 使用教程
最新发布
gitblog_01066的博客
01-02 435
`django-template-partials` 是一个用于 Django 模板语言的可重用内联部分（partials）的库。这个库允许你在 Django 模板中定义可重用的部分，从而提高代码的可维护性和复用性。通过使用 `django-template-partials`，你可以将模板的一部分提取出来，并在多个地方使用，而不需要重复编写相同的代码。 ## 项目快速启动 ### 安装 首
Python Django Template、Views、Urls总结
JYliangliang的博客
05-28 387
一、Template 模版 MTV中的Template 充当数据展示的角色 在Django中使用的就是Django模版 模版组成 1、静态HTML 2、模版语法 变量 {{ var }} 变量名遵循命名规范 来源 视图中传递过来的 标签中，逻辑创建出来的 标签 {{ % exp % }} 将标签分为单标签和双标签 双标签必须闭合 结构标签 block 块、坑 用于规划，填充页面 ...
Django Starter Template 使用教程
gitblog_00090的博客
08-31 532
Django Starter Template 使用教程 1. 项目的目录结构及介绍 django-starter-template/ ├── accounts/ │ ├── migrations/ │ ├── static/ │ ├── templates/ │ ├── __init__.py │ ├── admin.py │ ├── apps.py │ ├── mo...
探索高效起点：Django 开发的优选模板 —— django-starter-template
gitblog_00607的博客
08-30 877
探索高效起点：Django 开发的优选模板 —— django-starter-template 在快速迭代的Web开发领域中，寻找一个既遵循最佳实践又能快速启动的Django项目模板是许多开发者梦寐以求的事。今天，我们要推荐的是django-starter-template，一款专为Django 2.0设计的便捷项目模板，它能显著提升你的开发效率并保证代码质量。 项目介绍 django-star...
Django入门（4）-Template简介
l314046573的博客
10-18 283
四、Template简介 原则上是可以 views.py 的函数中设置网页显示的格式和内容，但是一个复杂的网页具有很多模块，要一一的在每个函数中都编写出来也就太麻烦了。因此，正确的做法是：在 views.py 中把数据和资料准备好然后放到template模块中的 .html 文件中进行渲染后输出到网页上，也就是说这里的 .html 文件负责真正的显示工作。 1、创建Template文件夹 在建立项...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值