Flask测试小工具平台

跳转到小工具页面，需要加链接，需要新增一个接口，即一个新的函数from flask import Flask,jsonify,render_template。接口是一个函数，接口要绑定一个接口地址，以确定那个接口去走这个函数，绑定到路由也就是接口地址。也可以在网页设置一个变量，通过render_template渲染网页的时候，传值给设置的变量。但是这样在一个文件里写很麻烦，可以单独写一个html模

软件测试曦曦

1123人浏览 · 2024-12-11 15:04:11

软件测试曦曦 · 2024-12-11 15:04:11 发布

软件测试资料领取：[内部资源] 想拿年薪40W+的软件测试人员，这份资料必须领取~

软件测试面试刷题工具领取：软件测试面试刷题【800道面试题+答案免费刷】

1.首先安装flask pip install flask，或者在setting里边去搜flask去安装

2.写一个简单的接口，输出hello

接口是一个函数，接口要绑定一个接口地址，以确定那个接口去走这个函数，绑定到路由也就是接口地址

from flask import Flask


app = Flask('tools')


@app.route('/')

def home():

return 'hello'


if __name__=='__main__':

app.run()

运行结果就是在网页上输出一个hello

3.接口也可以返回网

from flask import Flask


app = Flask('tools')


@app.route('/')

def home():

return """<html> ---return里可以写一个网页，返回

<head><title>第一个网页啊</title></head>

<body>

<h1>你好</h1>

<h2>Lily</h2>

<h3>哈哈</h3>

</body>

</html>

"""

if __name__=='__main__':

app.run()

4.接口也可以返回一个json格式，需要引入jsonify，通过jsonify来传一个josn对

from flask import Flask,jsonify


app = Flask('tools')


@app.route('/')

def home():

return jsonify({'name':'Kiven','age':16})

if __name__=='__main__':

app.run()

返回结果是json格式对
--------------------------------------------------------------------------------------------------------
但是这样在一个文件里写很麻烦，可以单独写一个html模板，返回一个html文件
在根目录下新建一个模板文件夹templates，存放html模板
写出来一个静态模板home.html,要传给接口，怎么传呢。需要导入render_template,导入以后可以通过

render_template把网页传给接口

from flask import Flask,jsonify,render_template


app = Flask('tools')


@app.route('/')

def home():

return render_template('./home.html') ---把网页传给接口

if __name__=='__main__':

app.run()

也可以在网页设置一个变量，通过render_template渲染网页的时候，传值给设置的变量

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>小工具主页</title>

</head>

<body>

<div id="content">

<h2>你好，{{user}}</h2> --user就是设置的变量，通过render_template传值给这个变量

<h3>测试小工具</h3>

<url>

<li>Xmind转excel</li>

<li>HAR转接口代码</li>

<li>MD5加密</li>

</url>


<h3>运维小工具</h3>

<url>

<li>Xmind转excel</li>

<li>HAR转接口代码</li>

<li>MD5加密</li>

</url>

</div>

</body>

</html>


from flask import Flask,jsonify,render_template


app = Flask('tools')


@app.route('/')

def home():

return render_template('./home.html',user='Keivn') ----这里的user赋值，传给网页里设置的变量

if __name__=='__main__':

app.run()

-------------------------======================----------------------------------------------==============================----------------------------------
一些动态数据，可以从后端传到前端，前端埋一个变量，进行遍历，加for循环

from flask import Flask,jsonify,render_template


app = Flask('tools')


@app.route('/')

def home():

#date就是动态数据，可以随时改变

date =[

{'name':'Xmind转excel','url':''},

{'name':'HAR转接口代码','url':''},

{'name':'md5加密','url':''}

]

    return render_template('./home.html',user='Keivn',tools=date)  ----tools就是html里边的变量名称，把date传给tools

if __name__=='__main__':

app.run()

app = Flask('tools')


@app.route('/')

def home():

date =[

{'name':'Xmind转excel','url':'/xmind2excel'},

{'name':'HAR转接口代码','url':''},

{'name':'md5加密','url':''}

]

return render_template('./home.html',user='Keivn',tools=date)


@app.route('/xmind2excel') #括号里的是接口地址 --新加的接口

def xmind2excel():

return render_template('./xmind2excel.html')

---------------------------------------------------------------------------------------------
还可以在小工具里加链接，可以点击跳转，单独一个小工具新建一个页面xmind2excel.html
跳转到小工具页面，需要加链接，需要新增一个接口，即一个新的函数from flask import Flask,jsonify,render_template

app = Flask('tools')


@app.route('/')

def home():

date =[

{'name':'Xmind转excel','url':'/xmind2excel'},

{'name':'HAR转接口代码','url':''},

{'name':'md5加密','url':''}

]

return render_template('./home.html',user='Keivn',tools=date)


@app.route('/xmind2excel') #括号里的是接口地址 --新加的接口

def xmind2excel():

return render_template('./xmind2excel.html')

新写的页面，点击主页上的文字的链接，跳转到这个页面

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>XMind转Excel</title>

</head>

<body>

<h2>XMind转Excel</h2>

</body>

</html>

在新页面加一些功能
加一个做加法的功能


<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>XMind转Excel</title>

</head>

<body>

<h2>XMind转Excel</h2>

<form> #表单两个关键点：1 传给哪个接口 2 每个输入框要提供一个变量名

<div><span>变量a </span><input type="text"></div>

<div><span>变量b </span><input type="text"></div>

<button type="submit">确定</button>

</form>



</body>

</html>

在主页写一个接口 新引入一个request

from flask import Flask,jsonify,render_template,request


app = Flask('tools')


@app.route('/')

def home():

date =[

{'name':'Xmind转excel','url':'/xmind2excel'},

{'name':'HAR转接口代码','url':''},

{'name':'md5加密','url':''}

]

return render_template('./home.html',user='Keivn',tools=date)


@app.route('/xmind2excel') #括号里的是接口地址

def xmind2excel():

return render_template('./xmind2excel.html')


@app.route('/add',methods=['POST']) --新写的加法接口,加了限制那种请求方式，可以是一个可以是多个

def add():

a = request.form.get('a')

b = request.form.get('b')

c = int(a) + int(b) --html里拿到的变量值都是字符串，需要转换成整形的才能进行加法计算

return str(c) --做完加法计算c是整形的，需要转换成字符串形式才能传


if __name__=='__main__':

app.run()

新写的页面


<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>XMind转Excel</title>

</head>

<body>

<h2>XMind转Excel</h2>

#表单两个关键点：1 传给哪个接口 2 每个输入框要提供一个变量名

<form action="/add" method="post"> #通过post方式传给add这个接口

<div><span>变量a </span><input name="a" type="text"></div> #变量名是a 输入的值以变量a传给接口

<div><span>变量b </span><input name="b" type="text"></div> #变量名是b

<button type="submit">确定</button>

</form>



</body>

</html>

既然看到这里，在收藏的同时，也请不吝啬的点个赞呗！期待 ~

最后感谢每一个认真阅读我文章的人，下方这份完整的软件测试教程已经整理上传完成，需要的朋友们可以文末自行领取：【保证100%免费】

这些资料，对于【软件测试】的朋友来说应该是最全面最完整的备战仓库，这个仓库也陪伴上万个测试工程师们走过最艰难的路程，希望也能帮助到你！

技术共进，成长同行——讯飞AI开发者社区

更多推荐

PHP与人工智能：结合案例与可能性探索

讯飞AI开发者社区

智能体（Agent）的记忆架构：深入解析短期记忆与长期记忆

讯飞AI开发者社区

通用人工智能(AGI)发展现状：从科幻到现实的跨越

通用人工智能(AGI)正从科幻走向现实。2025年，多模态融合、递归推理引擎和能效革命三大技术突破推动AGI发展，国际科技巨头和中国企业加速布局。AI Agent在金融、医疗、教育等领域广泛应用，企业自动化效率显著提升。然而，数据隐私、算法透明度和就业替代等伦理挑战亟待解决。未来，AGI将向多模态量子计算融合、具身智能和世界模型方向发展，需要建立人机协作新模式和完善的政策法规框架。AGI既带来机遇