Django - 如何集成Metronic模板

作者: fall4u | 来源:发表于2017-12-14 23:27 被阅读77次

问题背景

在这个项目当中, 使用Django作为后台框架, 使用MeTronic作为前端模版。

问题

怎么使得Django返回的view能够正确的显示出MeTronic模版的效果。

在问题解决之前,Django能找到模板文件之后,通过浏览器访问相应网页,呈现的效果是这样的

而正常的网页效果是下图所示:


解决办法:

办法应该同添加模板文件一样有2个,

  1. 针对单一app添加
  2. 针对整体project添加
    为了方便起见,这里只介绍方法2。

步骤:

  1. 将Metronic的静态文件(assets目录)拷贝到project的根目录下。
  2. 修改project的settings.py文件, 添加以下内容:
STATICFILES_DIRS = [
  os.path.join(BASE_DIR,'assets'),
]
  1. 修改模板文件
  • 添加{% load static %}到html文件的head块前面

  • 对引用到assets的地方,比如

<link href= "../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel=
"stylesheet" type= "text/css"/>

修改为

<link href="{% static '/global/plugins/bootstrap/css/bootstrap.min.css' %} " rel=
"stylesheet" type="text/css"/>

作以上修改之后, Django就能正确显示模板文件的效果呢

相关文章

  • Django - 如何集成Metronic模板

    问题背景 在这个项目当中, 使用Django作为后台框架, 使用MeTronic作为前端模版。 问题 怎么使得Dj...

  • Django handy notes

    Django Handy Notes 如何关闭Django模板的自动转义 Django的模板中会对HTML标签和J...

  • Django【基础篇】

    Django的特点 大而全,框架本身集成了ORM,模型绑定,模板引擎,后台管理,缓存,Session等诸多的功能,...

  • Django 五

    目录 1.Django 模板的导入 2.Django 模板的继承 3.Django 搭建测试环境 4.Django...

  • Metronic干货系列-介绍和目录结构

    Metronic干货系列 1.Metronic干货系列-介绍和目录结构 2.Metronic干货系列-首页(未更新...

  • Django之Template介绍及日常应用

    Django模板语言 Django模板是一个简单的文本文档,或用Django模板语言标记的一个Python字符串。...

  • Django教程--model教程

    Django教程--model教程 经过前面几节,我们已经简单的了解了在Django中如何进行模板渲染、参数和文件...

  • Django 进阶之 celery

    Django 集成 Celery 到项目:本节将 celery 集成到 Django 项目中,实现异步任务处理和定...

  • flask开发之flask-SQLAlchemy

    flask不像django,django有自己的ORM集成实现。flask一般使用sqlalchemy进行集成开发...

  • Django 2.1.7 模板 - HTML转义

    相关篇章 Django 2.1.7 创建应用模板Django 2.1.7 配置公共静态文件、公共模板路径Djang...

网友评论

    本文标题:Django - 如何集成Metronic模板

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