flask中调用静态文件步骤

1. test_flask.py主程序

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)

2. 在test_flask.py同目录下新建static目录，在static目录下新建js目录，在js目录下新建hello.js

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

3. 在test_flask.py同目录下新建templates目录，在目录下新建index.html

<html><head><script type = "text/javascript"src = "{{ url_for('static', filename = 'js/hello.js') }}" ></script></head><body><input type="button" οnclick="sayHello()" value="Say Hello"></body>
</html>

4. 运行test_flask.py程序

flask中调用静态文件步骤相关推荐

ASP.NET Core 中的静态文件
1.前言当我们创建Core项目的时候,Web根目录下会有个wwwroot文件目录,wwwroot文件目录里面默认有HTML.CSS.IMG.JavaScript等文件,而这些文件都是Core提供给客 ...
dll放在unity哪个文件夹下_unity中调用dll文件总结
unity中调用dll文件总结根据收集的资料,对unity中调用dll文件进行总结,目前常用的两种,在给出vs中封装dll文件的步骤. 一.调用c#中的dll文件 1.1封装dll文件首先新建一个 ...
如何在nginx中缓存静态文件
这篇教程说明你应该怎样配置 nginx.设置 HTTP 头部过期时间,用 Cache-Control 中的 max-age 标记为静态文件(比如图片. CSS 和 Javascript 文件)设置一个 ...
Django从理论到实战(part24)--在模板中访问静态文件
学习笔记,仅供参考参考自:Django打造大型企业官网–Huang Y: 本系列Blog以应用为主,理论基础部分我在后端专栏的Django系列博客已经写过了,如果有些需要补充的知识点,我会在这个系列 ...
Asp.Net Core中的静态文件-12
目录本文出自<从零开始学 ASP.NET CORE MVC>目录推荐文章:配置 ASP.NET Core 请求(Request)处理管道 Asp.Net Core 中的静态文件在这 ...
MATLAB中调用MEX文件相关的介绍
目标:简要介绍MEX文件与MATLAB之间的关系文章目录目标:简要介绍MEX文件与MATLAB之间的关系 1. 什么是MEX文件? 2. MATLAB中什么时候会用到MEX文件? 3. 如何在MA ...
霸气！Nginx 中缓存静态文件秘籍
这篇教程说明你应该怎样配置 nginx.设置 HTTP 头部过期时间,用 Cache-Control 中的 max-age 标记为静态文件(比如图片. CSS 和 Javascript 文件)设置一个 ...
vb调用本地html,在VB中调用HTMLHELP文件VB -电脑资料
在 VB 中调用HTMLHELP文件湖北省襄樊市劳动保险处闫东 ---- HTML帮助文件是 WINDOWS 基本帮助系统的一种新标准,在WINDOWS 98中我们到处都可以看到它的身影, 在VB ...
java中调用dll文件的两种方法
https://www.cnblogs.com/huozhong/p/5830485.html JNA地址:http://blog.csdn.net/shendl/article/details/35 ...

flask中调用静态文件步骤

flask中调用静态文件步骤相关推荐

最新文章

热门文章