web全栈开发：web前后端数据交互。html5+jquery作为前端、Python+flask作为后端

最新推荐文章于 2024-10-03 16:45:24 发布
最新推荐文章于 2024-10-03 16:45:24 发布
阅读量1.5k 收藏 23
点赞数 5
CC 4.0 BY-SA版权
分类专栏： web端 flask python 文章标签： python flask javascript html5 jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/K_AAbb/article/details/108288583
本文详细介绍使用Python的flask框架结合html5、jQuery实现web前后端数据交互的方法，包括超链接、按钮触发事件及表单提交等功能，通过具体代码示例讲解如何从前端向后端发送数据。

web全栈开发：web前后端数据交互。html5+jquery作为前端、Python+flask作为后端

温馨提示：本文基于我的上一篇博客的为基础：使用 Python 的 flask 架构搭建一个简单web网站

  • 下面是我写的一个简单前端web网页，我们分析这个网页的信息：
    在这里插入图片描述
  • 1.”这是首页！”，这是一个纯文字的内容；
  • 2.“前往内容页”，这一端含有超链接的文字，我们只要点击蓝色、有下划线的“内容页”就可以转移到另外一个网页；
  • 3.“点击1”，这是一个按钮，我们可以把一个事件绑定到这个按钮上，当按钮被点击即可以执行绑定的事件，如发送一组数据到 flask 后端；
  • 4.“输入文本框”+“提交数据”，这是一个我们可以输入东西，然后点击“提交数据”，把输入的数据发送到后端 flask 中。

1.本次需要用到一个新技能：jQuery

  • jQuery是辅助JavaScript开发的库，最基本的几个选择器：1.元素选择器、2.id选额器、3.class选择器、4.群组选择器、5.*选择器；

  • 我们通过选择器可以对选择的元素进行特定的设置

  • 在前端用jquery为特定 id 的元素添加点击触发事件，通过触发而执行任务功能事件，如发送数组、字符串等。
    若需要详细了解jQuery，到这里学习一下吧！http://www.lvyestudy.com/jquery/jq_list.aspx

2.建立一个实现前后端数据交互的工程文件，如下工程文件的结构：

在这里插入图片描述

  • 放置在static中的图片和资源是能够被前端（JavaScript、jQuery）调用而实现动态更新。
  • 放置在template中的 html 页面能够调用 js 、css ，同时也可以被后端 flask 反馈到发出请求的浏览器而被浏览器渲染、解析出来。

3.实现超链接功能

1.main.py

from flask import Flask,render_template,request
app = Flask(__name__)      #参数是应用模块或者包的名称。若使用一个单一模块(本例)，则用__name__
                           #该参数是必需的，Flask才知道在哪找到模板和静态文件等东西


@app.route('/index/content')        # 访问的地址，负责指向路由的路径
def content():                      # 指定的路由名称
    hdy = "hdy"
    list = ["真帅","好酷","有才华"]
    return render_template('content.html',HDY=hdy,list=list)   #自动寻找replace.html里面的键值对HDY替换成hdy


@app.route('/index')
def index():
    return render_template('index.html')   #会自动找templates文件夹里面的index.html


if __name__=="__main__":                   #程序入口
    app.run(host='127.0.0.1',port=8080)      # 0.0.0.0地址可给本机所有的IP地址访问（按ctrl+左击进入run函数修改）

2.index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
</head>
<body>
    <h>WOW WOW WOW ！</h>

    <h1>你变成了<a href="{{url_for('content')}}">动感超人</a> </h1>

</body>
</html>
  • 上面的代码中 {{url_for(‘content’)}} 是创建了一个超链接，这个超链接就是通过路由转移到路由名为 content 的路由中，而 content 这个路由在 flask 中 的main.py有定义。简单来说，点击这个超链接就会转到 content 的路由中，执行对应的操作。

3.运行 flask ，在浏览器输入： http://127.0.0.1:8080/index，可以得到下面的页面

在这里插入图片描述
4.当我们点击有颜色的下划线字 “动感超人” 这个超链接，即可以跳转到如下这个网页
在这里插入图片描述

4.实现在html前端使用jQuery将特定的数据发送到flask后端

  1. 在index.html中添加如下两个jquery.js中方式的任意一个：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
</head>
<body>
    <h>WOW WOW WOW ！</h>

    <h1>你变成了<a href="{{url_for('content')}}">动感超人</a> </h1>

</body>
<!--javascript，下面两种方式任意选一种，也可以两个都选上-->
<!-- 方式1 -->
<script type="text/javascript" src="../static/js/jquery-3.5.1.js"></script>
<!-- 方式2：引用微软地址 -->
<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.5.1.min.js"></script>

</html>

5.现在介绍部分更新的代码：

  • 1.main.py新增部分：

@app.route('/index/response_01',methods=['GET'])
def response_01():
    # 设定下面这种格式接收数据，避免数据
    state = -1
    # state用来辅助判断后台是否准确收到了前台的数据
    signal = -1
    string = ''

    #使用try结构，更加安全
    try:
        signal = int(request.args.get('num',0))    # 接收整型数据，由于接受的数据格式仍是json即字符串，所以还需要作类型转换
        string = request.args.get('man','')        #接受字符串数据
        print(signal)
        print(string)
        state += 1
    except:
        pass

    return simplejson.dumps({
        'state':state,
        'reply_signal':signal+1,
        'reply_string':string + 'i do!'
    })

main.py完整代码：

from flask import Flask,render_template,request,url_for,redirect,make_response
import simplejson
app = Flask(__name__)      #参数是应用模块或者包的名称。若使用一个单一模块(本例)，则用__name__
                           #该参数是必需的，Flask才知道在哪找到模板和静态文件等东西


@app.route('/index/content')        # 访问的地址，负责指向路由的路径
def content():                      # 指定的路由名称
    hdy = "hdy"
    list = ["真帅","好酷","有才华"]
    return render_template('content.html',HDY=hdy,list=list)   #自动寻找replace.html里面的键值对HDY替换成hdy


@app.route('/index')
def index():
    return render_template('index.html')   #会自动找templates文件夹里面的index.html


@app.route('/index/response_01',methods=['GET'])
def response_01():
    # 设定下面这种格式接收数据，避免数据
    state = -1
    # state用来辅助判断后台是否准确收到了前台的数据
    signal = -1
    string = ''

    #使用try结构，更加安全
    try:
        signal = int(request.args.get('num',0))    # 接收整型数据，由于接受的数据格式仍是json即字符串，所以还需要作类型转换
        string = request.args.get('man','')        #接受字符串数据
        print(signal)
        print(string)
        state += 1
    except:
        pass

    return simplejson.dumps({
        'state':state,
        'reply_signal':signal+1,
        'reply_string':string + 'i do!'
    })


if __name__=="__main__":                   #程序入口
    app.run(host='127.0.0.1',port=8080)      # 0.0.0.0地址可给本机所有的IP地址访问（按ctrl+左击进入run函数修改）
  • 2.index.html新增部分：
    part1：新增的按钮，绑定id
 <!--新添加一个按钮，设置 id 为 btn，等下我们要通过 id 访问它！-->
<input type="button" value="点击开关1" id="btn1" >

part2：新增的按钮的触发事件

<!-- javaScript 一下方式任意选择一个，也可以两个均选择-->
<!-- 方式1: 直接用本地文件jquery-3.5.1.js-->
<script type="text/javascript" src="../static/js/jquery-3.5.1.js"></script>
<!-- 方式2：引用微软jquery压缩版地址 -->
<script type="text/javascript" src="ttpsh://ajax.aspnetcdn.com/ajax/jquery/jquery-3.5.1.min.js"></script>

<script type="text/javascript">
    <!--用jquery为绑定特定 id 的事件添加点击触发事件-->
    $('#btn1').on("click",function () {
        var data = {
            'num': 6,
            'man': 'hdy handsome boy'
        };               //定义要发送的数据，这是键值对的方式，分别为整型、字符串
        $.ajax({
            type:'GET',                    //数据的传输方式get请求方式
            url: '/../index/response_01',  //去到指定的路由
            data:data,                     //要发送的数据，会被转化为查询字符串跟在url后面:/index/response_01/?num=6&man=hdy&handsome&boy
            dataType:'json',               //数据的发送json格式
            success:function (data) {      //分别对应当数据提交并获取.success函数有一个参数data，用来表示从后台接收到的封装好的数据。
                if(data.state>=0) {        //# 这里的data就是json格式的数据
                    // 对比下面后台返回的数据格式，很容易发现规律
                    console.log(data.reply_signal);
                    console.log(data.reply_string);
                    }
                },
                error:function () {
                    console.log("failure!");
                }
        });
    })
</script>

part3：index.html的完整代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
</head>
<body>
    <h>WOW WOW WOW ！</h>
    <!--超链接到路由content中-->
    <h1>你变成了<a href="{{url_for('content')}}">动感超人</a> </h1>
     <!--新添加一个按钮，设置 id 为 btn，等下我们要通过 id 访问它！-->
    <input type="button" value="点击开关1" id="btn1" >
</body>
<!-- javaScript 一下方式任意选择一个，也可以两个均选择-->
<!-- 方式1: 直接用本地文件jquery-3.5.1.js-->
<script type="text/javascript" src="../static/js/jquery-3.5.1.js"></script>
<!-- 方式2：引用微软jquery压缩版地址 -->
<script type="text/javascript" src="ttpsh://ajax.aspnetcdn.com/ajax/jquery/jquery-3.5.1.min.js"></script>

<script type="text/javascript">
    <!--用jquery为绑定特定 id 的事件添加点击触发事件-->
    $('#btn1').on("click",function () {
        var data = {
            'num': 6,
            'man': 'hdy handsome boy'
        };               //定义要发送的数据，这是键值对的方式，分别为整型、字符串
        $.ajax({
            type:'GET',                    //数据的传输方式get请求方式
            url: '/../index/response_01',  //去到指定的路由
            data:data,                     //要发送的数据，会被转化为查询字符串跟在url后面:/index/response_01/?num=6&man=hdy&handsome&boy
            dataType:'json',               //数据的发送json格式
            success:function (data) {      //分别对应当数据提交并获取.success函数有一个参数data，用来表示从后台接收到的封装好的数据。
                if(data.state>=0) {        //# 这里的data就是json格式的数据
                    // 对比下面后台返回的数据格式，很容易发现规律
                    console.log(data.reply_signal);
                    console.log(data.reply_string);
                    }
                },
                error:function () {
                    console.log("failure!");
                }
        });
    })
</script>
</html>

3.点击运行。我在index.html页面中，点击按钮：按钮开关即可以触发按钮，触发前端给后端发送数据的事件，在调试窗口会打印如下信息：
整型：6、字符串：hdy handsome boy。
如下图所示：

在这里插入图片描述

6.再新增一个前端提交数据给后端的功能。要用到表单提交form技能

  • part1:main.py新增的代码：
@app.route('/index/response_02',methods=['post'])
def response_02():
    state = -1
    txt = ''
    try:
        txt = request.form['txt']   # 获取表单上名字为 txt 的主键值（为字符串）
        print(txt)
        state += 1
        print(state)

    except:
        pass
    return redirect(url_for('index'))
  • part2：main.py完整的代码
from flask import Flask,render_template,request,url_for,redirect,make_response
import simplejson
app = Flask(__name__)      #参数是应用模块或者包的名称。若使用一个单一模块(本例)，则用__name__
                           #该参数是必需的，Flask才知道在哪找到模板和静态文件等东西


@app.route('/index/content')        # 访问的地址，负责指向路由的路径
def content():                      # 指定的路由名称
    hdy = "hdy"
    list = ["真帅","好酷","有才华"]
    return render_template('content.html',HDY=hdy,list=list)   #自动寻找replace.html里面的键值对HDY替换成hdy


@app.route('/index')
def index():
    return render_template('index.html')   #会自动找templates文件夹里面的index.html


@app.route('/index/response_01',methods=['GET'])
def response_01():
    # 设定下面这种格式接收数据，避免数据
    state = -1
    # state用来辅助判断后台是否准确收到了前台的数据
    signal = -1
    string = ''

    #使用try结构，更加安全
    try:
        signal = int(request.args.get('num',0))    # 接收整型数据，由于接受的数据格式仍是json即字符串，所以还需要作类型转换
        string = request.args.get('man','')        #接受字符串数据
        print(signal)
        print(string)
        state += 1
    except:
        pass

    return simplejson.dumps({
        'state':state,
        'reply_signal':signal+1,
        'reply_string':string + 'i do!'
    })


@app.route('/index/response_02',methods=['post'])
def response_02():
    state = -1
    txt = ''
    try:
        txt = request.form['txt']   # 获取表单上名字为 txt 的主键值（为字符串）
        print(txt)
        state += 1
        print(state)

    except:
        pass
    return redirect(url_for('index'))



if __name__=="__main__":                   #程序入口
    app.run(host='127.0.0.1',port=8080)      # 0.0.0.0地址可给本机所有的IP地址访问（按ctrl+左击进入run函数修改）
  • part3：index.html新增的代码：
 <form action="/index/response_02" method="post" enctype="multipart/form-data">
        <input type="text" name="txt" id="">
        <input type="submit" value="提交数据">
        <!--这里的action指定了表单里数据要提交到的目的路由。
        当点击submit按钮时，表单里的所有值input的会被提交；
        其中，在后台我们会通过 name 去识别来自表单里的哪一个input的值！这一点很重要！-->
    </form>
  • part4：index.html完整的代码：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
</head>
<body>
    <h>WOW WOW WOW ！</h>
    <!--超链接到路由content中-->
    <h1>你变成了<a href="{{url_for('content')}}">动感超人</a> </h1>
     <!--新添加一个按钮，设置 id 为 btn，等下我们要通过 id 访问它！-->
    <input type="button" value="点击开关1" id="btn1" >

    <form action="/index/response_02" method="post" enctype="multipart/form-data">
        <input type="text" name="txt" id="">
        <input type="submit" value="提交数据">
        <!--这里的action指定了表单里数据要提交到的目的路由。
        当点击submit按钮时，表单里的所有值input的会被提交；
        其中，在后台我们会通过 name 去识别来自表单里的哪一个input的值！这一点很重要！-->
    </form>

</body>
<!-- javaScript 一下方式任意选择一个，也可以两个均选择-->
<!-- 方式1: 直接用本地文件jquery-3.5.1.js-->
<script type="text/javascript" src="../static/js/jquery-3.5.1.js"></script>
<!-- 方式2：引用微软jquery压缩版地址 -->
<script type="text/javascript" src="ttpsh://ajax.aspnetcdn.com/ajax/jquery/jquery-3.5.1.min.js"></script>

<script type="text/javascript">
    <!--用jquery为绑定特定 id 的事件添加点击触发事件-->
    $('#btn1').on("click",function () {
        var data = {
            'num': 6,
            'man': 'hdy handsome boy'
        };               //定义要发送的数据，这是键值对的方式，分别为整型、字符串
        $.ajax({
            type:'GET',                    //数据的传输方式get请求方式
            url: '/../index/response_01',  //去到指定的路由
            data:data,                     //要发送的数据，会被转化为查询字符串跟在url后面:/index/response_01/?num=6&man=hdy&handsome&boy
            dataType:'json',               //数据的发送json格式
            success:function (data) {      //分别对应当数据提交并获取.success函数有一个参数data，用来表示从后台接收到的封装好的数据。
                if(data.state>=0) {        //# 这里的data就是json格式的数据
                    // 对比下面后台返回的数据格式，很容易发现规律
                    console.log(data.reply_signal);
                    console.log(data.reply_string);
                    }
                },
                error:function () {
                    console.log("failure!");
                }
        });
    })
</script>
</html>
  • 打开浏览器，输入地址： http://127.0.0.1:8080/index，得到如下页面：
    在这里插入图片描述
    输入想要发给后端的数据，点击提交数据即可，再调试窗口可以看到后台提取并且打印出来我们在前端输入的数据，如下图：
    在这里插入图片描述

7.至此，结束。

完成了前端、后端进行数据的交换。

最好，感谢这位博主，这边博文引用了他的内容：萧班

html输入flask,获取用户输入和输出Flask和HTML
weixin_39639514的博客
06-05 1189
我正在尝试使用Flask和HTML开发一个Web应用程序，现在我需要获取用户输入，将其传递给Python后端，执行一个函数并返回其输出，并将其放置在HTML元素内。我也希望在不刷新HTML页面的情况下发生这种情况。我怎样才能做到这一点？在下面，我有到目前为止已经开发的代码，但是不能正常工作：我的HTML：我的Flask后端：@app.route('/background_check_through...
前端和后端的数据交互(jquery ajax+python flask+mysql)
热门推荐
写代码的柯长的博客
12-05 3万+
上web课的时候老师布置的一个实验，要求省市连动，基本要求如下： 1.用select选中一个省份。 2.省份数据传送到服务器，服务器从数据库中搜索对应城市信息。 3.将城市信息返回客户，客户用select控件进行显示。 基本效果如下所示(页面挺丑陋的，但是前后端数据交互的要求基本达到了)： 我利用json进行数据传输。 所用的工具为：jQuery ajax+ python flask
【HTML】以Jquery实现前后端程序简单交互
あの花
04-18 1811
根据所提供的后端接口，在前端程序中以Jquery实现前后端程序交互。1）调用后端数据显示接口，获取数据并遍历显示在前端页面中。2）界面录入数据，调用后端数据写入接口，将所提交的数据写入数据库。 <script> function Get() { $.get( "http://localhost:7277/Stu/getStuList", functio...
web框架之HTML5前端开发(python3入门)
weixin_30294709的博客
07-11 632
一、简介 前端： html5+css+javaScript(js+jq+bs) h5 不擅长 应用程序 小程序是基于h5的封装产物 html(html有三个载体：pc端浏览器，移动端浏览器，移动端app) *** 标签 *** 层级关系 css *** 样式 *** 选择器 (通过css来控制html，就是用选择器来建立这个控制的桥梁) *** 布局 ...
前端jquery ajax与后端controller交互
weixin_43401042的博客
01-30 727
一）.get请求 1.1 实体封装 前端： <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content
前后端交互流程
weixin_71243923的博客
10-19 2万+
前后端交互流程
非常适合新手的网页版幸运转盘项目！后端：Flask，前端：Bootstrap+Jquery.zip
09-28
项目的核心是使用Python的轻量级Web框架Flask作为后端，以及Bootstrap和jQuery作为前端技术。下面将详细阐述这些知识点。 1. Flask框架： Flask是一个用Python编写的微框架，它不包含数据库、模板引擎或其他Web...
Python Flask框架从零基础入门到精通，实现web后端开发
wandertp的博客
05-30 1763
Flask路由与视图函数，模板，应用上下文等基础内容的介绍，从小白到一名合格的Flask框架使用者，本文通过具体实例对各种名词进行讲解，通俗易懂。也提供学习路径，使你完全掌握并能运用Flask框架。
TechGeeksBlog:我们用Bootstrap，Python Flask + HTML-CSS-JavScript制作的简单博客
04-05
【标题】"TechGeeksBlog:我们用Bootstrap，Python Flask + HTML-CSS-JavScript制作的简单博客" 提供了项目的基本信息，这是一个基于技术讨论的博客网站，它结合了现代网页开发的多个核心技术。主要的技术栈包括...
Flask+Python开发框架的前后端交互以及WebSockets介绍
lhyyds的博客
07-04 1284
综上所述，Flask+Python开发框架的前后端交互思路主要是通过路由和视图函数来处理前后端的请求与响应，利用模板引擎渲染HTML模板来展示动态内容，并通过安全性和错误处理机制来保障应用的稳定性和安全性。Flask+Python开发框架的前后端交互是Web开发中常见的一种方式，其核心思路在于通过Flask框架提供的路由和视图函数处理前后端的请求与响应。综上所述，WebSocket 是一种高效、实时的通信协议，它通过单个 TCP 连接提供了全双工通信能力，在实时通信和推送消息的场景中具有广泛的应用前景。
windows的IIS上发布部署项目(vue前端+python后端项目)
m0_38051293的博客
10-10 2497
windows的IIS上发布部署项目(vue前端+python后端项目）项目需求项目实现效果展示 项目需求 项目中使用python作为后端并且习惯使用IIS，所以顺理成章的需要将项目发布到IIS上。查看网上的许多部署指南，还是会有一些问题，功夫不负有心人，集百家之长还是解决了困难，所以记录在此。 项目实现 IIS安装 既然部署到IIS上，那就必须要安装好IIS。 控制面板–>程序–>...
20210710-python-flask-纯html5实现从请求到展示
u010839188的博客
07-13 1443
brief： 新建flask项目 新建html页面page_01并实现表单提交 app.py实现路由和数据返回 page_01实现数据接收并显示 具体步骤和示例 1、新建flask项目 1.1、flask环境搭建 命令行窗口执行 pip install flask 或，pycharm设置弹框，点击 项目解释器 （project interpreter），添加flask 1.2、新建flask项目 搭建好环境后，专业版pycharm点击左上角新建项目，在新建弹框，选择flask项目，选择编译器和环境后
python+flask计算机毕业设计基于HTML5的网络课程学习系统（程序+开题+论文）
Nodejs洋洋 程序
07-11 644
接着，利用HTML5、CSS3、JavaScript等前端技术，结合后端开发语言（如Node.js、PHP等）及数据库技术（如MySQL、MongoDB等），实现系统的具体功能，如学生选课、在线课程观看、作业提交与批改、课程评价、在线咨询与答疑等；同时，系统还应包含公告栏、班级管理等辅助功能，以确保信息的及时传达与班级管理的有序进行。该系统不仅能够丰富在线学习资源的种类与形式，如视频、音频、动画等多媒体内容，还能通过在线课程、选课信息、课程评价等功能模块，促进师生之间的有效沟通与反馈，提升教学质量与效率。
html5 flask,Python框架Flask – Flask HTTP方法
weixin_32721919的博客
06-20 187
Http协议是万维网数据通信的基础。 它协议定义了从指定URL中检索不同数据的方法。下表概括了不同的http方法 –编号方法描述1GET将数据以未加密的形式发送到服务器，这最常用的方法。2HEAD与GET相同，但没有响应主体3POST用于将HTML表单数据发送到服务器。通过POST方法接收的数据不会被服务器缓存。4PUT用上传的内容替换目标资源的所有当前表示。5DELETE删除由URL给出的所有目...
flask微信html5,Python框架Flask – Flask表单处理
weixin_36110673的博客
06-04 246
我们已经看到，可以在URL规则中指定http方法。URL映射的函数接收到的表单数据可以以字典对象的形式收集，并将其转发给模板以在相应的网页上呈现它。在以下示例中，URL => / 呈现具有表单的网页(student.html)。填充的数据会提交到触发result()函数的URL => /result 中。results()函数收集字典对象中request.form中存在的表单数据，并将...
html5文件移到flask,Python框架Flask – Flask文件上传
weixin_39840235的博客
06-25 478
在Flask中处理文件上传非常简单。 它需要一个enctype属性设置为'multipart/form-data'的HTML表单，将该文提交到指定URL。 URL处理程序从request.files[]对象中提取文件并将其保存到所需的位置。每个上传的文件首先保存在服务器上的临时位置，然后再保存到最终位置。 目标文件的名称可以是硬编码的，也可以从request.files [file]对象的file...
Windows iis项目详细部署之后端python+Django2.0 (一)
Mr_WoLong
10-15 2479
一、服务器目录说明 项目部署主目录:E:\innovation Python3.6.8安装目录:D:\Program Files(x86)\Python\Python36 1、后端API服务 代码及存储 代码 目录：E:\innovation\backend ldap配置：E:\innovation\backend\innovation\ldap_settings.py 数据库等配置项：E:\innovation\backend\innovation\secret.py 上传文件 目
使用Python+Flask+HTML写一个测试小工具
Test_the_rookie的博客
06-26 2161
由于公司安全规范限制，我司的测试、预发布、灰度、生产环境，接口间的数据通信通常是加密处理的，给我们日常定位缺陷带来了一定的阻碍，因此我决定使用Python写一个工具，将加密数据转换为正常数据，便于日常问题定位。根据数据间的加解密规则可以看出，安全规则的加密规范是rsa+aes混合加密，其中aes是对称加密，rsa是非对称加密。对称加密简单的来说是可以通过一个密钥完成数据的加解密，非对称加密是使用公钥加密，私钥解密。由于是第一次写页面化的测试工具，我将把自己的思路做完整的记录，便于日后回归以及套用。
（开题）flask框架基于HTML5的酒店预订管理系统（程序+论文+python）
最新发布
三水计算机毕设程序
10-03 939
随着旅游业的蓬勃发展，酒店预订需求日益增加，传统的酒店预订方式，如电话预订、到店预订等，已难以满足现代消费者便捷、高效、实时的预订需求。因此，酒店预订管理系统的出现成为了必然。该系统通过互联网平台，将酒店与消费者紧密连接起来，为消费者提供全面的酒店信息和便捷的预订服务，同时也为酒店管理者提供了高效的房间管理和订单处理工具。
Flask+jQuery部署pytorch模型前后端分离示例教程
资源摘要信息:"基于Flask+jQuery前后端分离部署pytorch模型demo.zip" 知识点详细说明: 1. Flask框架概念与应用： Flask是一个用Python编写的轻量级Web应用框架，其设计目的是为了创建简单的Web应用和API服务。它...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值