记第一个Django项目（二）：静态资源的利用_django 静态资源指到项目外-优快云博客

本文链接：https://blog.youkuaiyun.com/cxyj666/article/details/100838126

上一篇blog详细地介绍了如何让最简陋Django项目(Hello Django！)跑起来，接下来介绍下如何在Django项目中使用静态资源

何为静态资源？

答：这里的静态资源主要指装饰HTML页面的资源，常见的有：image,js,cs,music,video……，下面主要介绍下image,css,js在Django中的使用

1. image的使用

下面是史上最简陋Django项目

在这里插入图片描述

除了你自己，没人能接受这样的web页面！！！

So，至少来点图啊

正题

在myProject项目的根目录下创建static文件夹，然后在static目录下，创建imgs文件夹，放入一张图片1.jpg
进入’myProject/myProject/settings.py’文件，看到如下配置,然后
增加配置STATICFILES_DIRS

# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/2.0/howto/static-files/

STATIC_URL = '/static/'
STATICFILES_DIRS = [
   os.path.join(BASE_DIR, 'static'),
   ]

去修改index.html文件：

<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <title>myAPP</title>
</head>
<body>

    <h1>Hello World, Hello Django!</h1>
    <img src="/static/imgs/1.jpg" alt="厉害了，我的哥！"/>

</body>
</html>

开启服务： python manage.py runserver 127.0.0.1:8000

打开浏览器，看到

在这里插入图片描述

2. css的使用

在static目录下，创建存放css文件的目录
在Html文件中正常引用就可以，例如：

<link rel="stylesheet" type="text/css" href="/static/css/index.css" />

3. js的使用

同上，在static目录下建立存放js文件的目录
在Html文件中正常引用就可以，例如：

<script type="text/javascript" src="/static/js/index.js" ></script>

下一篇：记第一个Django项目（三）：表单处理，数据库操作，数据分页

记第一个Django项目（二）：静态资源的利用

上一篇blog详细地介绍了如何让最简陋Django项目(Hello Django！)跑起来，接下来介绍下如何在Django项目中使用静态资源

何为静态资源？

答：这里的静态资源主要指装饰HTML页面的资源，常见的有：image,js,cs,music,video……，下面主要介绍下image,css,js在Django中的使用

1. image的使用

下面是史上最简陋Django项目

除了你自己，没人能接受这样的web页面！！！

So，至少来点图啊

正题

打开浏览器，看到

2. css的使用

在static目录下，创建存放css文件的目录

在Html文件中正常引用就可以，例如：

3. js的使用

同上，在static目录下建立存放js文件的目录

在Html文件中正常引用就可以，例如：