Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/apache/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Python 使用bootstrap和django_Python_Html_Django_Twitter Bootstrap - Fatal编程技术网

Python 使用bootstrap和django

Python 使用bootstrap和django,python,html,django,twitter-bootstrap,Python,Html,Django,Twitter Bootstrap,我试图让引导程序在我的django项目中工作,并遵循了教程 但它没有起作用。当我在浏览器中访问“我的本地项目”时,它只显示一个带有4个蓝色链接的空白页面。不完全是我所期望的。在pycharm(我的ide)中,它告诉我,我的模板中有一个对静态URL的未解析引用。我认为问题在于,仅仅在我的项目中放置引导并在我的设置中定义它是不够的。有什么想法吗 对不起,这里基本上是我的项目是如何设置的。 主要项目/ 应用程序1、应用程序2、媒体/、模板/、主应用程序项目/ 那么我应该把boostrap放在第一个主项

我试图让引导程序在我的django项目中工作,并遵循了教程 但它没有起作用。当我在浏览器中访问“我的本地项目”时,它只显示一个带有4个蓝色链接的空白页面。不完全是我所期望的。在pycharm(我的ide)中,它告诉我,我的模板中有一个对静态URL的未解析引用。我认为问题在于,仅仅在我的项目中放置引导并在我的设置中定义它是不够的。有什么想法吗

对不起,这里基本上是我的项目是如何设置的。 主要项目/ 应用程序1、应用程序2、媒体/、模板/、主应用程序项目/ 那么我应该把boostrap放在第一个主项目下,还是第二个

此外,这里是我的设置,以备不时之需

STATIC_ROOT = os.path.join(SITE_ROOT, 'static_files')

# URL prefix for static files.
# Example: "http://media.lawrence.com/static/"
STATIC_URL = '/static/'
  • 首先,settings.py中的静态url应如下所示:

    静态URL='/STATIC/'

  • 之后,应在静态文件夹内创建3个文件夹:

    • img
    • css
    • js
  • 下载引导程序并将其正确放入上述文件夹中的每个文件中

  • 最后,在模板中导入引导:

    <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}css/bootstrap-responsive.min.css"/> 
    <script type="text/javascript" src="{{STATIC_URL}}js/bootstrap.min.js"></script>
    
    
    
  • 您应该将文件放在应用程序的外部或应用程序内部,以使用静态文件对每个应用程序进行个性化设置,差异是静态文件的url

    5.1应用程序外部

    静态URL='/STATIC/'

    5.2每个应用程序内部:

    STATIC_URL='/App1/STATIC/'

    STATIC_URL='/App2/STATIC/'

  • 还有静态的根put

    静态_根=“”


  • Kevin,Python日记中那篇文章的作者。自从我发布该教程以来,我已经创建了在Django项目中启用引导的其他方法,包括一个方便的项目模板,可以从这里下载:

    我还在BitBucket上启动了一个项目,因为它有一个Django bootstrap主题应用程序,非常易于使用,只需将其添加到您的“已安装的应用程序”中,然后从原始的bootstrap网站扩展任何模板,例如starter.html等。当然,您也可以旋转自己的引导主题。我尝试积极更新它,并寻求更多建议,使其成为“Django goto应用程序”。对于希望在其项目中使用Bootstrap的开发人员,BitBucket repo可在以下位置找到:


    希望这能帮助其他可能无意中发现此Stackoverflow页面的人。

    这就是我的工作原理,我遵循了文档中的内容:

    放置在
    project/my\u app/Static/my\u app/css/bootstrap.min.css中的静态文件

    此处放置的模板位于
    project/my_app/templates/my_app/base.html

    {% load static %}
    <!DOCTYPE html>
    <html lang="en">
    
    <head>
    
        <!-- Bootstrap Core CSS -->
        <link href="{% static "my_app/css/bootstrap.min.css" %}" rel="stylesheet">
    
    {%load static%}
    
    Project settings.py文件(此行为默认行,不更改):

    在您的应用程序文件夹中(也应该有带有.html文件的模板文件夹):

    创建包含子文件夹(引导文件)的“静态”文件夹,结构应如下所示:

    在html模板文件中,像这样导入引导(注意CSS进入head和JS进入body部分):

    
    你的头衔
    {%load staticfiles%}
    接下来是页面代码

    接下来是页面代码

    接下来是页面代码


    我改为{STATIC_URL}}句子不使用{%load staticfiles%}@Ngenator
    {%STATIC…%}
    如果没有
    {%load staticfiles%}
    {STATIC_URL}
    只是staticfiles应用程序在上下文中设置的变量。这是个问题吗?没有
    STATICFILES\u DIR
    urls.py
    中没有urlpatterns,这会起作用吗?据我所知,使用开发服务器提供静态文件需要一些额外的工作。@J0HN他在我的评论之后编辑了答案。他正在使用
    {%static…%}
    如果没有它,请检查。感谢您的回复。但是关于静态URL,我需要创建此文件夹吗?或者它已经创建了,而我就是找不到它?非常感谢。
    STATIC_URL = '/static/'
    
    {% load static %}
    <!DOCTYPE html>
    <html lang="en">
    
    <head>
    
        <!-- Bootstrap Core CSS -->
        <link href="{% static "my_app/css/bootstrap.min.css" %}" rel="stylesheet">
    
    BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
    STATIC_URL = '/static/'
    
    <html>
    <head>
        <title> Your title </title> 
    
        <!-- To prepare django for loading static files -->
        {%load staticfiles %}
    
        <!-- And with <link> or <script> tag you actualy import bootstrap files in page -->
        <link href={% static "css/bootstrap.min.css" %} rel="stylesheet">
    </head>
    
    <body>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src={% static "js/bootstrap.min.js" %}></script>
    
    
    <p> Next your page code ............... </p>
    <p> Next your page code ............... </p>
    <p> Next your page code ............... </p>
    
    
    </body>