Django1.10模板建设入门小知识

作为一个出过dede仿站教程的人来说,这个内容很容易理解。在使用的过程中发现Django比dede更简单。

Django网站模板建设知识点:

  • 静态文件调用
  • 公用模板建设
  • 局域模板调用

 

Django网站模板建设详细:

  • 静态文件调用

静态文件的调用,通常在页面的最顶部加入,通常我们的说的静态文件包含:图片、样式文件、JS文件,当然不要混淆不是所有文件都需要用他来获取,比如内容中的文件,直接访问其地址即可。下面一个案例

  1. {% load static%}

1.10之前用的是

  1. {% load staticfiles %}

案例:

  1. {% load static %} #获取静态文件
  2. <!DOCTYPE html>
  3. <html lang="zh-CN">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <title>{{ SITE_TITLE }}</title>
  7.     <meta name="keywords" content="{{ SITE_KEY }}">
  8.     <meta name="description" content="{{ SITE_DES }}">
  9.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  10.     <link rel="stylesheet" href="{% static '/lee/css/main.css' %}">  # 静态文件的使用
  11. </head>

通过{% statir '文件地址' %}来调用静态文件,有人是否疑问他的用途到底是什么?如果这些页面的静态文件全部合并到一起了,我们要怎么处理?

在项目中setting.py的文件中,加入以下代码

  1. # 静态文件保存
  2. STATIC_URL = '/static/'
  3. STATICFILES_DIRS = (
  4.     os.path.join(BASE_DIR, 'static'),
  5. )

当使用collectstatic把所有静态文件全部合并到一起后,无需去修改html文件中的静态文件地址,系统会直接给出其地址。

 

  • 模板继承

所谓的模板继承的,比模板调用又多了一层意思,又简化了一部分的代码。

案例说明:

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     {% block main_con %}
  6.     {%endblock}
  7. </head>
  8. <body>
  9. </body>
  10. </html>

创建一个公共文件,使用{% block 自己命名 %}  {%endblock}  来占位

  1. {% extends "base.html" %}
  2. {% block main_con %}
  3.     <title>这里是标题</title>
  4.     <meta name="keywords" content="关键词">
  5.     <meta name="description" content="描述">
  6. {% endblock %}

使用 extends调用公共文件,将需要放置的内容,放置在{% block自己命名 %}  {%endblock}之间,完成滴调用。

 

  • include模板调用

如果你看过这篇内容:dede仿站第五课:提高它的效率,那么下面的内容就简单的多了。对内容进行分类,对网页进行五马分尸,变成各个块,让每一个页面调用更灵活。

  1. {% include '需要用到的文件' %}

 

本文完。

李金龙

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: