当前位置: 首页 > news >正文

法治与安全做讲座网站微信网站搭建

法治与安全做讲座网站,微信网站搭建,帝国cms怎么做音乐网站,网站建设教学前言 django项目在视图函数中借助render函数可以返回HTML页面,但是HTML页面中如果引入了外部CSS文件或者JavaScript文件在浏览器页面无法加载,因此就必须有一种方式能够将HTML文档中引入的外部文件能够在客户端浏览器上加载,这种方式就是配置…

前言

django项目在视图函数中借助render函数可以返回HTML页面,但是HTML页面中如果引入了外部CSS文件或者JavaScript文件在浏览器页面无法加载,因此就必须有一种方式能够将HTML文档中引入的外部文件能够在客户端浏览器上加载,这种方式就是配置静态文件。

啥是静态文件

静态文件就是前端已经写好了的能够直接调用或者使用的文件都可以称之为静态文件,比如:

①外部JavaScript文件

②外部CSS文件

③项目需要的图片文件

④第三方的前端框架或者库,比如jQuery,bootstrap

为啥要配置静态文件

在使用django框架进行全栈开发(前端+后端)时前端页面用到的外部文件尽量不要使用cdn上的网址,应该使用本地文件,将本地的外部引用文件传给浏览器客户端。而本地文件如果不配置静态文件是无法传给浏览器客户端的,比如下述报错,因此,配置静态文件就是要实现将HTML文档引用的外部本地文件一同返回给浏览器客户端。

如何配置静态文件

项目使用的静态文件默认都放在项目文件下的static目录下,通常该目录还会做进一步划分比如:

- static- js(自己写的js代码)- css(自己写的css代码)- img其他第三方文件

静态文件的配置需要在项目的配置文件(settings.py)中增加如下代码,静态文件配置完成后,HTML文档如果需要静态文件就会去静态文件配置列表中从上往下依次查找所需的文件,找不到才会报错:

# settings.py中增加下述代码
STATIC_URL = '/static/'   #  相当于访问静态文件的令牌或钥匙,如果想要访问静态文件,就必须以static开头,相当于钥匙,静态文件就是房间
STATICFILES_DIRS = [os.path.join(BASE_DIR,'static'),
]  # 静态文件的路径

如果想要在HTML文档中引用静态文件目录中的文件,就必须以/static/开头,比如:

<head><meta charset="UTF-8"><title>Title</title><link rel="stylesheet" href="/static/test.css">  <!--使用静态文件中的css样式文件-->
</head>

在HTML文档中引入静态文件还有另一种更加方便的方式 - 动态解析令牌,令牌指的就是STATIC_URL的值,其实静态文件的目录名称可以是随意的,并且令牌的值也可以是任意的,但是约定俗称就是static,如果改了令牌名称,按照上述前端HTML引入静态文件的方式就需要更改路径,如果静态文件非常多改起来会是一件非常闹心的事情,而动态令牌解析可以解决这一问题,无论令牌名称怎么改,前端HTML页面中引入静态文件的方式都不变,代码如下:

<head><meta charset="UTF-8"><title>Title</title><!--动态令牌解析-->{%  load static %}<link rel="stylesheet" href="{% static 'test.css' %}"></head>

总结

总结来看在django项目中静态文件的配置如下:

在项目的配置文件中需要增加令牌和静态文件路径的代码:

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

在HTML文档中引入静态文件时推荐使用动态令牌解析的方式:

<head><meta charset="UTF-8"><title>Title</title><!--动态令牌解析-->{%  load static %}<link rel="stylesheet" href="{% static 'test.css' %}"><script src="{% static 'test.js' %}"></script>
</head>

 

http://www.yayakq.cn/news/752978/

相关文章:

  • 打开网站说建设中是什么问题?wordpress文章显示数量
  • 全能企业网站管理系统思途智旅游网站开发
  • 找网络公司做网站需要注意wordpress滑动图片轮播
  • 陕西省建设厅证网站号多少长尾词在线挖掘
  • 做商城类的网站需要做些什么重庆建个网站需要多少钱?
  • 开源cms建站直播app开发需要多少钱
  • 网站建设有哪些推广渠道html5网站编写
  • 国外酷网站成都微信端网站建
  • 谁有做开档棉裤的网站啊众筹网站制作
  • 做网站后台需要什么网站建设合同属于技术服务合同吗
  • 怎么把网站上传到域名网站开发的背景知识
  • 现在企业做网站一般用什么框架seo网站程序
  • 长沙最好网站建设优化大师win10能用吗
  • 专门做茶叶的网站如何建立一个个人网站
  • 什么做网站站群免费网上商城系统
  • 触屏版网站开发样式海南房产
  • 东莞seo建站如何推广视频下载网站软件做副屏
  • 荆州北京网站建设黄页网站推广方案
  • 湖南网站设计如何做网站地图
  • 网站推广代运营多少钱自媒体135的网站是多少
  • 广州网站建设案件网页设计网站名字
  • 网站带app建设wordpress 登录后查看
  • 成都高端网站建设公司现在网站开发模式
  • 建筑人才招聘网站平台承德网站建设有限公司
  • 汕头网站制作推荐wordpress文章出现404
  • 快速网站建设公司网站推广要点
  • 中国新农村建设促进会网站网站联盟的基本流程
  • 安溪县建设局网站wordpress 过滤html代码
  • 农八师建设兵团社保网站外贸网站建设 广州
  • 桐城网站开发手机app注册免费下载