【问题标题】:Django Open rendered HTML fileDjango 打开渲染的 HTML 文件
【发布时间】:2020-11-18 03:17:29
【问题描述】:

当我单击 HTML 页面上的图像时,我想打开呈现的 HTML 文件。我应该如何使用它?

HTML 代码片段

<header>
    <nav class="headlist">
        <a href='{% url **Link to home_view** %}'><img id = "img1" src="{% static 'css/logo.png' %}" alt="logo"></a>
        <ul>
            <li><a href="{% url **Link to about_view** %}">O nas</a></li>
            <li><a href="{% url **Link to contact_view** %}">Kontakt</a></li>
            <li><a>Zajęcia</a></li>
        </ul>
    </nav>
</header>

主应用 urls.py

from django.contrib import admin
from django.urls import path, include

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', include('pages.urls')),
]

页面应用程序 urls.py

from django.urls import path
from . import views
urlpatterns = [
    path('kontakt/', views.contact_view),
    path('o_nas/', views.about_view),
    path('', views.home_view),
]

pages app views.py

from django.shortcuts import render

def home_view(reqest):
    return render(reqest, "index.html")
def about_view(reqest):
    return render(reqest, "about.html")
def contact_view(reqest):
    return render(reqest, "contact.html")

【问题讨论】:

    标签: python html django django-templates


    【解决方案1】:

    首先要做的事:为页面应用程序 urls.py 中的每个路由添加一个名称。

    • pages 应用程序 urls.py
    from django.urls import path
    from . import views
    urlpatterns = [
        path('kontakt/', views.contact_view, name='contact'),
        path('o_nas/', views.about_view, name='about'),
        path('', views.home_view, name='home'),
    ]
    

    在 HTML 模板中,您可以使用 url 标记结合路由名称来将所需的目标分配给 href。

    • HTML 代码片段
    <header>
        <nav class="headlist">
            <a href='{% url 'home' %}'><img id = "img1" src="{% static 'css/logo.png' %}" alt="logo"></a>
            <ul>
                <li><a href="{% url **Link to about_view** %}">O nas</a></li>
                <li><a href="{% url **Link to contact_view** %}">Kontakt</a></li>
                <li><a>Zajęcia</a></li>
            </ul>
        </nav>
    </header>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2018-01-17
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-10-13
      • 2020-04-12
      • 2021-02-17
      • 2018-12-13
      相关资源
      最近更新 更多