【Django】django模板与前端技术(html模板)

作者：System 时间：2024年08月29日分类：所有,数据库字数：1032

在Django中，可以使用Django模板语言来渲染前端页面。以下是一个简单的例子，展示了如何在Django中结合HTML模板和Django模板标签来创建一个基本页面。

首先，在你的Django项目的templates文件夹中创建一个HTML文件（例如index.html）：




<!-- templates/index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Index Page</title>
</head>
<body>
    <h1>Welcome to the Index Page</h1>
    <p>This is a paragraph.</p>
    <ul>
        {% for item in items %}
            <li>{{ item }}</li>
        {% endfor %}
    </ul>
</body>
</html>

然后，在Django的视图中渲染这个模板：




# views.py
from django.shortcuts import render
 
def index(request):
    context = {'items': ['Item 1', 'Item 2', 'Item 3']}
    return render(request, 'index.html', context)

最后，在Django的URL配置中指定这个视图：




# urls.py
from django.urls import path
from .views import index
 
urlpatterns = [
    path('', index, name='index'),
]

当用户访问这个页面时，Django会使用index.html模板和传递给render函数的context字典来生成最终的HTML内容，并返回给客户端。在这个例子中，{% for %}和{{ item }}是Django模板语言的标签和变量，用于遍历列表并输出内容。

【Django】django模板与前端技术(html模板)

评论已关闭

推荐阅读