[译]Flask教程--静态文件

tanyjin 2019-06-25

一个web应用经常需要javascript或css之类的静态文件来帮助网页更好的展示内容. 通常, web服务器被用来提供这种静态文件服务, 但在Flask程序的开发阶段, 这些文件需要被放置在Flask应用根目录下的static文件夹中, 启动后使用时url前缀以/static开头.

在下面的例子中, hello.js文件中定义了一个javascript函数, 这个函数在index.html中可以被一个按钮的OnClick事件触发. 而这个Flask应用在被访问到'/' url时将index.html渲染.

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>
   <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如下:

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

tanyjin

相关推荐

Centos7 下安装虚拟环境--Flask

1、安装虚拟环境，并再虚拟环境中创建Flask

JessePinkmen / 0评论 2020-08-17

Flask基本使用

# 1.路由对应的URL必须以/开头。# 2.通过app的url_map属性获取所有的路由规则 . # 3.可以通过route方法的methods参数指定路由支持的请求方式。def index: # 必须定义同名形参接收路由变量的值。# 路由转换器: 对

bestallen / 0评论 2020-08-17

Flask框架前端后端交互之传递Json数据

方案一：后端使用 jsonify（）方法响应前端Json数据

chencourage / 0评论 2020-07-28

关于flask_restful的异常处理

flask_restful的错误处理一直感觉有点混乱，官方文档写的也不清不楚的，所以自己写了一个小样来测试一下。api的catch_all_404s如果是True，两种使用的都是flask_restful内置的异常处理，否则，只有主动的abort使用，另一

JessePinkmen / 0评论 2020-07-26

【Flask】04-高级特性

用 Flask 处理文件上传很容易，只要确保不要忘记在你的 HTML 表单中设置 enctype="multipart/form-data" 属性就可以了。否则浏览器将不会传送你的文件。已上传的文件被储存在内存或文件系统的临时位置。一个

washing / 0评论 2020-07-18

Flask之session

session是建立在Cookies基础上的技术，用于flask中存储不同请求间用户的信息，要使用session你必须设置一个secret_key，用于对Cookies进行密钥签名。from flask import Flask, render_templ

hzyuhz / 0评论 2020-07-04

Flask表单

在web程序中，表单是与用户交互的最常见的方式之一。用户注册、登录、撰写文章。不过，表单的处理却并不简单。你不仅要创建表单，验证用户输入的内容，向用户显示错误提示，还要获取并保存数据。幸运的是，强大的WTForms可以帮我们解决这些问题。WTForms是一

hzyuhz / 0评论 2020-06-28

个人技术总结——Flask-Admin扩展

Flask-Admin是一个功能齐全、简单易用的Flask扩展，可以为Flask应用程序增加管理界面。用这样一种方式实现管理后台，开发者拥有应用程序的外观和功能的全部控制权。如果用户访问index视图，模板文件admin/myindex.html会被渲染。

hzyuhz / 0评论 2020-06-25

Flask数据库操作

学习该技术的原因，技术的难点在哪里。这个技术是在flask框架中使用python对数据库进行增删改查操作。学习的原因是为后端实现对数据库的操作，技术难点在之前对python语言不是很了解，所以在刚开始学习这个内容的时候有些困难。可以再细分多个点，分开描述各

苦咖啡flask / 0评论 2020-06-25

Python Flask后端异步处理（一）

　　Flask是Python中有名的轻量级同步Web框架，但是在实际的开发中，可能会遇到需要长时间处理的任务，此时就需要使用异步的方式来实现，让长时间任务在后台运行，先将本次请求的相应状态返回给前端，不让前端界面卡顿。　　在碎遮扫描系统的编写中，当对目标进

苦咖啡flask / 0评论 2020-06-25

flask 简单编写一个验证登录的案例

token = base64.b64encode(":".join([str(uid), str(random.random()), str(time.time() + 7200)])). if not users.get(_token

苦咖啡flask / 0评论 2020-06-18

Flask(Flask_脚本、项目重构)

flask官方提供了一个扩展组件flask-script可以实现在shell下操作我们的Flask项目。在shell中切入到该manage.py的目录中，并且进入虚拟环境。命令中的hello是@manager.command装饰器装饰的函数名，执行命令后会

washing / 0评论 2020-06-16

Flask数据库

对象关系映射是通过使用描述对象和数据库之间映射的元数据，将面向对象语言程序中的对象自动持久化到关系数据库中。SQLAlchemy是Python开发的一个实现了ORM思想的模块，将Python面向对象的类映射为数据库的表，通过映射关系来完成数据库的操作，降低

liuweiq / 0评论 2020-06-14

Flask插件与蓝图

Web开发的过程中，如果我们将所有的Flask的请求处理方法都放在同一个文件下，非常不利于后续的管理与迭代。我们应当做到模块化的管理，以功能模块进行划分，将各自的功能归由各自的模块进行管理，方便后续的开发维护，但是由于Flask开发灵活，但是目录结构将会很

wushaojun / 0评论 2020-06-14

Flask框架简介

Flask 是一个Python编写的一种轻量级的框架，只提供了web框架基本的功能，比其他的框架更加灵活、自由。工作中会根据需求，在Python环境下使用各种框架和包,但是可能每个项目使用的框架和版本不一样，这样就要根据需要更新和卸载相应的库，为了不必要的

JessePinkmen / 0评论 2020-06-14

Python Flask微信小程序登录流程及登录api实现代码

wx.setStorageSync //设置本地缓存。微信小程序登录后获得session_key后，返回了encryptedData，iv的数据，其中encryptedData解密后包含了用户的信息，解密后的json格式如下：。如果还是提示没有该模块，那就

kgshuo / 0评论 2020-06-14

Flask配置文件

1 什么是celery:执行异步任务,和定时任务。-worker:执行者(开多个). 提交任务到broker中:. -指定时间点循环执行。1 可以加括号执行函数,传参数。-endpoint 如果没指定,默认会以函数名作为别名。-1 app.config[‘

JessePinkmen / 0评论 2020-06-14

从一到题学习flask的session安全问题

今天偶然翻看一个学长的博客，发现他记录了一道fakebook的一道题；感觉很有意思；就去看了看。看到一个登陆框；下意识尝试admin用户登陆。得到cookie；然后替换进行伪造越权；简单写写吧，这道题就是学习flask的cookie伪造，因为flask的s

bestallen / 0评论 2020-06-13

Flask web项目使用.flaskenv文件

在开发项目过程中，运行flask run，即可运行该项目，不用每次再设置Flask_APP=app.py

bestallen / 0评论 2020-06-10

linux命令

nohup python3 -u flask_server.py > flask_log.log 2>&1 &. 至于为什么需要将标准错误重定向到标准输出的原因，那就归结为标准错误没有缓冲区，而stdout有。这就会导致 >

washing / 0评论 2020-06-09

python-flask框架&amp;mock接口开发

flask轻量级的web开发框架。# 初始化一个服务。@server.route # 装饰器：一个接口。data = {"code":301,"msg":"支付处理中","amount

beibeijia / 0评论 2020-06-07

python的flask框架下不同路由之间传递变量的一种办法

我查了一下解决这个问题的办法，一般是设定全局变量，今天介绍一种新办法。在路由dif上的结果

小方哥哥 / 0评论 2020-05-31

请求勾子

before_request　　在处理路由规则对应的view_function之前执行的函数, 并且执行顺序是先绑定先执行, 并且先执行flask app的before_request, 再处理blueprint的before_request。　　erro

washing / 0评论 2020-05-29

flask之模板呈现html文件

　　在flask中可以通过render_template()函数呈现html文件。　　需要呈现的html文件存放在templates文件夹中：

苦咖啡flask / 0评论 2020-05-26

Python之Flask框架一

flask是一个使用 Python 编写的轻量级 Web 应用框架。轻巧页就意味着他比较简洁，不过见到的MTV框架还是有的，但是最重要的还是他的可扩展性很强，对比与Django框架呢，他的灵活度就很高了，可以自己一些设计代码框架。# 视图函数control

yogoma / 0评论 2020-05-26

书籍《Flask Web开发实战：入门、进阶与原理解析》，相关资料网址

除书中第二部分以外的示例程序

washing / 0评论 2020-05-17

Flask快速入门

Flask是一个轻量级的可定制框架，使用Python语言编写，较其他同类型框架更为灵活、轻便、安全且容易上手。它可以很好地结合MVC模式进行开发，开发人员分工合作，小型团队在短时间内就可以完成功能丰富的中小型网站或Web服务的实现。另外，Flask还有很强

苦咖啡flask / 0评论 2020-05-16

ajax post下载flask文件流以及中文文件名问题

后端返回文件流，flask中可使用 return send_file 返回二进制文件流，在headers中传送文件相关信息。方法同上，将 a 改成 img ， href 改成 src 即可，将URL对象写入到目标img标签的src即可。另一种方法是后端返回

Coderpy / 0评论 2020-04-02

flask restful-api实现及基于flask-httpauth实现基础权限管控（三）

前两篇文章中，我们学习了基础的web services和restful api的开发实现，在实现接口开发后，我们一般需要对接口进行加密认证，避免接口外泄导致的数据丢失等问题。?在原文中代码分为几部分说明，并不直观，而且影响连续性的学习，所以这里笔者直接通过

朱建伟 / 0评论 2020-05-14

centos+python2+apache2+flask环境搭建

return ‘I am a flask example!‘

washing / 0评论 2020-05-11

【Nginx】flask + gunicorn

highlight=gunicorn

yyyxxxs / 0评论 2020-05-10

flask 根目录问题

2-2，当我们想改版静态文件的路径时，在Flak()中传入 参数static_folder 即可改变访问的路径

bestallen / 0评论 2020-05-09

flask：return返回数据的响应信息

return ‘index page‘, 200, [,]. return json_str, 200, {‘content-type‘: ‘application/json‘}

JessePinkmen / 0评论 2020-05-08

flask：request对象

request常用的属性如下：。属性 说明 类型。data 记录请求的数据，并转换为字符串 *. args 记录请求中的查询参数 MultiDict. cookies 记录请求中的cookie信息 Dict. headers 记录请求头中的报文头 Envi

hzyuhz / 0评论 2020-05-08

Flask 应用技巧

自定义模版减少开发时间。输入flask_model回车自定生成模版。模版具体内容可在Template text:内编辑

hzyuhz / 0评论 2020-05-05

flask全栈开发6 SQLAlchemy第二部分

SQLAlchemy还提供了使用文本SQL的方式来进行查询，这种方式更加的灵活。表之间的关系存在三种：一对一、一对多、多对多。在Mysql中，外键可以让表之间的关系更加紧密。

苦咖啡flask / 0评论 2020-05-04

flask完成前后端分离实例

提供新增数据的接口，查询的接口。数据存储为字典格式，放在txt文件中。from flask import Flask, render_template, jsonify, request, redirect, url_for

hzyuhz / 0评论 2020-05-04

flask全栈开发3 模板

在之前的章节中，视图函数只是直接返回文本，而在实际生产环境中其实很少这样用，因为实际的页面大多是带有样式和复杂逻辑的HTML代码，这可以让浏览器渲染出非常漂亮的页面。目前市面上有非常多的模板系统，其中最知名最好用的就是Jinja2和Mako，我们先来看一下

chencourage / 0评论 2020-05-04

2020最新nginx+gunicorn+supervisor部署基于flask开发的项目的生产环境的详细攻略

本攻略基于ubuntu1804的版本，服务器用的华为云的服务器，python3欢迎加我的QQ6398903，或QQ群讨论相关技术。pip intall -r requirements.txt # 一次安装全部的python模块。gunicorn是基于w

SDUTACM / 0评论 2020-05-03

flask全栈开发2 URL与视图

flask是一款非常流行的Python Web框架，出生于2010年，作者是Armin Ronacher,本来这个项目只是作者在愚人节的一个玩笑，后来由于非常受欢迎，进而成为一个正式的项目。目前为止最新的版本是0.12.2。flask自2010年发布第一个

bestallen / 0评论 2020-05-03

2 个案例带你迅速入门 Python Flask 框架

Flask 是 python 中非常流行的一个 web 框架，容易学习。这篇文章主要通过 2 个实际案例讲解 Flask 如何使用。第一个例子是实现一个调用公交车到站信息的接口服务；第二个例子是通过接口展示所有的测试报告。通过 3 行代码，可以启动一个 f

迷途风景 / 0评论 2020-05-01

Flask 基础组件（二）：配置文件

‘DEBUG‘: get_debug_flag, 是否开启Debug模式。‘JSONIFY_MIMETYPE‘: ‘application/json‘,

wushaojun / 0评论 2020-05-01

Flask 基础组件（四）：模板

STUDENT = {‘name‘: ‘Old‘, ‘age‘: 38, ‘gender‘: ‘中‘},

wushaojun / 0评论 2020-05-01

Flask 基础组件（三）：路由系统

defaults=None, 默认值,当URL中无参数，函数需要参数时，使用defaults={‘k‘:‘v‘}为函数提供参数。endpoint=None, 名称，用于反向生成URL，即： url_for

bestallen / 0评论 2020-05-01

Flask 基础组件（五）：请求和响应

@app.route(‘/login.html‘, methods=[‘GET‘, "POST"]). # obj.save(‘/var/www/uploads/‘ + secure_filename(f.filename)). # r

JessePinkmen / 0评论 2020-05-01

flask：安装flask后的第一个程序。

# __name__表示当前的模块名字。# 模块名，flask以这个模块所在的目录为总目录 。默认static为静态目录，templates为模板目录。最后把此文件当作是脚本直接执行即可。

washing / 0评论 2020-05-01

Python开发实战资料分享：《Flask Web开发实战：入门、进阶与原理解析》PDF+源代码

下载地址

JessePinkmen / 0评论 2020-04-29

Flask 使用CSS框架

一个Web项目不仅需要HTML模板，还需要许多静态文件，比如CSS、JavaScript文件、图片和声音声。在flask程序中，默认需要将静态文件存储在与主脚本同级目录的static文件夹中。flask内置了用于获取静态文件的视图函数，端点值为static

waterv / 0评论 2020-04-26

flask 信号

Flask框架中的信号基于blinker，其主要就是让开发者可是在flask请求过程中定制一些用户行为。request_started = _signals.signal # 请求到来前执行。request_finished = _signals.sign

bestallen / 0评论 2020-04-25

[Flask框架]学习简记

关于Web框架是我第一次接触,比较生疏,下面来简单记录一下flask框架的基础知识.　　1.首先，我们导入了Flask类。这个类的实例将会是我们的 WSGI 应用程序。　　3.然后，我们使用route()装饰器告诉 Flask 什么样的URL 能触发我们的

washing / 0评论 2020-04-26