模板渲染django和bootstrap中的错误

时间:2017-12-12 17:32:55

标签: django templates jinja2

我在django项目的header.html中使用了bootstrap索引文件。任何人都可以指出一个修复或最简单的方法来将引导程序文件链接到静态文件夹。在哪些地方需要做,以及如何做?

另外,对于bootstrap的使用,我可以只使用索引文件而不是标题吗?

我可以看到错误(如下),但不知道修复它的语法。我尝试过的路线是使用Jinja逻辑,并且在该行上出现第一个错误。 (第14行)

当前错误:

library(dplyr)
column_equals <- function(df, ...) {
  conditions <- quos(...)
  df %>%  
    filter(!!!conditions)
}

test %>%  
  column_equals(col1 == 3 & col2 == "c")

更新 我将jinja的静态和使用简单地改为引导索引文件中最初的内容:例如。

Error during template rendering

In template C:\Users\User\Desktop\pythonsite\mysite\aboutme\templates\aboutme\header.html, error at line 14
Invalid block tag on line 14: 'static'. Did you forget to register or load this tag?
4     <head>
5   
6       <meta charset="utf-8">
7       <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8       <meta name="description" content="">
9       <meta name="author" content="">
10  
11      <title>Freelancer - Start Bootstrap Theme</title>
12  
13      <!-- Bootstrap core CSS -->
14      <link href="{% static 'vendor/bootstrap/css/bootstrap.min.css' %}" rel="stylesheet">
15  
16      <!-- Custom fonts for this template -->
17      <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
18      <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
19      <link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
20  
21      <!-- Plugin CSS -->
22      <link href="{% static 'vendor/magnific-popup/magnific-popup.css' &}" rel="stylesheet" type="text/css">
23  
24      <!-- Custom styles for this template -->

这就是它运行网页,但没有CSS&gt;

我仍然无法弄清楚如何将css从此索引页面链接到templates文件夹以及如何/在哪里使用什么语法

当前网站结构:

该文件夹的名称是&#34; aboutme&#34; (主应用程序的名称) 里面是静态文件夹。 在静态文件夹中,我删除了引导程序下载的全部内容(例如字体,css和js文件夹)

我有模板文件夹,其中有aboutme文件夹,其中是header.html和home.html。 header.html是我正在使用的文件(如下所示),尝试引用css / js等,以便网站查看并正确显示。

我只是使用:

<link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet" type="text/css">

而不是

 <link href="/static/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

我是否每次都这样做?或者我应该使用jinja逻辑?

2 个答案:

答案 0 :(得分:0)

在此之前的某个地方(任何地方),放入

{% load static %}

答案 1 :(得分:0)

首先要加载静态,为此我们使用以下内容:

{%load static%}

要调用任何静态文件,它将是这样的:

<link href="{% static 'FILE PATH' %}" rel="stylesheet">

<script src="{% static 'FILE PATH' %}"></script>

实施例

{% load static %}
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Anything</title>
    <!-- Bootstrap CSS -->
    <link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">
    <!-- Font Awesome -->
    <link href="{% static 'css/font-awesome.min.css' %}" rel="stylesheet" type="text/css">
</head>
<body>
    <!-- Bootstrap JS -->
    <script src="{% static 'js/bootstrap.min.js' %}"></script>
</body>
</html>

如果您有基本模板并且想要扩展其他模板,则应使用以下内容:

{%extends'BASE FILE PATH'%}