Django(静态文件or路由)

静态文件

在开发中同创会使用到 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");
    })
})

最终显示效果

哈哈不足之处请批评指正哈

猜你喜欢

转载自www.cnblogs.com/mjiu/p/9633600.html