静态文件
在开发中同创会使用到 css,js,img等静态文件,这里带大家简单的介绍一下django如何处理静态页面,
配置 setting.py文件
STATIC_URL = '/static/' #这里相当于别名 STATICFILES_DIRS = [ os.path.join(BASE_DIR,'myapp/static'), #静态文件的真是路径 ]
说明:
配置url地址,当我们要访问静态文件时url地址,这里只是做其中一部分path,结合urlconf会详细说明;
- STATIC_ROOT:
配置静态文件存放目录,如上代码所示即在工程的static目录下存放这些文件; - STATICFILES_DIRS:
可能我们工程下会有多个app,或者还会牵涉到其它的静态资源文件目录,STATICFILES_DIRS就是列出一些文件目录,如,在app core下static目录,此目录下存放的就是只与该app相关的资源文件;
html文件引入配置
<!DOCTYPE html> <html lang="en"> <link rel="stylesheet" href="/static/myapp.css" type="text/css"> <head> <meta charset="UTF-8"> <title>欢迎页面</title> </head> <body> <h1 class="h1" id="h1">欢迎来到我的页面 {{time}}</h1> </body>
css页面
h1{
background-color: green;
}
最终页面效果
加载JS也是一样
html在 head后添加
<script type="text/javascript" src="/static/myapp.js"></script>
创建myapp.js
/**
* Created by USER on 2018/9/12.
*/
$(document).ready(function () {
$("h1").click(function () {
$(this).css("background-color","red");
})
})
最终显示效果
哈哈不足之处请批评指正哈