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

2019-06-26  本文已影响0人  小猿圈加加

刚接触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框架的朋友们都会用到,感觉不错的朋友们,可以关注一下小猿圈官网。

上一篇 下一篇

猜你喜欢

热点阅读