美文网首页
7.django 网页模版

7.django 网页模版

作者: 零_WYF | 来源:发表于2017-12-19 21:22 被阅读25次

1.Django项目结构:根项目管理所有子项目

Django项目结构:根项目管理所有子项目
根项目:网页
子项目:网页

2.子项目应用中的网页加载

创建templates文件夹,用于存放html网页
所有子模块应用中,Django会自动扫描是否存在templates/文件夹,在这个文件夹下查询指定的要加载的网页[templates/文件夹名称推荐使用!不要随意更改这个存放网页的文件夹的名称]


image.png

在子模块应用当前路径中,创建templates/文件夹,在文件夹中创建和子模块应用同名的文件夹,在该文件夹中创建所有的html网页
如:mysite/myblog/templates/myblog/index.html
这样做的目的是进行路径隔离,防治和其他子项目中的同名文件(templates文件)发生冲突。


image.png

3.子项目静态资源的处理

Django的加载器会自动扫描所有子模块应用中的/static/文件夹,在static文件夹中查询对应的静态资源文件[settings.py中配置了STATIC_URL=/static/;同样的,推荐使用默认的静态文件夹名称static,不要任意修改这个文件夹的名字!]
在子模块应用的当前路径中,创建static/文件夹,在文件夹中创建和子模块应用同名的文件夹,在该文件夹中创建js/、images/、css/等等各种静态文件夹存放不同的静态文件,在网页中通过/static/myblog/css/index.css方式进行引入使用


image.png image.png

4.根项目的网页处理和静态文件处理

settings.py配置TEMPLATES选项中的DIRS选项,将根项目的访问路径配置进入
DIRS:[“temp”]


image.png

or


image.png

网页的查询顺序,首先[temp/],其次查询子项目[templates/],如果此时两个文件夹中存在同名称的同路径的文件,就会直接访问[temp/]的文件
所以我们要在子模块应用中的[templates/]文件夹中,再创建一个[myblog/]用来进行文件路径隔离!


image.png

在根目录中创建一个存放静态文件的文件夹,如static/,然后在配置文件中添加新的配置[STATICFILES_DIRS=[..] ]添加好新的配置,就可以在static/文件夹中,直接使用静态文件了。


image.png

相关文章

  • 7.django 网页模版

    1.Django项目结构:根项目管理所有子项目 Django项目结构:根项目管理所有子项目根项目:网页子项目:网页...

  • 总结2015:10个最佳响应式网站设计模版

    微相册展示模版 适合做分类信息展示的模版,博客模版 最佳博客模版 最佳企业宣传网页模版,多终端适配,适用于营销型企...

  • Udemy网页课程2-HTML

    http://example.com/ 查看网页源代码(简单的网页模版) 网页结构 标题 将网页内容分成一段一段来...

  • 2019-02-13 网站专题栏目模版制作步骤

    网站专题栏目模版 - 首页 制作步骤 一、另存网页 根据需求部门提供的网页地址,把网页保存到本地文件夹。 注意:保...

  • freemarker除了做网页还能?

    写在前面 模版化应用广泛,所有的网页都是借助模版化,将丰富多彩的数据展现在用户面前。对于后端开发而言也离不开模版,...

  • jsp看这篇文章就够了

    一、JSP基础语法 1、JSP模板元素 JSP页面中的HTML内容称之为JSP模版元素。 JSP模版元素定义了网页...

  • 页面模板功能简析

    微信公众平台-新功能:页面模板 1、功能介绍 页面模版功能,是给公众号创建行业网页的功能插件。公众号可选择行业模版...

  • Django 静态文件

    Django 1.10 目录结构 修改项目下的 settings 修改项目下的 urls 网页模版下引用 重新运行...

  • Django 18.4 创建其他网页

    Django 18.4 创建其他网页 创建父模版(包含所有通用元素) 18.4.3 显示特定主题的页面 [imag...

  • python django基础(二)

    接上一篇, django MTV模式之----template模版 django是动态的网页,后台的数据需要动态的...

网友评论

      本文标题:7.django 网页模版

      本文链接:https://www.haomeiwen.com/subject/sniiwxtx.html