django前端套用现成模板,django model继承

  django前端套用现成模板,django model继承

  模板继承主要是为了提高代码复用,减少开发人员的工作量。下面这篇文章主要介绍Django模板继承和模板导入的相关信息。本文详细介绍了示例代码,有需要的朋友可以参考一下。

  00-1010-:模板继承1。什么是模板继承?2.利用继承过程3的原理。模板继承语法2。模板的继承和使用1。案例要求2。模板继承概述3。3360模板的导入1。模板的导入2。模板3的导入格式。模板的导入和使用。使用结果总结。

  

目录

 

  

一:模版的继承

 

  你需要事先在主页面上标记出你要使用的指定区域,然后在子页面继承的时候你就可以使用主页面上的指定区域,也就是说如果你不指定任何区域,你的子页面就无法修改主页面内容。

  

1.什么是模板继承?

 

  1.首先,在主页面上标记出你未来可能要改变的领域,你希望通过bolck继承。

  2.子页上的Inherit extends,使用block automatic prompt选择要修改的内容区域的标记名。

  3.编写您想要修改的代码,在子页面扩展主页面的标记区域。

  4.然后就可以让修改后的子页面内容呈现在主页面的指定区域。

  你看过一些网站吗?

  这些网站的所有页面都有很大不同,但有些部分正在发生变化。

  

2.使用继承流程原理

 

  1.遗产

  {% extends 模板页面名称“%}

  2.部分修改

  # 1.您需要首先转到模板页面来描绘可以修改的区域。

  {% block 名字 %}

  模板内容(666)

  {% endblock %}

  # 2.子页面成为模板页面后,可以根据其名称进行修改。

  {% block 名字 %}

  Subversion内容

  子页面除了自己编写之外,还可以继续使用模板内容。

  {{ block.super }} 666

  {{ block.super }} 666

  {{ block.super }} 666

  {{ block.super }} 666

  {% endblock %}

  4.通常,模板页面上至少应该有三个可以修改的区域。

  1.css区域

  2.html地区

  3.js区域

  每个子页面可以有自己独特的css代码,html代码,js代码。

  互不干扰。

  #子页面css

  {% block css %}

  {% endblock %}

  {%阻止内容%}

  {% endblock %}

  #子页面js

  {% block js %}

  {% endblock %}

  

3.模板继承语法

 

  

二:模板的继承使用

 

  1.登录页面本地出现在用户登录的右侧,注册页面出现在用户登录的右侧。

  urls.py

  #模板的继承

  url(r^home/,views.home),

  #创建登录路线

  url(r^login/,views.login),

  #创建注册路由

  url(r^reg/,views.reg),

  views.py

  定义主页(请求):

  返回render(请求, home.html )

  定义登录(请求):

  返回render(请求, login.html )

  定义注册(请求):

  返回render(request, reg.htm

  l)

  

  home.html

  

<!DOCTYPE html>

 

  login.html

  

  {#login 页面全部清空#}  {#login继承home主页面#}  {% extends home.html %}  {#子页面的css代码 #}  {% block css %}   <style>   h1 {   color: red;   }   </style>  {% endblock %}  {#block 指定选择主页面划分的(区域) 可以进行修改 #}  {% block content %}   <h1 class="text-center">登录页面</h1>   <form action="">   <p>username: <input type="text" class="form-control"></p>   <p>password: <input type="text" class="form-control"></p>   <input type="submit" class="btn btn-success">   </form>  {% endblock %}  {# 子页面的js代码 #}  {% block js %}   <script>   alert(登录页面)   </script>  {% endblock %}  

 

  reg.html

  

  {#reg页面全部清空#}  {#reg继承home主页面#}  {% extends home.html %}  {#子页面的css代码 #}  {% block css %}   <style>   h1 {   color: seagreen;   }   </style>  {% endblock %}  {#block 指定选择主页面划分的(区域) 可以进行修改 #}  {% block content %}   <h1 class="text-center">注册页面</h1>   <form action="">   <p>username: <input type="text" class="form-control"></p>   <p>password: <input type="text" class="form-control"></p>   <input type="submit" class="btn btn-danger">   </form>  {% endblock %}  {# 子页面的js代码 #}  {% block js %}   <script>   alert(注册)   </script>  {% endblock %}  

 

  

 

  

 

  

2.总结模板继承

 

  

一般情况下 模版的页面上划定的区域越多 那么该模版的扩展性就越高
但是如果太多 那还不如自己直接写

 

  

 

  

 

  

三:模版的导入

 

  

 

  

1.模板导入

 

  

将页面的某一个局部当成模块的形式
哪个地方需要就可以直接导入使用即可

 

  

 

  

 

  

2.模板导入格式

 

  

{% include 导入html文件名 %}

 

  

 

  

3.模板导入使用

 

  sss.html

  

<h1>我是sss.html页面</h1>

 

  login.html子页面

  

{% endblock %}

 

  

 

  

4.使用结果

 

  

 

  

 

  

总结

 

  到此这篇关于Django模板继承与模板导入的文章就介绍到这了,更多相关Django模板继承与模板导入内容请搜索盛行IT软件开发工作室以前的文章或继续浏览下面的相关文章希望大家以后多多支持盛行IT软件开发工作室!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: