将值从html表单传递给python脚本

时间:2017-05-29 12:07:08

标签: python

python.py

from flask import Flask,render_template
app=Flask(__name__)

@app.route("login")
def home():
    return render_template('login.html',name='login')
@app.route("/")
def calculation():
    return render_template('function.html')
if __name__=='__main__':
    app.run()

function.html

<html>
<head></head>
<body>
<h3>Simple Calculator</h3>
<br/>
<style>
#calc{width:300px;height:250px;}
#btn{width:100%;height:40px;font-size:20px;}
</style>
<form Name="calc">
<table id="calc" border=2>
<tr>
<td colspan=5><input id="btn" name="display" onkeypress="return event.charCode >= 48 && event.charCode <= 57" type="text"></td>
<td style="display:none"><input name="M" type="number"></td>
</tr>
<tr>

<td><input id="btn" type=button value="0" OnClick="calc.display.value+='0'"></td>
<td><input id="btn" type=button value="1" OnClick="calc.display.value+='1'"></td>
<td><input id="btn" type=button value="2" OnClick="calc.display.value+='2'"></td>
<td><input id="btn" type=button value="+" OnClick="calc.display.value+='+'"></td>
</tr>
<tr>

<td><input id="btn" type=button value="3" OnClick="calc.display.value+='3'"></td>
<td><input id="btn" type=button value="4" OnClick="calc.display.value+='4'"></td>
<td><input id="btn" type=button value="5" OnClick="calc.display.value+='5'"></td>
<td><input id="btn" type=button value="-" OnClick="calc.display.value+='-'"></td>
</tr>
<tr>

<td><input id="btn" type=button value="6" OnClick="calc.display.value+='6'"></td>
<td><input id="btn" type=button value="7" OnClick="calc.display.value+='7'"></td>
<td><input id="btn" type=button value="8" OnClick="calc.display.value+='8'"></td>
<td><input id="btn" type=button value="x" OnClick="calc.display.value+='*'"></td>
</tr>
<tr>

<td><input id="btn" type=button value="9" OnClick="calc.display.value+='9'"></td>
    </td>
<td><input id="btn" type=button value="=" OnClick="calc.display.value=eval(calc.display.value)"></td>
<td><input id="btn" type=button value="/" OnClick="calc.display.value+='/'"></td>
</tr>

</table>
</form>
</body>
</html>

login.html

     <html>
     <head><title>welcome</title></head>
      <form action="/action_page.php">
      <div class="container">
        <label><b>Username</b></label>
        <input type="text" placeholder="Enter Username" name="uname" required>

        <label><b>Password</b></label>
        <input type="password" placeholder="Enter Password" name="psw" required>

        <button type="submit">Login</button>
        <link rel="next" href="function.html">
      </div>
      </form>
     </html>

我创建了这个python文件,并创建了两个html文件。我不知道如何从python验证到html文件 使用flask framework

创建以下示例
  1. 在该位置创建一个主页,并添加两个按钮,如计算器和表单
  2. 在点击计算器按钮时,页面必须重定向该页面中的另一页面,所有计算器功能必须呈现为添加,子,乘法和除法
  3. 在点击表单按钮时,页面必须重定向另一个页面,创建两个文本字段,如用户名,密码和按钮,如单击提交按钮时提交,键入的用户名和密码必须显示在网页的底部
  4. 这是我的任务,因为我必须编写上面的代码,但我无法将html文件渲染为python。

1 个答案:

答案 0 :(得分:0)

1)创建另一个html页面(index.html),其中包含两个表单和计算器的超链接。

2)在python文件中将index.html作为根(/)。

3)现在创建另外两条路线,即'forms'和'calculator',它们将分别渲染页面'login.html'和'function.html'。

4)创建另一条路线'submit',它将从你的表格中获取数据到python脚本。

那么你的python路线看起来应该是这样的,

@app.route("/")
def home():
    return render_template('index.html')

@app.route("/calculator")
def calculation():
    return render_template('function.html')

@app.route("/form")
def form():
    return render_template('login.html')

@app.route("/submit", methods = ['POST'])
def submit():
    return 'username : '+request.form['uname']+'password : 'request.form['work-flow-id']