02.Python:Flash初步使用

news/2025/9/21 10:03:04/文章来源:https://www.cnblogs.com/jieling/p/19103232

前端处理:Vue+Axios

Flash:后端框架,默认端口 5000

需要注意:get与post方法,对应的传参与取参方式

--------------

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
    <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script><script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head><body><div id="app"><button @click="getClick">get请求</button><button @click="postClick">post请求</button></div><script>const app = Vue.createApp({methods: {getClick() {axios.get("http://127.0.0.1:5000/user?id=1&type=10").then(res => {console.log(res.data)})},postClick() {let df = new FormData()df.append("id", 12)df.append("type", 11)axios.post("http://127.0.0.1:5000/user", df).then(res => {console.log(res.data)})}}})app.mount("#app")</script>
</body></html>

 

后端内容:

from flask import Flask
from flask import make_response  #通过此内容向前端返回后端结果
from flask_cors import CORS #跨域
from flask import request #获取前端数据

app=Flask(__name__)  #创建Flask对象
CORS(app,supports_credentials=True)   #配置跨域# 路由处理
@app.route("/user",methods=["get","post"])
def user():if request.method=="GET":   #get接口,从 args 中取参id=request.args.get("id")type=request.args.get("type")data={"id":id,"type":type,"info":"server rtn"}return make_response(data)else:id = request.form.get("id")    #post接口,从 form 中取参type = request.form.get("type")data = {"id": id,"type": type,"info": "server rtnXX"}return make_response(data)if __name__=="__main__":app.run()

 

>>  上面使用的是:app.run 的方式来启动 服务,

若需要在命令行中启动python, 可通过如下指令 来执行

此方法需独立安装 Flask, 在项目中安装 Flask 后,在命令行中是找不着 Flask 的

flask run 

同时,对于主文件名称有约束

image

 >> 处理:   $env:FLASK_APP = "main.py"

>> 修改默认端口:flask run --port = 8000

>> 判断端口是否被占用:  netstat -aon|findstr 8000

>> 关闭占用端口的程序:taskkill /pid XXX -t -f

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/908697.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

解决Kubernetes集群中master节点无法与node节点通信的策略

检查基础网络连接: 使用 ping命令检测节点间网络连通性。若无法ping通,可能是云服务的安全组或本地防火墙规则限制,需对安全组规则和防火墙规则(如iptables)进行审查。 ping <node-IP-address>验证kubelet服…

从高版本的sqlserver向低版本的sqlserver上复制表和数据的方法

今天要从一台sqlserver 2016的电脑上把数据库复制到一台装有sqlserver2012的服务器上,使用备份加还原的时候报错,提示不支持,导出sql语句的方式也没有成功,用navicat也没成功。方法如下: 在目标服务器上打开SQL S…

【ROS2】 忽略局域网多机通信导致数据接收的bug - 教程

pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; display: block !important; font-family: "Consolas", "Monaco", "Courier New", …

在Ubuntu18.04安装兼容JDK 8的Eclipse集成开发环境

更新系统包列表:首先,打开终端,并执行以下命令以更新Ubuntu系统的包列表: sudo apt update安装Java开发工具包 (JDK 8):在终端中运行以下命令安装OpenJDK 8: sudo apt install openjdk-8-jdk 安装完毕后,运行下…

【php】带数组的文件列表生成,返回数组

【php】带数组的文件列表生成,返回数组$list = gen_files_list(D:/novel/); for($i = 0; $i < count($lis); $i++) {echo "<li><a href=" . htmlspecialchars($lis[$i]) . ">" . …

配置Nginx以支持Websocket连接的方法

安装Nginx:首先,确保您安装了最新版本的Nginx,因为Websocket支持通常在较新版本中表现更佳。设置HTTP升级头:当Websocket客户端请求与服务器建立连接时,它会发送一个HTTP请求,请求中含有 Upgrade: websocket和 C…

Extundelete工具恢复数据

Extundelete 是一款专为 Ext 文件系统(Linux 系统中最常用的文件系统,如 Ext3、Ext4)设计的开源数据恢复工具,核心功能是恢复被意外删除(通过 rm 命令等操作)但尚未被新数据覆盖的文件或目录。它基于文件系统的底…

最新!!!MySQL环境搭建(windows系统) - 详解

pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; display: block !important; font-family: "Consolas", "Monaco", "Courier New", …

重新理解12306:它卖的从来不是“库存”,而是“状态”

你是否也曾好奇,12306这个每逢节假日就承受亿级流量的系统,背后到底是如何工作的?一个常见的误解是:把它当作淘宝一样的电商系统,认为它管理的是简单的商品库存。但真相远非如此。 让我们做一个极端的假设:一列高…

基于Python+Vue开发的房产销售管理系统源码+运行步骤

项目简介该项目是基于Python+Vue开发的房产销售管理系统(前后端分离),这是一项为大学生课程设计作业而开发的项目。该系统旨在帮助大学生学习并掌握Python编程技能,同时锻炼他们的项目设计与开发能力。通过学习基于…

WinSCP从Windows传文件到Linux,文件名为中文显示乱码

View PostWinSCP从Windows传文件到Linux,文件名为中文显示乱码1、登录界面,录入服务器地址、用户名、密码,点击【Advanced】2、设置UTF-8 encoding for filenames为on即可,默认为Auto

混合架构(SpringCloud+Dubbo)的整合方案与适用场景(一) - 教程

混合架构(SpringCloud+Dubbo)的整合方案与适用场景(一) - 教程pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; display: block !important; font-family: "…

Oracle中case when函数和decode函数

View PostOracle中case when函数和decode函数1、case when函数: select ename,case deptno when 10 then ACCOUNTING when 20 then RESEARCH else SALES end from emp; select ename,case when deptno=10 then ACCOUN…

Jmeter生成随机数

View PostJmeter生成随机数1、使用函数助手里面的__Random函数2、使用beanshell提取器 import java.util.Random; Random rand = new Random(); int num = rand.nextInt(900) + 1000000; vars.put("randomNum&quo…

通过代码认识 CNN:用 PyTorch 构建卷积神经网络识别手写数字

通过代码认识 CNN:用 PyTorch 构建卷积神经网络识别手写数字2025-09-21 09:29 tlnshuju 阅读(0) 评论(0) 收藏 举报pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !import…

SQLite数据库 - 教程

pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; display: block !important; font-family: "Consolas", "Monaco", "Courier New", …

安全技术深度探讨:从鱿鱼皮肤到AI漏洞挖掘

本文探讨了鱿鱼皮肤的光学特性及其潜在安全隐喻,并深入分析了AI在漏洞挖掘、硬件侧信道攻击、智能合约审计等领域的应用与风险,涉及多项实际技术案例与安全架构思考。周五鱿鱼博客:鱿鱼皮肤如何扭曲光线 新研究显示…

【Bluedroid】A2DP Source 音频流暂停流程解析[3]:AVDTP 协议中 Suspend Accept 响应的处理流程与建立分析(Suspend Accept)

【Bluedroid】A2DP Source 音频流暂停流程解析[3]:AVDTP 协议中 Suspend Accept 响应的处理流程与建立分析(Suspend Accept)pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !…

实用指南:【Linux篇章】再续传输层协议UDP :从低可靠到极速传输的协议重生之路,揭秘无连接通信的二次进化密码!

实用指南:【Linux篇章】再续传输层协议UDP :从低可靠到极速传输的协议重生之路,揭秘无连接通信的二次进化密码!2025-09-21 09:14 tlnshuju 阅读(0) 评论(0) 收藏 举报pre { white-space: pre !important; word…

数据建模流程分析

📋 完成的工作 我已经为您创建了一个完整的高速列车轴承智能故障诊断系统,包含以下核心组件: 1. 数据预处理模块 (data_preprocessing.py)✅ 支持.mat文件解析✅ 多采样率统一处理(12kHz/48kHz/32kHz)✅ 时域特征…