用python写一段前后端分离的代码,完成一个简单的问答系统
时间: 2024-03-09 17:45:57 浏览: 84
前后端分离的答题系统,前端对应pc的网页,和对应微信的小程序端,前期主要对微信小程序进行完善
好的,这里我提供一个简单的前后端分离问答系统的代码示例,分别实现了前端页面和后端逻辑的部分:
前端页面部分:
```HTML
<!DOCTYPE html>
<html>
<head>
<title>问答系统</title>
<meta charset="utf-8">
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<style type="text/css">
.container {
margin: 50px auto;
width: 500px;
text-align: center;
}
.question {
margin-bottom: 30px;
}
.answer {
margin-bottom: 50px;
font-weight: bold;
font-size: 18px;
}
#submit {
margin-top: 30px;
padding: 10px;
background-color: #008CBA;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
</style>
</head>
<body>
<div class="container">
<h1>问答系统</h1>
<div class="question">
<label for="input_question">请输入问题:</label>
<input type="text" id="input_question" name="input_question" placeholder="请在此输入问题">
</div>
<div class="answer">
<label for="output_answer">回答:</label>
<p id="output_answer"></p>
</div>
<button id="submit">提交</button>
</div>
<script type="text/javascript">
$(document).ready(function() {
$("#submit").click(function() {
var question = $("#input_question").val();
$.ajax({
url: "/api/answer",
type: "POST",
data: {"question": question},
success: function(data) {
$("#output_answer").text(data.answer);
}
});
});
});
</script>
</body>
</html>
```
后端逻辑部分:
```python
from flask import Flask, request, jsonify
app = Flask(__name__)
@app.route("/api/answer", methods=["POST"])
def answer_question():
question = request.form.get("question")
# 在此处添加问答逻辑
answer = "这是一个示例回答"
return jsonify({"answer": answer})
if __name__ == "__main__":
app.run()
```
在这个示例中,前端页面提供了一个文本框和一个按钮,用户可以在文本框中输入问题,点击按钮提交问题。前端使用 jQuery 发送 POST 请求到后端,请求的数据包含用户输入的问题。后端接收到请求后,解析出用户提交的问题,调用问答逻辑模块进行回答,最后将回答结果封装成 JSON 格式返回给前端。
请注意,在本示例中,问答逻辑部分并没有实现,需要根据实际应用场景编写具体的问答逻辑代码。
阅读全文