# ACM learning note
## flask exercise_1
## Route

## Route 參數

## 乘法表

## 資料表單


## 加法器


## Total code
### app.py Code
```
from flask import Flask, request,render_template
app = Flask(__name__)
@app.route("/")
def test():
return "<p>Hello,World!</p>"
@app.route("/<name>")
def test2(name):
return "<p>Hello "+name+"</p>"
@app.route("/nine/<int:num>")
def test3(num):
return render_template("abc.html", num=range(1,num))
@app.route("/form")
def test4():
return render_template("form.html")
@app.route("/recv", methods=["POST"]) # Default is GET
def index():
name = request.form["name"]
id=request.form["id"]
return render_template("index.html",name=name,id=id)
@app.route("/plus")
def test5():
return render_template("plus.html")
@app.route("/recv2", methods=["POST"])
def index2():
first= request.form["first"]
second=request.form["second"]
result=int(first)+int(second)
return render_template("index2.html",result=result)
if __name__ == "__main__":
app.run(host="0.0.0.0", port=10943)
```
### abc.html Code
```
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello Page</title>
</head>
<body>
<table border= 1>
{% for i in num %}
<tr>
{% for a in num %}
<th>{{i * a}}</th>
{% endfor %}
<tr>
{% endfor %}
</table>
</body>
</html>
```
### form.html Code
```
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello Page</title>
</head>
<body>
<form action="recv", method="POST">
<label for="name">name:</label><br>
<input type="text" id="name" name="name"><br>
<label for="id">num:</label><br>
<input type="text" id="id" name="id"><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
```
### index.html Code
```
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello Page</title>
</head>
<body>
<h1>POST:</h1>
<h1>name:{{name}}</h1>
<h1>id:{{id}}</h1>
</body>
</html>
```
### index2.html Code
```
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello Page</title>
</head>
<body>
<h1>POST:ANS={{result}}</h1>
</body>
</html>
```
### plus.html Code
```
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello Page</title>
</head>
<body>
<form action="recv2", method="POST">
<input type="text" name="first" />+<input type="text" name="second" />
<input type="submit" value="Submit">
</form>
</body>
</html>
```
