Django全栈开发学习笔记(八)——Django模板引擎

Django模板引擎

Django模板引擎包含模板上下文(模板变量)、标签和过滤器:

  • 模板上下文是以变量的形式写入模板文件里面,变量值由视图函数或视图类传递所得
  • 标签是对模板上下文进行控制输出,比如模板上下文的判断和循环控制等
  • 模板继承隶属于标签
  • 过滤器是对模板上下文进行操作处理,比如内容截取、替换或者格式转换

模板上下文

上下文的数据由视图函数或者视图类传递,以{ {variable}}表示,variable是上下文的名称,支持pyhon所有的数据类型。

自定义标签

标签是对模板上下文进行控制输出,以{% tag %}表示,其中tag是标签的名称,Django内置了许多模板标签:

标签 描述
{% for %} 遍历输出上下文的内容
{% if %} 对上下文进行条件判断
{% csrf_token %} 用于防护攻击
{% url %} 引用路由配置的地址,生成相应的路由地址
{% with %} 将上下文重命名
{% load %} 加载导入Django的标签库
{% static %} 读取静态资源的文件内容
{% extend XXX%} 模板继承,XXX为模板文件名,使当前模板继承xxx模板
{% block XXX%} 重写父类模板的代码

代码示例:

# for标签的使用,支持嵌套,mylist可以为列表、元组或某个对象
# item可以自定义名称,代表当前循环的元素对象
{
   % for item in mylist %}
{
   {
    item }}
{
   % endfor %}}

#if标签,支持嵌套,判断条件符合与上下文之间使用空格隔开
{
   % if name == "Lily" %}
{
   {
    name }}
{
   % elif name == "Lucy" %}
{
   {
    name }}
{
   % else %}
{
   {
    name }}
{
   % endif %}

#url标签
#生成不带变量的URL
<a href="{% url 'index' %}">首页</a>
#生成带变量的URL
<a href="{% url 'page' 1 %}">第一页</a>

#with标签,total=number无须空格隔开,否则报错
{
   
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Django和Vue.js是两个非常流行的开发框架,它们结合使用可以实现全栈开发。下面给出一个关于Django Vue3全栈开发学习文档的简要说明。 首先,学习文档应该从基础开始,介绍Django和Vue.js的基本概念和用法。对于初学者来说,可以先学习Django的核心概念,比如模型、视图和模板。然后,学习如何使用Django建立数据模型、创建RESTful API,并且如何将数据渲染到模板中。 接下来,学习文档应该逐步介绍Vue.js的基础知识,包括Vue的实例、组件和指令等。学习者可以通过编写简单的Vue组件来加深对Vue.js的理解,并学习如何使用Vue.js来处理前端的交互逻辑。 然后,学习文档可以介绍如何将Django和Vue.js结合起来进行全栈开发。这包括如何在Django中配置前后端分离的开发环境,如何使用Django提供的API来处理数据的增删改查操作,以及如何使用Vue.js来渲染和处理前端界面。 除了基础知识外,学习文档还应该提供一些实践项目来帮助学习者巩固所学知识。这些项目可以是基于Django和Vue.js的实际应用,比如一个简单的博客系统或一个任务管理应用。通过实际项目的实践,学习者可以更好地理解和运用所学知识。 最后,学习文档应该补充一些额外的资源和参考资料,比如官方文档、书籍和在线教程等,以帮助学习者进一步扩展自己的知识。 总而言之,一本Django Vue3全栈开发学习文档应该从基础概念开始,逐步引导学习者掌握Django和Vue.js的用法,并通过实践项目和额外资源提供进一步的学习支持。希望以上的回答对您有所帮助。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

烧麦Sn0wSt@r

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值