微信二维码
微博二维码
qq号二维码

Django框架之项目第三章之配置资源

闫旭 2019.09.17 411人浏览
书接上回,我们继续静态资源的配置与引用。

书接上回,我们继续静态资源的配置与引用。

这一节内容不多,让我们一起来操作吧。

首先,在根目录下新建一个路径。名字可以随便起,在里面新建相关的路径,像这样:

Django框架之项目第三章之配置资源

接着,到settings.py的最后面,找到这句话:

Django框架之项目第三章之配置资源

接着在后面加上这一句话:

Django框架之项目第三章之配置资源

完成这两步后,后端的配置就完成了,接下来我们到前端去看看该如何布置。

首先,我们当然要先准备一个css,在css路径中新建一个css文件:

Django框架之项目第三章之配置资源

Django框架之项目第三章之配置资源

在这里我们就写一句话,给所有元素添加背景色样式,方便我们观察:

Django框架之项目第三章之配置资源

接下来就是重头戏了,我该如何在前端关联到这个css呢:

Django框架之项目第三章之配置资源

写好这行代码,来看看效果:

Django框架之项目第三章之配置资源

哇啊啊,闪瞎我的钛合金狗眼啊,答案很明显了,连接是成功的。

再试试js好不好使:

Django框架之项目第三章之配置资源

同样,前端的路径要用/staticurl/作为开头:

Django框架之项目第三章之配置资源

铛铛,成功打印~

最后再测试图片:

Django框架之项目第三章之配置资源

前端依然是/staticurl/开头,试试效果:

Django框架之项目第三章之配置资源

非常成功~三位一体般的成功~

那我们就成功引入了网站的静态资源,同学们就可以制作自己美美哒网页啦。

接下来的课程,我们马上就要讲解django框架如何连接并新建数据库啦~我们下次见吧~


分享到:
天津UI设计培训-CleanPNG免抠素材网站
  • 2020.11.30
  • 2024什么价格?天津平面设计/UI设计师就业实录
  • 2024.03.20