农民 发表于 2024-6-24 02:28:32

使用 Django 构建动态网页

Django 是一个流行的 Python Web 框架,它可以或许帮助开发职员快速构建强大的 Web 应用步伐。在 Django 中,HTML 是用于呈现网页内容的主要语言之一。本文将先容怎样在 Django 中使用 HTML 创建动态网页,并演示一些常见的 HTML 元素和 Django 模板语言的用法。
https://img-blog.csdnimg.cn/direct/9c64372877314fdb86f3f0be73f493f1.png
创建 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 render

def 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 views

urlpatterns = [
    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 render

def 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 views

urlpatterns = [
    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!

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: 使用 Django 构建动态网页