python web基础之加载静态文件实例

在web运行中很重要的一个功能就是加载静态文件，在django中可能已经给我们设置好了，我们只要直接把模板文件

放在templates就好了，但是你知道在基础中，像图片是怎么加载以及找到相应位置的吗？

下面我们来看看。

在上篇文章中我把，静态文件的路径单独出来在这里说说了，正好说说全局变量request的作用。

首先，我们写前端图片的路径：

<img src="/static?file=1.gif"/>

看到这里，可能已经有人看出来了，对的，我们把图片路径看成url路径和参数。

这里要说下，当浏览器看到img标签，它会给服务器发请求，所以路径相当于：

127.0.0.1/static?file=1.gif

懂了吧，实际上就是请求的路径是static，参数是file = 1.gif

然后这里我们有个函数parse_path(),

def parsed_path(path):
 """
 /ss?message=hello world&author=fei
 返回如下字典形式
 {
  'message': 'hello world',
  'author': 'fei',
 }
 """
 index = path.find('?')
 if index == -1:
  return path, {}
 else:
  path, query_string = path.split('?', 1)
  args = query_string.split('&')
  query = {}
  for arg in args:
   k, v = arg.split('=')
   query[k] = v
  return path, query

把路径传进去，就会把file和1.gif传进request里，如下

{
 'file' = '1.gif'，
}

这样，我们就把参数化为字典形式，然后

r = {
  '/static': route_static,
 }

当请求的路径为static是就会转向route_static函数，这个函数写在路由里，所以我们需要引入一下

response = r.get(path, error) 
return response(request)

这样，显示图片就会转向route_static函数。

我们看下这个函数：

def route_static(request):
 """
 静态资源的处理函数, 读取图片并生成响应返回
 """
 filename = request.query.get('file', '1.gif')
 path = 'static/' + filename
 with open(path, 'rb') as f:
  header = b'HTTP/1.1 200 OK\r\nContent-Type: image/gif\r\n\r\n'
  img = header + f.read()
  return img

我们看下，下面这句话

filename = request.query.get('file', 'ceshi.gif')

这样filename就会去request的query里找file键，如果有就返回,如果没有就返回ceshi.gif

然后就是同样的套路，读取，然后返回。

这样，一个把静态文件放在指定位置，并读取，就完成了

以上这篇python web基础之加载静态文件实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

您可能感兴趣的文章:

  • Django 添加静态文件的两种实现方法(必看篇)
  • Djang中静态文件配置方法
  • python+django加载静态网页模板解析
赞 (0)

相关推荐

  • Django 添加静态文件的两种实现方法(必看篇)

    Django添加静态文件有两种方法: 首先setting.py配置文件中添加静态文件的路径: STATICFILES_DIRS = [ os.path.join(BASE_DIR, "statics"),]  statices为你所建立的存放静态文件的文件夹名 然后进行引用. 1.html 文件中通过 /static/资源名的方式,就可以访问到资源 2.①html 文件头部填写  {% load staticfiles %},②路径填写  {% static 'css/xx.css'

  • python+django加载静态网页模板解析

    python+django加载静态网页模板解析

    接着前面Django入门使用示例 今天我们来看看Django是如何加载静态html的? 我们首先来看一看什么是静态HTML,什么是动态的HTML?二者有什么区别? 静态HTML指的是使用单纯的HTML或者结合CSS制作的包括图片.文字等的只供用户浏览但不包含任何脚本.不含有任何交互功能的网页! 动态的HTML指的是网页不仅提供给用户浏览,网页本身还有交互功能,存在着在脚本如JAVASCRIPT,并利用某种服务器端语言如PHP等实现如用户注册,用户登录,上传文件,下载文件等功能 接下来,了解下加载

  • Djang中静态文件配置方法

    Djang中静态文件配置方法

    下面通过图文并茂的方法给大家详细介绍下Djang中静态文件配置方法 一.django静态文件配置原理 静态文件配置就是为了让用户请求时django服务器能找到静态文件返回. 首先要理解几个概念: 媒体文件:用户上传的文件 静态文件:css,js,image等 开发环境:使用django内置服务器处理静态文件 生产环境:使用apache2/nginx服务器处理静态文件映射 所以在配置时要分清楚开发环境还是生产环境,这个后面会详细介绍. 下面先介绍一下服务器查找静态文件的原理,这样我们才能更好的配置

  • python web基础之加载静态文件实例

    在web运行中很重要的一个功能就是加载静态文件,在django中可能已经给我们设置好了,我们只要直接把模板文件 放在templates就好了,但是你知道在基础中,像图片是怎么加载以及找到相应位置的吗? 下面我们来看看. 在上篇文章中我把,静态文件的路径单独出来在这里说说了,正好说说全局变量request的作用. 首先,我们写前端图片的路径: <img src="/static?file=1.gif"/> 看到这里,可能已经有人看出来了,对的,我们把图片路径看成url路径和参

  • 详解Django模版中加载静态文件配置方法

    1.settings.INSTALLED_APPS下添加:django.contrib.staticfiles 2.settings.py下添加:STATIC_URL = '/static/' 3. (1)在APP下新建文件夹static,然后在这个static文件夹下创建一个当前APP的名字的文件夹,再把静态文件放到这个文件夹下:(类似于Templates配置) 在模板中这样调用: {% load static %} <img src="{% static 'front/logo.jpg

  • django模板加载静态文件的方法步骤

    加载静态文件 在一个网页中,不仅仅只有一个 html 骨架,还需要 css 样式文件, js 执行文件以及一些图片等.因此在 DTL 中加载静态文件是一个必须要解决的问题.在 DTL 中,使用 static 标签来加载静态文件.要使用 static 标签,首先需要 {% load static %} .加载静态文件的步骤如下: 首先确保 django.contrib.staticfiles 已经添加到 settings.INSTALLED_APPS 中. 确保在 settings.py 中设置了

  • Django添加bootstrap框架时无法加载静态文件的解决方式

    项目结构如下: 开始时在setting.py中设置如下; html文件中的写法如下: 这样设置一直无法加载静态文件,只需要修改setting.py文件如下: 就可以加载到静态文件了. 补充知识:Django-项目上线后,静态文件配置失效以及404.500页面的全局配置 一.项目上线后静态文件失效 1.因为项目还没上线的时候,django会默认从setting.py中这个设置 STATIC_URL = '/static/' STATICFILES_DIRS = ( os.path.join(BAS

  • 解决Django生产环境无法加载静态文件问题的解决

    起步 线上部署时因设置了 settings.DEBUG = False 会导致静态文件都是 404 的情况.主要原因是应为关闭DEBUG模式后,Django 便不提供静态文件服务了. runserver 的启动 如果运行是通过 runserver 命令的方式,那简单,在启动 runserver 指令后追加 --insecure 选项能参数强制 django 处理静态文件. 其他方式启动 但如果是通过 uwsgi 或 daphne 等启动的话,追加选项的方式就不管用了.要解决这个问题,我们要手动去

  • webpack中如何加载静态文件的方法步骤

    前言: 对于非静态的文件,如js,当webpack打包时,会被直接打到模块文件中,如main.js,如果修改了,需要再次编译 而对于静态文件,如jpg,svg等,我们不希望webpack去打包,只需要在build完后,直接放到dist下的某个路径下即可,随时可以修改,并不需要再次编译 首先,看一段很熟悉的webpack配置 { test: [/\.jpg/], loader: require.resolve('url-loader'), options: { limit: 10000, name

  • angularjs ocLazyLoad分步加载js文件实例

    angularjs ocLazyLoad分步加载js文件实例

    用angular有一段时间了,平日里只顾着写代码,没有注意到性能优化的问题,而今有时间,于是捋了捋,讲学习过程记录于此: 问题描述:由于采用angular做了网页的单页面应用,需要一次性在主布局中将所有模块需要引用到的js都引入.对于比较小的项目,这是可行的,但是对于大的项目,一旦js文件较多,在页面首次加载时就引入所有js文件,无疑会延缓页面加载的速度,造成不良额用户体验.那么分布加载(按需加载)就显得很有必要了. <!DOCTYPE html> <html lang="en

  • requirejs按需加载angularjs文件实例

    requirejs按需加载angularjs文件实例

    之前分享了一篇用ocLazyLoad实现按需加载angular js文件的博客.本来当时想会使用一种方法就行了.可最近刚好有时间,在网上查找了一下requirejs实现angular js文件按需加载的资料.方案如下: 项目的主结构如下图: 1.index.html是最外层的页面,页面代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

  • java 实现web项目启动加载properties属性文件

    目录 web项目启动加载properties属性文件 1.首先要想在项目启动的时候就加载properties文件 2.在web.xml文件中配置好了监听器之后 3.当然为了不让项目启动报错 4.文件建好之后 出现加载java的properties配置文件空指针报错 解决 web项目启动加载properties属性文件 最近做项目,发现框架里面封装的项目一启动加载所有的properties文件挺方便好用的就自己动手写了一个. 1.首先要想在项目启动的时候就加载properties文件 就必需在we

随机推荐