时间戳

首页 > 解决方案 > bootstrapshuffle 前端添加到 django 3.0 项目

python - bootstrapshuffle 前端添加到 django 3.0 项目

问题描述

我正在https://bootstrapshuffle.com/上构建我的 CSS/JS/html 基本站点，我已经导出并尝试添加到我的 Django 3.0 项目中。

要求

终端错误信息

（在你开始解决它们之后，它会显示更多错误消息，直到你把所有东西都放在正确的地方）

Not Found: /js/jquery/jquery.min.js
[03/Mar/2020 14:31:28] "GET /js/jquery/jquery.min.js HTTP/1.1" 404 2568
Not Found: /placeholder/icons/check.svg
[03/Mar/2020 14:31:28] "GET /placeholder/icons/check.svg HTTP/1.1" 404 2580
Not Found: /js/popper/popper.min.js
Not Found: /js/bootstrap/bootstrap.min.js
[03/Mar/2020 14:31:28] "GET /js/bootstrap/bootstrap.min.js HTTP/1.1" 404 2586
Not Found: /css/bootstrap/bootstrap.min.css
[03/Mar/2020 14:31:28] "GET /css/bootstrap/bootstrap.min.css HTTP/1.1" 404 2592
[03/Mar/2020 14:31:28] "GET /js/popper/popper.min.js HTTP/1.1" 404 2568
Not Found: /js/popper/popper.min.js
[03/Mar/2020 14:31:28] "GET /js/popper/popper.min.js HTTP/1.1" 404 2568
Not Found: /js/bootstrap/bootstrap.min.js
[03/Mar/2020 14:31:28] "GET /js/bootstrap/bootstrap.min.js HTTP/1.1" 404 2586

标签： pythondjangobootstrap-4

解决方案

Django项目文件夹结构

我的Django项目名称

MainProjectApp文件夹

静止的

static当我将文件夹放在文件夹以外的任何地方并重新连接它们时，它们都不起作用。所以我只能通过将它们放入static文件夹来使其工作。

在静态中添加文件/文件夹

  • 上市
  • 源代码
  • 包.json

设置.py

STATICFILES_DIRS = [os.path.join(BASE_DIR, 'MainProjectFolder/static/')]

我在模板下的项目的不同部分中有我的 HTML 文件：MyDjangoProjectName/AAAappfolder/templates/AAAappfolder/home.html我基本上已经将原始 HTML 代码复制并粘贴到我的 django HTML 文件中。然后将每个元素更正如下，例如：

<link rel="stylesheet" href="static/public/css/bootstrap/bootstrap.min.css">
<img class="mr-2 mt-2" src="static/public/placeholder/icons/check.svg" alt="">
<script src="static/public/js/jquery/jquery.min.js"></script>
<script src="static/public/js/popper/popper.min.js"></script>
<script src="static/public/js/bootstrap/bootstrap.min.js"></script>

推荐阅读