这次写的是用python构建一个web的应用,且至少有两个页面。
1.下载flask。
打开控制面板，输入cmd，然后输入 pip install flask，出现如图所示：
安装成功后会出现Successfully installed.....
2.建立一个flask文件夹，在里面再建立一个templates文件夹，然后在templates中写两个html，如图所示：
稍后我会将网页放在后面。
- 写一个python文件
from flask import Flask,render_template,request
app=Flask(__name__)
@app.route('/')
def entry():
return render_template('du.html')
@app.route('/result',methods=['POST'])
def result():
name=request.form['name']
ID=request.form['ID']
address=request.form['address']
return render_template('2.html',the_name=name,the_ID=ID,the_address=address)
if __name__==('__main__'):
app.run(debug=True)
注意细节，不要打错！（python中的网址名与你写的html名一致）
4.运行python，会出现如图所示：
然后复制http://127.0.0.1:5000去浏览器打开，会出现如图：
然后输入信息，会转到新的页面：
ps：代码如下：
du.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>花客的空间</title>
</head>
<body>
<style>
body{font-size:20px;font-family:"黑体";background-image: -webkit-linear-gradient(left,rgb(0,208,212),rgb(158,255,164));}
body,form,input,p{padding:10px;margin:10px;border:5px;}
form{
width:400px;
height:400px;
margin:50px auto;
padding-left:200px;
background:#C9DCB9;
background-color: rgba(255,255,255,0.1);
background-image: -webkit-linear-gradient(left,rgb(0,208,212),rgb(158,255,164));
}
p{
height:10px;
margin-top:18px;
}
</style>
<form method='POST' action='/result'>
<table>
<tr>
<td width="51" height="45"> 姓名: </td>
<td width="167"> <input type="text"name='name' width='100'> </td>
</tr>
<tr>
<td height="42">性别:</td>
<td><input type="text" name='ID' width='100' ></td>
</tr><tr>
<td height="42">爱好:</td>
<td><input type="text" name='address' width='100'style="float:center;" ></td>
</tr>
</table>
<p>
<input type="submit" style="height: 35px;width:50px;font-size:15px;color:black;" value="提交"/>
</p>
</form>
</body>
</html>
2.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>后台</title>
</head>
<style>
body{font-size:20px;font-family:"黑体";background-image: -webkit-linear-gradient(left,rgb(0,208,212),rgb(158,255,164));}
body,form,input,p{padding:20px;margin:20px;border:20px;}
form{
width:400px;
height:400px;
margin:50px auto;
padding-left:250px;
padding-top:100px;
background-color: rgba(255,255,255,0.1);
background-image: -webkit-linear-gradient(left,rgb(0,208,212),rgb(158,255,164));
}
p{
height:20px;
margin-top:10px;
}
</style>
<body>
<form>
<table>
<tr>
后台数据：
</tr>
<tr>
<td> 姓名: </td>
<td> {{the_name}}</td>
</tr>
<tr>
<td>性别:</td>
<td> {{the_ID}} </td>
</tr>
<tr>
<td>爱好:</td>
<td> {{the_address}} </td>
</tr>
</table>
</form>
</body>
</html>
当然，你也可以用PyCharm去做，差不太多。有不懂的联系我哟。
本文转载自: https://blog.csdn.net/weixin_68248076/article/details/127809161
版权归原作者 陌晨1 所有， 如有侵权，请联系我们删除。
版权归原作者 陌晨1 所有， 如有侵权，请联系我们删除。