用Python写代码,6. 制作“增加数据”的前台功能若用户选择【1】增加数据,则要求用户输入相关信息(除可以程序自动生成的字段外),并调用后台程序中增加数据的函数。 7. 制作“增加数据”的后台程序制作back.py后台程序,开发增加数据的函数,函数名为post。
时间: 2023-04-12 11:00:28 浏览: 88
可以使用 Flask 框架来实现这个功能,前台页面可以使用 HTML 和 JavaScript 来实现。下面是一个简单的示例代码:
前台页面:
```html
<!DOCTYPE html>
<html>
<head>
<title>增加数据</title>
</head>
<body>
<h1>增加数据</h1>
<form>
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br><br>
<label for="age">年龄:</label>
<input type="text" id="age" name="age"><br><br>
<label for="gender">性别:</label>
<input type="radio" id="male" name="gender" value="male">
<label for="male">男</label>
<input type="radio" id="female" name="gender" value="female">
<label for="female">女</label><br><br>
<input type="button" value="提交" onclick="addData()">
</form>
<script>
function addData() {
var name = document.getElementById("name").value;
var age = document.getElementById("age").value;
var gender = document.querySelector('input[name="gender"]:checked').value;
var xhr = new XMLHttpRequest();
xhr.open("POST", "/addData");
xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
xhr.send(JSON.stringify({name: name, age: age, gender: gender}));
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
alert(xhr.responseText);
}
}
}
</script>
</body>
</html>
```
后台程序:
```python
from flask import Flask, request
app = Flask(__name__)
@app.route("/")
def index():
return "Hello, World!"
@app.route("/addData", methods=["POST"])
def addData():
data = request.get_json()
# 在这里调用增加数据的函数,比如:
# db.addData(data["name"], data["age"], data["gender"])
return "数据已添加"
if __name__ == "__main__":
app.run()
```
其中,`addData` 函数可以根据具体需求来实现,比如将数据存储到数据库中。在这个示例中,我们假设有一个名为 `db` 的模块,其中有一个 `addData` 函数用于增加数据。在实际应用中,需要根据具体情况来修改代码。
阅读全文