Django 模版繼承

1，設計母版頁

Test/templates/6/base.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><!-- 修正了模板標簽的全角字符問題 -->{% block title %}<title>這個是母版頁</title>{% endblock %}</head>
<body><table border="1" style="width: 1000px;"><tr><td colspan="2" style="height: 30px; text-align: center;">這是Top區域，一般用于導航</td></tr><tr style="vertical-align: middle; height: 300px;"><td style="width: 200px;">這左邊的的菜單</td><td style="width: 500px;"><!-- 修正了模板標簽的全角字符問題 -->{% block content %}這個區域隨著內容頁的變化而變化{% endblock %}</td></tr><tr><td colspan="2" style="height: 30px; text-align: center;">這是版權區域</td></tr>
</table></body>
</html>

2，設計內容頁

Test/templates/6/welcome.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8">{% extends "6\base.html" %}{% block title %}<title>這是歡迎頁</title>{% endblock %}</head>
<body>{% block content %}<div style="text-align: center;">歡迎來到我的小賣部！</div>{% endblock %}</body>
</html>

3，添加視圖函數

Test/app6/views.py

from django.shortcuts import render# Create your views here.
def welcome(request):return render(request, '6\welcome.html')

4，添加路由地址

Test/app6/urls.py

from django.urls import path
from . import viewsurlpatterns = [path('welcome', views.welcome, name='welcome'),]

5，訪問頁面

http://127.0.0.1:8000/app6/welcome

Django 設計組件-CSDN博客

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/web/36913.shtml
繁體地址，請注明出處：http://hk.pswp.cn/web/36913.shtml
英文地址，請注明出處：http://en.pswp.cn/web/36913.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！