如何利用在线答题源码打造自己的互动问答平台？

未希 • 2024-10-06 19:20 • 资源下载 • 阅读 7

在线答题源码通常包含题库、用户界面、答题逻辑和成绩统计等功能模块。

在线答题系统通常包括前端和后端两部分，前端负责展示题目、收集用户答案并提交，后端负责处理用户的请求、验证答案并返回结果，以下是一个简单的在线答题系统的源码示例：

前端（HTML + JavaScript）：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF8">
    <meta name="viewport" content="width=devicewidth, initialscale=1.0">
    <title>在线答题系统</title>
</head>
<body>
    <h1>在线答题系统</h1>
    <form id="quizform">
        <div class="question">
            <p>问题1：计算机科学中，哪个排序算法的平均时间复杂度为O(nlogn)？</p>
            <input type="radio" name="q1" value="a">快速排序<br>
            <input type="radio" name="q1" value="b">冒泡排序<br>
            <input type="radio" name="q1" value="c">插入排序<br>
            <input type="radio" name="q1" value="d">选择排序<br>
        </div>
        <! 更多问题... >
        <button type="submit">提交答案</button>
    </form>
    <script>
        document.getElementById('quizform').addEventListener('submit', function(event) {
            event.preventDefault();
            // 收集用户答案
            var answers = {};
            var formData = new FormData(event.target);
            for (var pair of formData.entries()) {
                answers[pair[0]] = pair[1];
            }
            // 发送答案到后端
            fetch('/submit_answers', {
                method: 'POST',
                headers: {
                    'ContentType': 'application/json'
                },
                body: JSON.stringify(answers)
            })
            .then(response => response.json())
            .then(data => {
                alert('得分：' + data.score);
            });
        });
    </script>
</body>
</html>

后端（Python + Flask）：

from flask import Flask, request, jsonify
app = Flask(__name__)
模拟正确答案
correct_answers = {
    'q1': 'a'
    # 更多问题...
}
@app.route('/submit_answers', methods=['POST'])
def submit_answers():
    user_answers = request.get_json()
    score = 0
    for question, answer in user_answers.items():
        if correct_answers.get(question) == answer:
            score += 1
    return jsonify({'score': score})
if __name__ == '__main__':
    app.run(debug=True)

这个示例中，前端使用HTML和JavaScript构建了一个简单的答题表单，用户可以在其中选择答案并提交，后端使用Python和Flask框架接收用户提交的答案，并与预先设定的正确答案进行比较，计算得分后返回给前端。

小伙伴们，上文介绍了“在线答题源码”的内容，你了解清楚吗？希望对你有所帮助，任何问题可以给我留言，让我们下期再见吧。

原创文章，作者：未希，如若转载，请注明出处：https://www.kdun.com/ask/1170038.html