Django如何使用前端模板?静态资源怎么显示?

在我们开发Django项目时往往需要一个好看的前端页面,然而自己再耗费大量的时间去从0开始搭建前端页面就太不切实际了,所以大部分人都会去下载现有的前端模板使用,比如我就在Bootstrap中文网下载了一个模板准备用在我的项目中。下面是我下载的模板的文件夹内容:

下载的模板,直接打开网址是正常的

但是copy到项目的模板里再访问就变成:

这是django对静态资源的处理机制导致的,执行下面操作恢复正常

1.将css,js,img(我这边都在assets那个文件夹里)都放入myapp/static(需手动创建)

非必要操作:

接着在project/settings.py下输入:

STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')

在终端输入:

python manage.py collectstatic

2.

html开头加入:

{% load static %}

所有类似于

<link rel="stylesheet" href="assets/css/app.css">

替换为

<link rel="stylesheet" href="{% static 'assets/css/app.css' %}">

<a class="navbar-brand font-weight-bolder mr-3" href="index.html"><img src="assets/img/logo.png"></a>

替换为

<a class="navbar-brand font-weight-bolder mr-3" href="index.html"><img src="{% static 'assets/img/logo.png'%}"></a>

<script src="assets/js/app.js"></script>

替换为

<script src="{% static 'assets/js/app.js' %}"></script>

现在就能正常访问了

对于模板的网址的切换也要修改:

<a href="post.html">

修改为

<a href="/post">

然后在urls.py和views.py进行配置就可以了

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值