07 静态文件配置

编辑本博客

静态文件

网站使用的js,css,img等文件

在项目中创建一个static文件夹

配置文件settings.py

新加STATIC_URL的别名,在settings.py中添加如下行

STATICFILES_DIRS = [
    os.path.join(BASE_DIR , "static")
]

html文件中静态文件引入方式

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

 对静态文件解耦

在static文件夹下创建对应项目的目录,并将所需静态文件放在其中

在html中引入

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>当前时间</title>
    <link rel="stylesheet" href="/static/app01/timer.css">
    <script src="/static/jquery-3.3.1.js"></script>
</head>
<body>
<h1>当前时间:{{ date }}</h1>
</body>
<script src="/static/app01/timer.js"></script>
<script>
</script>
</html>
View Code

猜你喜欢

转载自www.cnblogs.com/yaya625202/p/9232977.html
07