flask静态文件

Flask 静态文件

Web应用程序通常需要静态文件,例如javascript文件或支持网页显示的CSS文件。通常,配置Web服务器并为您提供这些服务,但在开发过程中,这些文件是从您的包或模块旁边的static文件夹中提供,它将在应用程序的/static中提供。

特殊端点‘static‘用于生成静态文件的URL。

在下面的示例中,在index.html中的HTML按钮的OnClick事件上调用hello.js中定义的javascript函数,该函数在Flask应用程序的“/”URL上呈现。

from flask import Flask, render_template
app = Flask(__name__)

@app.route("/")
def index():
   return render_template("index.html")

if __name__ == ‘__main__‘:
   app.run(debug = True)

index.html的HTML脚本如下所示:

<html>

   <head>
      <script type = "text/javascript"
         src = "{{ url_for(‘static‘, filename = ‘hello.js‘) }}" ></script>
   </head>

   <body>
      <input type = "button" onclick = "sayHello()" value = "Say Hello" />
   </body>

</html>

Hello.js包含sayHello()函数。

function sayHello() {
   alert("Hello World")
}

原文地址:https://www.cnblogs.com/pfeiliu/p/11931489.html

时间: 2024-10-29 19:11:48

flask静态文件的相关文章

flask静态文件遇到的坑

最近做一个项目,因为前端不厉害所以只单纯写了html 不做任何css js   就没有引入 , 结果差不多了 要弄页面了 发现无法导入js  css等静态文件. 以为是代码问题   研究2小时,无果 重新又写了几行代码 from flask import Flask,render_template app = Flask(__name__) @app.route('/') def index(): return render_template('test.html') if __name__==

Flask 学习(四)静态文件

Flask 学习(四)静态文件 动态 web 应用也需要静态文件,一般是 CSS 和 JavaScript 文件.理想情况下你的服务器已经配置好提供静态文件的服务. 在开发过程中, Flask 也能做好这个工作. 静态文件引用 我们先来看下普通的 html 引用静态文件,如 css(js也同样,就不多加示例了),以下为一简单实例,直接打开html: flask 处理 —— static 若直接将该html 当成 flask 模板,相对路径自然就失效了,静态文件将不会被成功读取. 那在flask中

Flask从入门到精通之静态文件

Web 程序不是仅由Python 代码和模板组成.大多数程序还会使用静态文件,例如HTML代码中引用的图片.JavaScript 源码文件和CSS. 在前面的章节中,我们曾检查hello.py 程序的URL 映射时,其中有一个static 路由.这是因为对静态文件的引用被当成一个特殊的路由,即/static/<?filename>.例如,调用url_for('static', filename='css/styles.css', _external=True) 得到的结果是http://loc

flask 指定前端文件路径以及静态文件路径

flask 默认的 前端路径再 templates下,静态文件再 static下 如果不移动或者修改 app默认路径,可以直接这样写: 1 app = Flask(__name__) 如果有修改,可以这样写: 1 app = Flask(__name__,template_folder='../xxxx',static_folder="../xxxx") 2 3 #template_folder='../xxxx' 指 前端文件的目录 4 #static_folder="..

jinjia2 flask加载静态文件

一.加载静态文件 静态文件:css 文件.js文件.图片文件 加载静态文件使用的是“url_for”函数 语法:{{ url_for( "static", filename="xxxxx" ) }} 路径查找,要以当前项目的static目录作为根目录. 二.实例:   原文地址:https://www.cnblogs.com/yingxiongguixing/p/11987485.html

网站后端_Python+Flask.0009.FLASK静态资源之默认及自定义资源目录?

默认位置: 说明: WEB应用大多会提供基于CDN的静态文件服务以便给用户更好的体验,静态文件主要包括CSS/JS/图片/字体等,FLASK默认只需要在项目根目录下创建"static"的目录,项目中使用基于/static开头的路径就可以访问,但是为了更好的处理能力,推荐使用Nginx或是其它的WEB服务器管理静态文件 推荐方案: 1. 不要在项目中直接写死静态文件路径,应该使用url_for生成路径,当然如果我们想指定路径也可以在创建app实例时指定static_folder参数 #!

加载静态文件,父模板的继承和扩展

用url_for加载静态文件 <script src="{{ url_for('static',filename='js/login.js') }}"></script> flask 从static文件夹开始寻找 可用于加载css, js, image文件 继承和扩展 把一些公共的代码放在父模板中,避免每个模板写同样的内容.base.html 子模板继承父模板 {% extends 'base.html' %} 父模板提前定义好子模板可以实现一些自己需求的位置及

作业21-加载静态文件,父模板的继承和扩展

用url_for加载静态文件 <script src="{{ url_for('static',filename='js/login.js') }}"></script> flask 从static文件夹开始寻找 可用于加载css, js, image文件 继承和扩展 把一些公共的代码放在父模板中,避免每个模板写同样的内容.base.html 子模板继承父模板 {% extends 'base.html' %} 父模板提前定义好子模板可以实现一些自己需求的位置及

加载静态文件,父模板的继承和扩展(2017.11.3)

用url_for加载静态文件 <script src="{{ url_for('static',filename='js/login.js') }}"></script> flask 从static文件夹开始寻找 可用于加载css, js, image文件 继承和扩展 把一些公共的代码放在父模板中,避免每个模板写同样的内容.base.html 子模板继承父模板 {% extends 'base.html' %} 父模板提前定义好子模板可以实现一些自己需求的位置及