1 环境

windows10
python3.6.8
django2.0

2 方法

创建项目
从网络上下载模板，比如模板之家
将模板中的html文件放入项目的template文件夹下，其实也可以放到其他目录下，只是设置的时候改一下目录即可。
在项目的根目录（与manage.py）或APP下创建一个文件夹命名为static用于保存css、js、images等文件
打开项目，在settings.py文件里寻找TEMPLATES选项，添加static文件
（Base_dir表示项目目录，根据自己项目实际情况修改）

'DIRS': [os.path.join(BASE_DIR, 'templates'),os.path.join(BASE_DIR, 'static').replace('\\', '/')],

在settings.py最底部添加（根据你自己CSS等文件名字修改）

STATIC_ROOT = os.path.join(BASE_DIR, 'static').replace('\\', '/')
STATICFILES_DIRS = (('css', os.path.join(STATIC_ROOT, 'css').replace('\\', '/')),('images', os.path.join(STATIC_ROOT, 'images').replace('\\', '/')),('fonts', os.path.join(STATIC_ROOT, 'fonts').replace('\\', '/')),('js', os.path.join(STATIC_ROOT, 'js').replace('\\', '/')),
)

修改urls.py文件在文件头添加

from django.contrib.staticfiles.urls import staticfiles_urlpatterns

在文件尾部添加

urlpatterns += staticfiles_urlpatterns()

修改HTML文件里面的路径
导入css
重点是添加/static/，根据实际情况修改。

<link href="/static/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="/static/css/style.css" rel="stylesheet" type="text/css" media="all" />

导入js

<script src="/static/js/jquery-1.11.1.min.js"></script>

插图

<img src="/static/images/4.jpg" alt=" " class="img-responsive" />

3 效果预览

我自己搭了一个是可行的。

http://39.106.66.222:8000/

【django轻量级框架】Django项目导入css,js,images等静态文件相关推荐

品优购项目html+css+js
品优购项目html+css+js 跟着pink老师学前端,第一个完成的项目,总共有三个页面,分别是index.html.list.html和detail.html,下面是该项目的一些总结,最后有源码呦 ...
【django轻量级框架】(Python3.6.8+Django2.0)第一个Django项目与基础环境搭建
一.前言 Django 是一个开放源代码的 Web 应用框架,由 Python 写成.采用了 MTV 的框架模式,即模型 M,模板 T 和视图 V.当然,网上也有人说 Django 采用了 MVC 的 ...
Django套用现成模板，导入css，js，images等文件【转】
环境 windows10 pycharm2017.3.3 professional edition(必须专业版) python3.6.4 django2.0.2 参考资料 http://blog.cs ...
html静态模板继承,Django框架（七）-- 模板层：模板导入、模板继承、静态文件...
一.模板导入要复用一个组件,可以将该组件写在一个文件中,在使用的时候导入即可在模板中使用 1.语法 {% include '模板名字' %} 2.使用 ad.html页面 Panel title ...
【django轻量级框架】云端系统之Django框架实现云端留言板（不用数据库，看不懂你来打我）
文章目录 1 创建项目 2 创建app 3 添加模板 4 编辑路由(urls) 4.1 添加局部路由: 4.2 修改全局路由: 5 修改setting.py 6 编辑views.py 效果预览,源码已 ...
【django轻量级框架】云端系统之Django框架进阶
文章目录 1 Django的URL路由配置 2 视图函数编写规则 3 Django模板 1 Django的URL路由配置 2 视图函数编写规则 3 Django模板
.NET, MVC框架下利用html, CSS,js实现弹出窗口
在前端UI交互过程中,经常会碰到需要弹出对话框的情况.通过html+css+js来自定义对话框是一个不错的方法. 1. 在HTML中,定义一个DIV. 1.1 将Style设置为 display:no ...
Django从理论到实战(part24)--在模板中访问静态文件
学习笔记,仅供参考参考自:Django打造大型企业官网–Huang Y: 本系列Blog以应用为主,理论基础部分我在后端专栏的Django系列博客已经写过了,如果有些需要补充的知识点,我会在这个系列 ...
html如何清理缓存图片,H5案例分享：js、css和图片等静态文件更新时如何避免浏览器缓存...
在做web项目的中,我们不可避免的会引入一些css.js和图片等文件,但是更新文件后,却经常出现因浏览器缓存问题,导致即使更改了代码或者图片,但是在浏览器上访问的时候却没有发生变化,这是因为现在大多数 ...

【django轻量级框架】Django项目导入css,js,images等静态文件

文章目录

1 环境

2 方法

3 效果预览

【django轻量级框架】Django项目导入css,js,images等静态文件相关推荐

最新文章

热门文章