此次四则运算生成器使用python语言来实现,同时我使用了flask框架来构建一个简易版,创建文件如图所示
generate.html的代码如下所示:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Arithmetic Operation Generator</title>
</head>
<body>
<h1>四则运算生成器</h1>
<form id="operationForm">
<label for="num1">Number 1:</label>
<input type="text" id="num1" name="num1"><br><br>
<label for="operation">加,减,乘,除 (+, -, *, /):</label>
<input type="text" id="operation" name="operation"><br><br>
<label for="num2">Number 2:</label>
<input type="text" id="num2" name="num2"><br><br>
<button type="button" οnclick="submitOperation()">Submit</button>
</form>
<div id="result"></div>
<script>
function submitOperation() {
var num1 = document.getElementById("num1").value;
var operation = document.getElementById("operation").value;
var num2 = document.getElementById("num2").value;
var data = { "num1": num1, "operation": operation, "num2": num2 };
fetch('/generate', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(data)
})
.then(response => response.text())
.then(result => {
document.getElementById("result").innerText = result;
});
}
</script>
</body>
</html>
app.py的代码:
from flask import Flask, request, render_template
app = Flask(__name__)
@app.route('/')
def index():
return render_template('index.html')
@app.route('/generate')
def generate():
return render_template('generate.html')
@app.route('/generate', methods=['POST'])
def generate_operation():
data = request.json
if 'num1' not in data or 'num2' not in data or 'operation' not in data:
return 'Missing parameters', 400
num1 = data['num1']
num2 = data['num2']
operation = data['operation']
try:
num1 = float(num1)
num2 = float(num2)
except ValueError:
return 'Invalid number format', 400
if operation == '+':
result = num1 + num2
elif operation == '-':
result = num1 - num2
elif operation == '*':
result = num1 * num2
elif operation == '/':
if num2 == 0:
return 'Division by zero error', 400
result = num1 / num2
else:
return 'Invalid operation', 400
return f'这个结果是 {num1} {operation} {num2} = {result}'
if __name__ == '__main__':
app.run(debug=True)
index.html的文件里相对于就简单点,就只有一个超链接,其他内容可自行填充
欢迎使用四则运算生成器
<p><a href="/generate">Go to Arithmetic Operation Generator</a></p>
这就是我所构建的一个简易版的四则运算生成器