(14)模板的导入和继承

Posted shizhengquan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了(14)模板的导入和继承相关的知识,希望对你有一定的参考价值。

什么是模板的导入:

当我在模板中写了一个很好看的组件,我想在多个页面用,就需要模板的导入

简单的导入实例:

views.py   #这个视图一定要有一个程序返回我要显示页面

from django.shortcuts import render,HttpResponse

# Create your views here.

def index(request):
li = 1
return render(request,‘index.html‘,{‘li‘:li})

def order(request):
return render(request,‘order.html‘)

left.html  #这个是一个组件

<div>
<h1>我是好看的组件</h1>
<h4>我是好看组件的内容</h4>
</div>

order.html   #这个页面我需要显示我的组件

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>订单</title>
</head>
<body>
{% include ‘left.html‘ %}
</body>
</html>

urls.py   #路由分发

from django.conf.urls import url
from django.contrib import admin
from app01 import views
urlpatterns = [
url(r‘^admin/‘, admin.site.urls),
url(r‘index/‘, views.index),
url(r‘order/‘, views.order)
]

引入项目中自己写的css和js

1、首先需要在项目主文件夹下创建一个文件夹 static

2、在settings.py  的最底部有一个  STATIC_URL = ‘/static/‘

在这个的后面加一个STATICFILES_DIRS=[   #注意这里是一个列表,列表中拼接路径

              os.path.join(BASE_DIR,‘static‘)

            ]

PS:BASE_DIR是项目的根路径,将根路径和static拼接了一个路径,然后把这个路径赋值给变量STATICFILES_DIRS,这个路劲就是根路径下的static文件夹

3、在我们需要引用的页面   <link rel="stylesheet" href="/static/mycss.css">   #这里就是导入这个文件夹下的样式文件,后续可以调用文件下的样式

 

样式的引入实例

views.py

from django.shortcuts import render,HttpResponse

# Create your views here.

def index(request):
li = 1
return render(request,‘index.html‘,{‘li‘:li})

def order(request):
return render(request,‘order.html‘)

urls.py

from django.conf.urls import url
from django.contrib import admin
from app01 import views
urlpatterns = [
url(r‘^admin/‘, admin.site.urls),
url(r‘index/‘, views.index),
url(r‘order/‘, views.order)
]

settings.py

 

以上是关于(14)模板的导入和继承的主要内容,如果未能解决你的问题,请参考以下文章

Flask框架从入门到精通之模板导入与继承(十八)

Flask框架从入门到精通之模板导入与继承(十八)

模板的继承和导入

vscode代码片段生成vue模板

模板的继承和导入

Django框架----模板层(模板导入和继承)