客户案例 网站设计,网站app制作,网站建设与管理专业介绍,苏州有哪些互联网大厂文章目录 1 概述1.1 目的1.2 标签#xff1a;block、extends1.3 目录结构 2 templates 目录2.1 base.html#xff1a;父页面2.2 login.html#xff1a;子页面 3 其它代码3.1 settings.py3.2 views.py3.3 urls.py 1 概述
1.1 目的
模板继承 和 类继承 的目的是一样的#… 文章目录 1 概述1.1 目的1.2 标签block、extends1.3 目录结构 2 templates 目录2.1 base.html父页面2.2 login.html子页面 3 其它代码3.1 settings.py3.2 views.py3.3 urls.py 1 概述
1.1 目的
模板继承 和 类继承 的目的是一样的都是为了提高代码的复用
1.2 标签block、extends
# 父 Html 中block定义语句块供 子页面使用
{% block xx %}{% endblock %}# 子 Html 中extends继承父页面
{% extends xx.html %}1.3 目录结构 2 templates 目录
2.1 base.html父页面
!DOCTYPE html
html langen
headmeta charsetUTF-8title{% block title %} 基础页面 {% endblock %}/title{% block css %} {% endblock %}
/head
bodya hrefhttps://www.baidu.com/ 百度一下 /a{% block content %} {% endblock %}{% block js %} {% endblock %}
/body
/html2.2 login.html子页面
{% extends base.html %}{% block title %}登录首页
{% endblock %}{% block css %}stylep {color: red}/style
{% endblock %}{% block content %}p姓名input typetext placeholder姓名/pp密码input typetext placeholder密码/p
{% endblock %}{% block js %}scriptalert(欢迎登录)/script
{% endblock %}登录效果
3 其它代码
3.1 settings.py
TEMPLATES [{BACKEND: django.template.backends.django.DjangoTemplates,# 模板的位置DIRS: [os.path.join(BASE_DIR, templates)],APP_DIRS: True,OPTIONS: {context_processors: [django.template.context_processors.debug,django.template.context_processors.request,django.contrib.auth.context_processors.auth,django.contrib.messages.context_processors.messages,],},},
]3.2 views.py
from django.shortcuts import render, HttpResponse, redirectdef login(request):return render(request, login.html)3.3 urls.py
from django.urls import pathfrom app01 import viewsurlpatterns [path(login/, views.login),
]
