Python Django 编程 | 连载 04 - Django 模板

简介: Python Django 编程 | 连载 04 - Django 模板

一、Django Template 模板

模板可以动态生成HTML网页,由HTML代码和特殊的模板语法组成。

Django 项目的模板文件是放置在 templates 目录下的,使用 PyCharm 创建的 Django 项目会在 settings 文件中的 TEMPLATES 中自动将模板位置配置好

image.png

在视图函数中使用 render() 函数可以渲染页面,需要请求、模板路径以及动态数据作为参数。

from django.shortcuts import render
def hallo(request):
    # 业务代码
    # 返回render函数渲染的页面
    return render(request, template_path, context)
复制代码

HTML模板中通过{{ 变量名 }}来渲染从后端传来的动态数据

使用 Pycharm 创建项目django_templates

image.png

会自定配置好模板路径

image.png

通过命令行创建的 django 项目,则需要手动添加模板路径

image.png

通过命令行创建zulu应用

python3 manage.py startapp zulu
复制代码

在 zulu app 内增加 urls.py,配置一个 tango/ 路径

from django.urls import path
from .views import *
urlpatterns = [
    path('tango/', Tango.as_view()),
]
复制代码

在项目根路径的 urls.py 中配置 zulu app 的映射

from django.urls import path, include
from zulu import urls as zulu
urlpatterns = [
    path('admin/', admin.site.urls),
    path('zulu/', include(zulu))
]
复制代码

在 zulu app 的 views.py 中书写视图类,并绑定模板

from django.shortcuts import render
from django.views.generic import View
# Create your views here.
class Tango(View):
    def get(self, request):
        context = {'info': 'This is Tango 5'}
        return render(request, 'tango.html', context=context)
复制代码

在项目根路径下的 templates 文件夹下增加模板 tango.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>Zulu</title>
</head>
<body>
    <h1>{{info}}</h1>
</body>
</html>
复制代码

启动 Django 应用,在浏览器中输入 /zulu/tango/

image.png

页面中的动态数据被成功渲染出来。

二、Template 内置标签与静态文件配置

变量与标签

变量使用 {{ }} 双大括号来表示,如果从后端传递到前端的数据 {{ info }},内置的标签类型,使用 {% %} 大括号和百分号的形式来表示。常用的内置标签如下:

标签形式 标签说明
{% for %} {% endfor %} 遍历输出列表中的内容
{% if %} {% elif %} {% endif %} 对表达式进行判断
{% url name args %} 引用路由配置名
{% load %} {% load static %} 遍历输出列表中的内容
{% static path %} 读取静态资源
{% extends base_template %} 模板继承
{% block data %} {% endblock %} 重写继承的父模板的内容
{% csrf_token %} 跨域秘钥

for 循环标签是模板中比较常用的标签,常常用来遍历输出列表中的数据,for 循环标签还有一些比较常用的变量,比如索引等

变量名 变量说明
forloop.counter 从 1 开始计算获取当前索引
forloop.counter0 从 0 开始计算获取当前索引
forloop.revcounter 索引从最大数递减到 1
forloop.revcounter0 索引从最大数递减到 0
forloop.first 当前元素是否是第一个
forloop.last 当前元素是否是最后一个
empty 是否为空


相关文章
|
21天前
|
人工智能 数据可视化 数据挖掘
探索Python编程:从基础到高级
在这篇文章中,我们将一起深入探索Python编程的世界。无论你是初学者还是有经验的程序员,都可以从中获得新的知识和技能。我们将从Python的基础语法开始,然后逐步过渡到更复杂的主题,如面向对象编程、异常处理和模块使用。最后,我们将通过一些实际的代码示例,来展示如何应用这些知识解决实际问题。让我们一起开启Python编程的旅程吧!
|
20天前
|
存储 数据采集 人工智能
Python编程入门:从零基础到实战应用
本文是一篇面向初学者的Python编程教程,旨在帮助读者从零开始学习Python编程语言。文章首先介绍了Python的基本概念和特点,然后通过一个简单的例子展示了如何编写Python代码。接下来,文章详细介绍了Python的数据类型、变量、运算符、控制结构、函数等基本语法知识。最后,文章通过一个实战项目——制作一个简单的计算器程序,帮助读者巩固所学知识并提高编程技能。
|
9天前
|
Unix Linux 程序员
[oeasy]python053_学编程为什么从hello_world_开始
视频介绍了“Hello World”程序的由来及其在编程中的重要性。从贝尔实验室诞生的Unix系统和C语言说起,讲述了“Hello World”作为经典示例的起源和流传过程。文章还探讨了C语言对其他编程语言的影响,以及它在系统编程中的地位。最后总结了“Hello World”、print、小括号和双引号等编程概念的来源。
101 80
|
7天前
|
分布式计算 大数据 数据处理
技术评测:MaxCompute MaxFrame——阿里云自研分布式计算框架的Python编程接口
随着大数据和人工智能技术的发展,数据处理的需求日益增长。阿里云推出的MaxCompute MaxFrame(简称“MaxFrame”)是一个专为Python开发者设计的分布式计算框架,它不仅支持Python编程接口,还能直接利用MaxCompute的云原生大数据计算资源和服务。本文将通过一系列最佳实践测评,探讨MaxFrame在分布式Pandas处理以及大语言模型数据处理场景中的表现,并分析其在实际工作中的应用潜力。
34 2
|
12天前
|
Python
Seaborn 教程-模板(Context)
Seaborn 教程-模板(Context)
37 4
|
21天前
|
小程序 开发者 Python
探索Python编程:从基础到实战
本文将引导你走进Python编程的世界,从基础语法开始,逐步深入到实战项目。我们将一起探讨如何在编程中发挥创意,解决问题,并分享一些实用的技巧和心得。无论你是编程新手还是有一定经验的开发者,这篇文章都将为你提供有价值的参考。让我们一起开启Python编程的探索之旅吧!
44 10
|
22天前
|
IDE 程序员 开发工具
Python编程入门:打造你的第一个程序
迈出编程的第一步,就像在未知的海洋中航行。本文是你启航的指南针,带你了解Python这门语言的魅力所在,并手把手教你构建第一个属于自己的程序。从安装环境到编写代码,我们将一步步走过这段旅程。准备好了吗?让我们开始吧!
|
20天前
|
人工智能 数据挖掘 开发者
探索Python编程之美:从基础到进阶
本文是一篇深入浅出的Python编程指南,旨在帮助初学者理解Python编程的核心概念,并引导他们逐步掌握更高级的技术。文章不仅涵盖了Python的基础语法,还深入探讨了面向对象编程、函数式编程等高级主题。通过丰富的代码示例和实践项目,读者将能够巩固所学知识,提升编程技能。无论你是编程新手还是有一定经验的开发者,这篇文章都将为你提供有价值的参考和启示。让我们一起踏上Python编程的美妙旅程吧!
[Python]Django模板的配置及其语法(二)
[Python]Django模板的配置及其语法(二)
[Python]Django模板的配置及其语法(二)
|
安全 Python
[Python]Django模板的配置及其语法(一)
[Python]Django模板的配置及其语法