书接上回,我们继续静态资源的配置与引用。
这一节内容不多,让我们一起来操作吧。
首先,在根目录下新建一个路径。名字可以随便起,在里面新建相关的路径,像这样:
接着,到settings.py的最后面,找到这句话:
接着在后面加上这一句话:
完成这两步后,后端的配置就完成了,接下来我们到前端去看看该如何布置。
首先,我们当然要先准备一个css,在css路径中新建一个css文件:
在这里我们就写一句话,给所有元素添加背景色样式,方便我们观察:
接下来就是重头戏了,我该如何在前端关联到这个css呢:
写好这行代码,来看看效果:
哇啊啊,闪瞎我的钛合金狗眼啊,答案很明显了,连接是成功的。
再试试js好不好使:
同样,前端的路径要用/staticurl/作为开头:
铛铛,成功打印~
最后再测试图片:
前端依然是/staticurl/开头,试试效果:
非常成功~三位一体般的成功~
那我们就成功引入了网站的静态资源,同学们就可以制作自己美美哒网页啦。
接下来的课程,我们马上就要讲解django框架如何连接并新建数据库啦~我们下次见吧~