Django模板的Axure输出

Question

我对web编程非常陌生，并且开始使用Django。我使用了默认的教程，还有一些其他的例子，一切都很好。但是，现在我面临以下问题:我在Axure中创建了一个原型，并希望将其与现有项目集成。我使用Axure生成了html/css文件，并在Django中创建了一个"home“应用程序。问题是，当我将Axure的输出放到模板/主文件夹中时，它能够加载默认的home.html，但丢失了图像和css文件。

我的家庭应用结构是这样的：

-home

--模板

-家

-数据

-文件

-图像

-插件

-资源

-home.html

<div id="u0" class="ax_h1">
    <img id="u0_img" class="img " src=""/>
    <img id="u0_img" class="img " src="resources/images/transparent.gif"/>
    <!-- Unnamed () -->
    <div id="u1" class="text">
      <p><span>Some text </span></p>
    </div>
  </div>

它能够在Pycharm中解析此路径(不会给出任何错误)。如果我转到文件夹本身并运行home.html，一切都很好。但是如果我运行整个项目并转到主页，它似乎找不到文件的路径。显示图标，但不显示实际图像。

有人能帮帮忙吗？

Answer 1

您需要设置静态文件properly。

确保你的INSTALLED_APPS中有django.contrib.staticfiles

将STATIC_URL = '/static/' (或任何你想要的静态url )添加到你的settings.py

将静态文件放置在应用程序中名为static的文件夹中

home/
    templates/
        home/
            home.html
    static/
        images/
            transparent.gif
        css/
        js/
        ...

然后，您可以使用

<div id="u0" class="ax_h1">
    <img id="u0_img" class="img " src=""/>
    <img id="u0_img" class="img " src="{{ STATIC_URL }}images/transparent.gif"/>
    <!-- Unnamed () -->
    <div id="u1" class="text">
      <p><span>Some text </span></p>
    </div>
  </div>