现有一个ssm项目，包含一个表"test"，其元素t有属性id,timu,answer,mark。该项目实现一个功能是：在前端随机抽取来自数据库tm中的t.timu，给出一个文本框用于用户输入answer，下面有一个按钮"提交"，用户输入完answer，点击"提交"，前端将用户的answer传给后台，后台收到answer并将其与test中t.answer进行对比，若用户的answer=t.answer,则t.mark=0并在前端页面显示“正确”，否则t.mark=1且在前端显示“错误”。下面有一个按钮为"我的错题集"，点击"我的错题集"，可以看到所有t.mark=1的t和t.answer。如果在之后用户的answer=t.answer，后台会修改表中的数据，在前端页面中"我的错题集"也会发生即时改变，前端按钮是与后端和数据库即时响应的，后端与数据库实时连接响应的，那么这个ssm项目前端页面和后端的代码是什么

前端页面代码示例（使用jQuery实现）：

HTML部分：

<!-- 题目显示区域 -->
<div id="question">
    <p id="timu"></p>
    <input type="text" id="answer" placeholder="请输入答案" />
    <button id="submit">提交</button>
</div>

<!-- 正确/错误提示区域 -->
<div id="result"></div>

<!-- 我的错题集区域 -->
<div id="error-questions">
    <h3>我的错题集</h3>
    <ul id="error-list"></ul>
</div>

JavaScript部分：

$(function() {
    // 随机获取一道题目
    $.ajax({
        url: "/getQuestion",
        type: "get",
        dataType: "json",
        success: function(data) {
            $("#timu").text(data.timu);
        }
    });

    // 提交答案
    $("#submit").click(function() {
        var answer = $("#answer").val();
        $.ajax({
            url: "/checkAnswer",
            type: "post",
            dataType: "json",
            data: {answer: answer},
            success: function(data) {
                if (data.result == "correct") {
                    $("#result").text("正确");
                } else {
                    $("#result").text("错误");
                }
                // 更新我的错题集
                updateErrorQuestions();
            }
        });
    });

    // 更新我的错题集
    function updateErrorQuestions() {
        $.ajax({
            url: "/getErrorQuestions",
            type: "get",
            dataType: "json",
            success: function(data) {
                var errorList = $("#error-list");
                errorList.empty();
                for (var i = 0; i < data.length; i++) {
                    errorList.append("<li>" + data[i].timu + "，答案：" + data[i].answer + "</li>");
                }
            }
        });
    }
});

后端代码示例（使用Spring+MyBatis实现）：

Controller部分：

@Controller
public class QuestionController {
    @Autowired
    private QuestionService questionService;

    // 获取一道随机题目
    @RequestMapping("/getQuestion")
    @ResponseBody
    public Question getQuestion() {
        return questionService.getRandomQuestion();
    }

    // 检查答案是否正确
    @RequestMapping(value = "/checkAnswer", method = RequestMethod.POST)
    @ResponseBody
    public Map<String, String> checkAnswer(@RequestParam("answer") String answer) {
        Map<String, String> result = new HashMap<String, String>();
        if (questionService.checkAnswer(answer)) {
            result.put("result", "correct");
        } else {
            result.put("result", "wrong");
        }
        return result;
    }

    // 获取错题集
    @RequestMapping("/getErrorQuestions")
    @ResponseBody
    public List<Question> getErrorQuestions() {
        return questionService.getErrorQuestions();
    }
}

Service部分：

@Service
public class QuestionService {
    @Autowired
    private QuestionMapper questionMapper;

    // 获取一道随机题目
    public Question getRandomQuestion() {
        int total = questionMapper.getTotalQuestions();
        int randomIndex = (int) (Math.random() * total);
        return questionMapper.getQuestionByIndex(randomIndex);
    }

    // 检查答案是否正确
    public boolean checkAnswer(String answer) {
        Question question = getRandomQuestion();
        boolean result = question.getAnswer().equals(answer);
        if (result) {
            question.setMark(0);
            questionMapper.updateQuestionMark(question);
        } else {
            question.setMark(1);
            questionMapper.updateQuestionMark(question);
        }
        return result;
    }

    // 获取错题集
    public List<Question> getErrorQuestions() {
        return questionMapper.getErrorQuestions();
    }
}

Mapper部分：

public interface QuestionMapper {
    int getTotalQuestions();
    Question getQuestionByIndex(int index);
    void updateQuestionMark(Question question);
    List<Question> getErrorQuestions();
}

以上代码仅为示例，实际实现中需要根据具体需求进行修改和完善。