django学习之静态文件配置

1>jquery引入问题解决

    之前写前端页面的时候,涉及到页面交互,需要用到jQuery的时候,是直接把jQuery文件放在跟HTML同一目录下

然后脚本引用直接写成下面这样

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

但是这只限于本地调试使用,也就是本地打开浏览器,它能找到这个jquery文件,但是若放入web应用,则是不行的

因为用户端发请求过来,这边响应的是一个这样的地址(本机同目下),用户端就会找自己本地环境的jquery文件,

很明显,这是有问题的。

所以,像这类jquery文件,外链式的css样式文件等,应该放到什么地方,又该如何引用呢?

还是应该改这个setting.py文件,

通用做法:于项目文件目录下,新增static目录,把这类文件放入这个目录下,

再于setting.py文件中,增加如下路径,注意变量名不能变,固定的,path拼接就是之前的static目录名

    新版的django要加这个app01,否则无效,


配置生效之后,Python会自动把之前的路径换成如下


试一下 ,能访问肯定就没问题了


2>css和js引入优化

    把html的样式放入单独的一个css文件,把js也放入单独的一个文件,然后再引入,如下

    

    static下面新建一个跟应用同名的文件夹,里面就放入应用下面对应页面的css和js

    原HTML改写如下,都引入文件就行,注意js文件引入要放在jquery下面,并且最好放在body尾部或者下面

    否则会出现先加载js文件,单其实页面html还没渲染完成,出现js“失效”的情况。

    

    基本上,实际项目当中就这样了,timer.html就负责网页内容,对应的static下面的timer.css和timer.js

    就负责样式和交互。

猜你喜欢

转载自blog.csdn.net/huangql517/article/details/81003673