草庐IT

Flask框架——Sijax

白巧克力LIN 2023-10-08 原文

上篇文章我们学习了Flask框架——Flask-SQLite数据库,这篇文章我们学习Flask框架——Flask-Sijax。

简单地了解web应用中的同步与异步交互:

同步交互:用户触发某个HTTP请求到服务器,服务器对其进行处理后返回一个新的HTML网页响应到客户端,在服务器返回响应前,客户端只能空闲等待,即使是一次很小的交互、只需从服务器端返回一个很简单的数据,都要返回一个完整的HTML网页来展示,而用户每次都要浪费时来读取整个页面。

异步交互:浏览器不必等待服务器返回结果,在服务器响应的时间内,客户端仍可以继续做其他的事情。

AJAX全名为:Asynchronous Javascript And XML(异步JavaScript和XML)是与服务器交换数据的技术,它在不需要刷新全部页面的情况下,实现了对部分网页的数据更新,快速回应用户的操作。

Flask-Sijax

通过Flask-Sijax可以将Sijax添加到我们的Flask程序中,Flask-Sijax安装方法很简单,执行如下代码:

pip install flask-sijax

Sijax代表’Simple Ajax’,它是一个Python/jQuery库,可以通过Sijax将Ajax引入到web应用程序。 它使用jQuery.ajax来发出AJAX请求。

在Sijax中最重要和最常用的是Sijax.request(),其语法格式为:

Sijax.request('function_name',[参数列表],{jQuery.ajax附加参数})

其中:

  • function_name:必填,指定要调用的函数;
  • 参数列表:可填,传递的参数;
  • jQuery.ajax附加参数:允许覆盖Sijax用来调用jQuery.ajax的一些参数。

例如:

Sijax.request('function_name');     #调用不带参数的函数
Sijax.request('function_name',['arg1,....,argn']); #调用带参数的函数
Sijax.request('function_name',[],{'timeout':1500}); #调用不带参数的函数,告诉底层jQuery.ajax使用1.5秒的超时时间

接下来我们通过Flask程序来演示如何使用Flask-Sijax。

初始化配置

在安装Flask-Sijax的过程中,json2.js会被默认安装到Flask项目目录中的static/js/sijax中,如下图所示:



Sijax使用JSON在浏览器和服务器之间传递数据,因此,浏览器需要本地支持JSON或从json2.js文件获得JSON支持,Flask程序配置如下所示:

import flask_sijax
from flask import Flask, g, render_template
import os
from flask_sijax import sijax
app = Flask(__name__)

path=os.path.join('.',os.path.dirname(__file__),'static/js/sijax')      #json2.js文件路径       
app.config['SIJAX_STATIC_PATH']=path                            #配置sijax静态文件路径
app.config['SIJAX_JSON_URI'] = '/static/js/sijax/json2.js'        #加载json2.js静态文件的url
flask_sijax.Sijax(app)                                      #添加Sijax

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

首先配置sijax静态文件的路径,然后配置加载json2.js静态文件,为了Flask程序能够使用Sijax,所以需要使用flask_sijax添加Sijax到我们的Flask程序。

处理Sijax请求

要是视图函数能够处理Sijax请求,有两种方法:

1、在路由装饰器中,添加POST请求方法:

 @app.route('/url',methods = ['GET','POST'])

2、使用辅助装饰器:

 @flask_sijax.route(app,'视图函数名')

视图函数示例代码如下所示:

@flask_sijax.route(app,'/hello')        #使用辅助装饰器来处理Sijax请求
def hello():
    def say_hi(response):               #定义say_hi函数
        response.alert('成功使用Sijax!')    #弹出警示框
    if g.sijax.is_sijax_request:            #判断是否请求为sijax请求
        g.sijax.register_callback('say_hi',say_hi)      #是sijax请求就调用say_hi函数
        return g.sijax.process_request()            #Sijax执行hello函数并将响应返回给浏览器
    return render_template('my.html')       #使用render_template()方法渲染my.html

首先我们通过辅助装饰器让使视图函数hello能够处理sijax请求,再自定义say_hi函数,其作用是弹出警示框。通过sijax.is_sijax_request方法判断是否请求为sijax请求,是sijax请求通过sijax.register_callback()方法调用say_hi函数,使用sijax.process_request()方法执行hello函数并响应返回给浏览器。

注意:g相当于单次请求中的“全局变量”,能在单次请求中调用,但是和其他请求是互相隔离的,随着本次请求结束而销毁;

my.html模板文件代码如下所示:

<html>
<head>
{#  调用百度的jQuery加速  #}
<script type="text/javascript" src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
{#  安装Flask-sijax时默认安装的sijax.js #}
<script type="text/javascript" src="/static/js/sijax/sijax.js"></script>
{#  使用过滤器safe禁止转译sijax.get_js()值 #}
<script type="text/javascript"> {{ g.sijax.get_js()|safe }} </script>
</head>
<body>
    <a href="javascript://" onclick="Sijax.request('say_hi');">点击</a>
</body>
</html>

这里我们调用了百度的jQuery加速,并调用了静态文件夹中的sijax.js文件,使用过滤器safe禁止专业sijax.get_js()值。

在超链接a标签中,添加了点击事件,当点击会使用不带参数的Sijax.request()方法调用say_hi函数发出Sijax请求。

启动Flask程序,访问http://127.0.0.1:5000/hello,如下图所示:


其中:jquery.min.js是我们调用了百度jQuery产生的;sijax.js是我们调用本地静态文件中的sijax.js产生的;

当我们点击后,就会弹出警示框,如下图所示:



查看最后一个hello请求,如下图所示:




其中sijax_rq为我们请求的函数,sijax_args为我们请求传递的参数,由于我们调用不带参数的Sijax.request()方法。

这样就成功在不刷新网页的请求下,发送了sijax请求并获得了响应。

获取表单数据

那么当我们需要在不刷新网页的请求下,获取表单的数据发送sijax请求时,可以使用sijax中的Sijax.getFormValues()方法,其语法格式为:

Sijax.getFormValues(jQuery_selector)

这里我们使用上面的视图函数代码,而my.html模板文件代码修改为:

<html>
<head>
{#  调用百度的jQuery加速  #}
<script type="text/javascript" src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
{#  安装Flask-sijax时默认安装的sijax.js #}
<script type="text/javascript" src="/static/js/sijax/sijax.js"></script>
{#  使用过滤器safe禁止转译sijax_get_js() #}
<script type="text/javascript"> {{ g.sijax.get_js()|safe }} </script>
</head>
<body>
{# 创建id为my_form的表单 #}
<form id="my_form">
    <input type="text" name="textbox" value="textbox 1" />
    <input type="text" name="tbx[nested]" value="tbx 2" />
    <input type="checkbox" name="cbx" checked="checked" />
</form>
{# 使用Sijax.getFormValues方法获取id为my_form的表单数据 #}
<script type="text/javascript">
    var values = Sijax.getFormValues('#my_form');
</script>
{# 使用带参数Sijax.request()方法传递values值 #}
<a href="javascript://" onclick="Sijax.request('say_hi',values);">点击</a>
</body>
</html>

修改my.html模板文件后,启动Flask程序,访问http://127.0.0.1:5000/hello点击后,如下图所示:

这时sijax_args参数就有数据了。

注意:当表单中的字段缺少name名称或被禁用,sijax.getFormValues是无法获取到的。

好了,Flask框架——Flask-Sijax的知识就讲到这里了,感谢观看,下篇文章学习Flask框架——项目可安装化。
公众号:白巧克力LIN

该公众号发布Python、数据库、Linux、Flask、自动化测试、Git等相关文章!

有关Flask框架——Sijax的更多相关文章

  1. TimeSformer:抛弃CNN的Transformer视频理解框架 - 2

    Transformers开始在视频识别领域的“猪突猛进”,各种改进和魔改层出不穷。由此作者将开启VideoTransformer系列的讲解,本篇主要介绍了FBAI团队的TimeSformer,这也是第一篇使用纯Transformer结构在视频识别上的文章。如果觉得有用,就请点赞、收藏、关注!paper:https://arxiv.org/abs/2102.05095code(offical):https://github.com/facebookresearch/TimeSformeraccept:ICML2021author:FacebookAI一、前言Transformers(VIT)在图

  2. ruby - sinatra 框架的 MVC 模式 - 2

    我想开始使用“Sinatra”框架进行编码,但我找不到该框架的“MVC”模式。是“MVC-Sinatra”模式或框架吗? 最佳答案 您可能想查看Padrino这是一个围绕Sinatra构建的框架,可为您的项目提供更“类似Rails”的感觉,但没有那么多隐藏的魔法。这是使用Sinatra可以做什么的一个很好的例子。虽然如果您需要开始使用这很好,但我个人建议您将它用作学习工具,以对您来说最有意义的方式使用Sinatra构建您自己的应用程序。写一些测试/期望,写一些代码,通过测试-重复:)至于ORM,你还应该结帐Sequel其中(imho

  3. ruby-on-rails - 正确了解 Rails 框架的最佳方式是什么? - 2

    按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭10年前。我一直在Rails上做两个项目,它们运行良好,但在这个过程中重新发明了轮子,自来水(和热水)和止痛药,正如我随后了解到的那样,这些已经存在于框架中。那么基本上,正确了解框架中所有智能部分的最佳方法是什么,这将节省时间而不是自己构建已经实现的功能?从第1页开始阅读文档?是否有公开所有内容的特定示例应用程序?一个特定的开源项目?所有的rails交通?还是完全

  4. ruby - 自动将院子文档框架添加到现有的 Rails 遗留代码中 - 2

    关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭4年前。Improvethisquestion我希望能够将模板化的YARD文档样式注释插入到我现有的Rails遗留应用程序中。目前它的评论很少。我想要具有指定参数的类header和方法header(通过从我假定的方法签名中提取)和返回值的占位符。在PHP代码中,我有一些工具可以检查代码并在适当的位置创建插入到代码中的文档header注释。在带有Ducktyping等的Ruby中,我确信诸如@params等类型之类

  5. ruby-on-rails - 具有六边形架构和 DCI 模式的框架和数据库适配器 - 2

    我尝试用Ruby设计一个基于Web的应用程序。我开发了一个简单的核心应用程序,在没有框架和数据库的情况下在六边形架构中实现DCI范例。核心六边形中有小六边形和网络,数据库,日志等适配器。每个六边形都在没有数据库和框架的情况下自行运行。在这种方法中,我如何提供与数据库模型和实体类的关系作为独立于数据库的关系。我想在将来将框架从Rails更改为Sinatra或数据库。事实上,我如何在这个核心Hexagon中实现完全隔离的rails和mongodb的数据库适配器或框架适配器。有什么想法吗? 最佳答案 ROM呢?(Ruby对象映射器)。还有

  6. python - Ruby 是否有相当于 Python 的扭曲框架作为网络抽象层? - 2

    据我了解,Python的扭曲框架为网络通信提供了更高级别的抽象(?)。我正在寻找在Rails应用程序中使用与twisted等效的Ruby。 最佳答案 看看EventMachine.它不像Twisted那样广泛,但它是围绕事件驱动网络编程的相同概念构建的。 关于python-Ruby是否有相当于Python的扭曲框架作为网络抽象层?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/9

  7. ruby-on-rails - 使用 Rails 以外的 Ruby 框架是否有任何潜在的缺点? - 2

    我想使用比Rails(Sinatra/Ramaze/Camping)更轻的框架,但我担心这样做我将无法使用许多以插件形式为Rails定制的共享库.这是一个主要问题,还是这些插件中的大多数都可以跨不同的Ruby框架使用?使用Ruby框架而不是Rails是否还有其他潜在的缺点? 最佳答案 您仍然可以使用gems在你提到的所有框架中,很多东西都是可重用的。想要交换一个新的ORM,没问题。想要一个花哨的shmacy语法高亮,没问题。Rails一直在大力插入摆脱旧的插件模型,转而使用gems。如果其他框架之一符合您的需求,最好使用它。请记住,

  8. ruby - 应该 validate_format_of 。 not_with 在框架中有问题(或者在我的理解中) - 2

    我将以下代码放入RSpec测试中:it{shouldvalidate_format_of(:email).not_with('test@test')}并设置实际的类:validates:email,:presence=>true,:format=>/\b[A-Z0-9._%-]+@(?:[A-Z0-9-]+\.)+[A-Z]{2,4}\b/i当我运行测试时,我得到:失败:1)用户失败/错误:它{应该validate_format_of(:email).not_with('test@test')}当电子邮件设置为“test@test”时,预期错误包括“can'tbeblank”,得到错误

  9. ruby-on-rails - Rails 使用了哪些测试框架? - 2

    关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭9年前。ImprovethisquestionRails使用了哪些单元测试框架?我正在阅读一本书(PragmaticProgrammersAgileDev.withRails),其中展示了如何在Rails中进行单元测试。这本书向我展示了默认的Rails测试套件(Test::Unit的子类)。这是Rails社区中使用的主要测试框架吗?我在执行常规ruby​​时使用RSpec,我也希望能够在Rails中使用它(如果不是太麻烦的话)?

  10. ruby - rspec模拟与其他模拟框架的优缺点是什么? - 2

    我看过很多过时的播客,其中提到摩卡是我想安装的一个宝石,因为它确实比rspec更好模仿。我有一种感觉,rspec开发人员已经意识到这一点,并从那时起改进了他们的模拟。但是,在默认的spec_helper.rb文件中,我看到三个模拟框架的一些注释掉的代码存根mochaflexmockrr向任何能给我一个像样答案的人投赞成票,就这些框架中至少一个的利弊与rspec自己的模仿框架进行比较。如果你能给我一个关于这三个问题的详细说明,我会接受你的回答。 最佳答案 真的,这只是口味的问题。看一看语法,看看什么最适合你。当然,使用rspec的内置

随机推荐