ToB企服应用市场:ToB评测及商务社交产业平台

标题: 使用 Django 构建动态网页 [打印本页]
作者: 农民    时间: 2024-6-24 02:28
标题: 使用 Django 构建动态网页
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
  4. def index(request):
  5.     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
  6. urlpatterns = [
  7.     path('admin/', admin.site.urls),
  8.     path('', views.index, name='index'),
  9. ]
复制代码
运行 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
  4. def greet(request):
  5.     context = {
  6.         'username': 'John',
  7.         'age': 30,
  8.     }
  9.     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
  6. urlpatterns = [
  7.     path('admin/', admin.site.urls),
  8.     path('', views.index, name='index'),
  9.     path('greet/', views.greet, name='greet'),
  10. ]
复制代码
现在，访问 http://127.0.0.1:8000/greet/，将会看到根据传递的变量动态天生的网页内容。
通过以上步调，你已经学会了怎样在 Django 中使用 HTML 创建动态网页，并利用 Django 模板语言使网页内容更加丰富和灵活。 Happy coding！

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



欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/) Powered by Discuz! X3.4