博客列表 >小猿圈python之Django怎么使用本地css/js文件

小猿圈python之Django怎么使用本地css/js文件

聆听的博客
聆听的博客原创
2019年06月27日 14:39:281057浏览

刚接触Django框架时,往往好多小伙伴想做出很炫的页面,梦想总是好的,但是一下手,感觉css特效都不知道怎么插进去,js也不会,这可咋整,别担心,其实很简单,小猿圈今天带大家学习一下Django下使用本地css和js。

在manager.py同层级下创建static文件夹, 里面放上css , js, images等文件或者文件夹

我的文件夹层级

然后只需在settings.py中进行设置就行, 在末尾添加以下代码:

实例

STATIC_URL = '/static/'

HERE = os.path.dirname(os.path.abspath(__file__))

HERE = os.path.join(HERE, '../')

STATICFILES_DIRS = (

    # Put strings here, like "/home/html/static" or "C:/www/django/static".

    # Always use forward slashes, even on Windows.

    # Don't forget to use absolute paths, not relative paths.

    os.path.join(HERE, 'static/'),

)

运行实例 »

点击 "运行实例" 按钮查看在线实例

最后在需要使用的html文件中通过以下方式导入:

实例

<!--引入本地css & js-->

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

<script type="text/javascript" src="../static/js/app.js"></script>

运行实例 »

点击 "运行实例" 按钮查看在线实例

这样就可以为你们梦想的页面而努力,磨毛不误砍柴工,先把准备做好,然后安心的把代码敲好,这样才能做出优美功能强大的页面,这个知识点虽然小,但是很实用,刚接触Django框架的朋友们都会用到,感觉不错的朋友们,可以关注一下小猿圈官网

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议