python云资源管理_静态文件

## timer简单示例

实现效果：浏览器访问timer路径返回当前时间。

[修改urls.py](http://xn--urls-486fx14i.py)

```

from app01 import views

urlpatterns = [

path('admin/', admin.site.urls),

path('timer/', views.timer),

]

```

[修改views.py](http://xn--views-3u3h158j.py)

```

import time

def timer(request):

ctime = time.time()

return render(request, "timer.html", {"date": ctime})

```

创建templates目录及timer.html

```

当前时间: {{ date }}

```

[修改settings.py](http://xn--settings-0n3mm27o.py)

```

TEMPLATES = [

{

'DIRS': [os.path.join(BASE_DIR, 'templates')],

```

浏览器访问

```

http://127.0.0.1:8000/timer/

```

## 引用静态文件

创建statics目录，将jquery静态访问放到该目录下。

修改settings.py文件，STATIC\_URL下面添加以下内容：

```

STATIC_URL = '/static/'

STATICFILES_DIRS = [

os.path.join(BASE_DIR, "statics")

]

```

修改timer.html引用jquery静态文件

```

Title

>

```

引用或访问时使用别名static

```

http://127.0.0.1:8000/static/jquery-3.5.1.min.js

```

在statics目录下创建app01目录，该目录下创建timer.css文件实现字体颜色变红

```

h4{

color: red;

}

```

创建timer.js文件实现点击字体颜色变绿

```

$("h4").click(function(){

$(this).css("color","green")

})

```

在timer.html文件中引用

```

Title

>

当前时间:{{ date }}

>

>

```

浏览器访问查看效果

```

http://127.0.0.1:8000/timer/

```