使用 Django 构建动态网页

农民  金牌会员 | 2024-6-24 02:28:32 | 来自手机 | 显示全部楼层 | 阅读模式
打印 上一主题 下一主题

主题 658|帖子 658|积分 1974

Django 是一个流行的 Python Web 框架,它可以或许帮助开发职员快速构建强大的 Web 应用步伐。在 Django 中,HTML 是用于呈现网页内容的主要语言之一。本文将先容怎样在 Django 中使用 HTML 创建动态网页,并演示一些常见的 HTML 元素和 Django 模板语言的用法。

创建 Django 项目和应用步伐

首先,确保已经安装了 Django。如果没有安装,可以使用以下命令:
  1. pip install django
复制代码
接下来,创建一个新的 Django 项目:
  1. django-admin startproject myproject
复制代码
然后,创建一个新的应用步伐:
  1. cd myproject
  2. django-admin startapp myapp
复制代码
创建 HTML 模板

在 Django 中,可以将 HTML 模板存储在应用步伐的 templates 目次中。创建一个名为 index.html 的 HTML 文件,并将其放置在 myapp/templates 目次下:
  1. <!-- myapp/templates/index.html -->
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.     <title>My Django App</title>
  9. </head>
  10. <body>
  11.     <h1>Hello, Django!</h1>
  12.     <p>Welcome to my Django app.</p>
  13. </body>
  14. </html>
复制代码
创建视图函数

在 Django 中,视图函数用于处理 HTTP 请求并天生 HTTP 相应。打开 myapp/views.py 文件,并创建一个名为 index 的视图函数:
  1. # myapp/views.py
  2. from django.shortcuts import render
  3. def index(request):
  4.     return render(request, 'index.html')
复制代码
设置 URL 路由

要使视图函数可以或许相应特定的 URL 请求,必要设置 URL 路由。打开 myproject/urls.py 文件,并添加一个 URL 路由到 index 视图:
  1. # myproject/urls.py
  2. from django.contrib import admin
  3. from django.urls import path
  4. from myapp import views
  5. urlpatterns = [
  6.     path('admin/', admin.site.urls),
  7.     path('', views.index, name='index'),
  8. ]
复制代码
运行 Django 服务器

现在,可以运行 Django 服务器,并在浏览器中访问应用步伐:
  1. python manage.py runserver
复制代码
打开浏览器,并访问 http://127.0.0.1:8000/,将会看到显示 “Hello, Django!” 的网页。
使用 Django 模板语言

除了简单地在 HTML 中编写静态内容外,Django 还提供了模板语言,可以在 HTML 中动态地插入变量、循环和条件语句。以下是一个示例:
  1. <!-- myapp/templates/greet.html -->
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.     <title>Greet User</title>
  9. </head>
  10. <body>
  11.     <h1>Hello, {{ username }}!</h1>
  12.     {% if age %}
  13.     <p>You are {{ age }} years old.</p>
  14.     {% else %}
  15.     <p>Your age is unknown.</p>
  16.     {% endif %}
  17. </body>
  18. </html>
复制代码
在视图函数中传递变量给模板:
  1. # myapp/views.py
  2. from django.shortcuts import render
  3. def greet(request):
  4.     context = {
  5.         'username': 'John',
  6.         'age': 30,
  7.     }
  8.     return render(request, 'greet.html', context)
复制代码
然后,将视图函数和 URL 路由关联起来:
  1. # myproject/urls.py
  2. from django.contrib import admin
  3. from django.urls import path
  4. from myapp import views
  5. urlpatterns = [
  6.     path('admin/', admin.site.urls),
  7.     path('', views.index, name='index'),
  8.     path('greet/', views.greet, name='greet'),
  9. ]
复制代码
现在,访问 http://127.0.0.1:8000/greet/,将会看到根据传递的变量动态天生的网页内容。
通过以上步调,你已经学会了怎样在 Django 中使用 HTML 创建动态网页,并利用 Django 模板语言使网页内容更加丰富和灵活。 Happy coding!

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

农民

金牌会员
这个人很懒什么都没写!

标签云

快速回复 返回顶部 返回列表