当前位置: 首页> 教育> 培训 > 使用 Django 构建动态网页

使用 Django 构建动态网页

时间:2025/9/7 7:55:00来源:https://blog.csdn.net/ZuoZuoDuiChang/article/details/139428825 浏览次数:0次

文章目录

    • 创建 Django 项目和应用程序
    • 创建 HTML 模板
    • 创建视图函数
    • 配置 URL 路由
    • 运行 Django 服务器
    • 使用 Django 模板语言

Django 是一个流行的 Python Web 框架,它能够帮助开发人员快速构建强大的 Web 应用程序。在 Django 中,HTML 是用于呈现网页内容的主要语言之一。本文将介绍如何在 Django 中使用 HTML 创建动态网页,并演示一些常见的 HTML 元素和 Django 模板语言的用法。
在这里插入图片描述

创建 Django 项目和应用程序

首先,确保已经安装了 Django。如果没有安装,可以使用以下命令:

pip install django

接下来,创建一个新的 Django 项目:

django-admin startproject myproject

然后,创建一个新的应用程序:

cd myproject
django-admin startapp myapp

创建 HTML 模板

在 Django 中,可以将 HTML 模板存储在应用程序的 templates 目录中。创建一个名为 index.html 的 HTML 文件,并将其放置在 myapp/templates 目录下:

<!-- myapp/templates/index.html -->
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>My Django App</title>
</head>
<body><h1>Hello, Django!</h1><p>Welcome to my Django app.</p>
</body>
</html>

创建视图函数

在 Django 中,视图函数用于处理 HTTP 请求并生成 HTTP 响应。打开 myapp/views.py 文件,并创建一个名为 index 的视图函数:

# myapp/views.py
from django.shortcuts import renderdef index(request):return render(request, 'index.html')

配置 URL 路由

要使视图函数能够响应特定的 URL 请求,需要配置 URL 路由。打开 myproject/urls.py 文件,并添加一个 URL 路由到 index 视图:

# myproject/urls.py
from django.contrib import admin
from django.urls import path
from myapp import viewsurlpatterns = [path('admin/', admin.site.urls),path('', views.index, name='index'),
]

运行 Django 服务器

现在,可以运行 Django 服务器,并在浏览器中访问应用程序:

python manage.py runserver

打开浏览器,并访问 http://127.0.0.1:8000/,将会看到显示 “Hello, Django!” 的网页。

使用 Django 模板语言

除了简单地在 HTML 中编写静态内容外,Django 还提供了模板语言,可以在 HTML 中动态地插入变量、循环和条件语句。以下是一个示例:

<!-- myapp/templates/greet.html -->
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Greet User</title>
</head>
<body><h1>Hello, {{ username }}!</h1>{% if age %}<p>You are {{ age }} years old.</p>{% else %}<p>Your age is unknown.</p>{% endif %}
</body>
</html>

在视图函数中传递变量给模板:

# myapp/views.py
from django.shortcuts import renderdef greet(request):context = {'username': 'John','age': 30,}return render(request, 'greet.html', context)

然后,将视图函数和 URL 路由关联起来:

# myproject/urls.py
from django.contrib import admin
from django.urls import path
from myapp import viewsurlpatterns = [path('admin/', admin.site.urls),path('', views.index, name='index'),path('greet/', views.greet, name='greet'),
]

现在,访问 http://127.0.0.1:8000/greet/,将会看到根据传递的变量动态生成的网页内容。

通过以上步骤,你已经学会了如何在 Django 中使用 HTML 创建动态网页,并利用 Django 模板语言使网页内容更加丰富和灵活。 Happy coding!

关键字:使用 Django 构建动态网页

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: