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
就负责样式和交互。