同一个页面有多个题型是如何实现的呢?首先就单选题来说,我们都知道radio单选框是以name来分组的,一个组里只能有一个radio被选中,所以在设计的时候,为了与后台之间的传值,就要根据一定的命名规则,为每个题附一个不同的name,这样才能保证可以在每道题都可以选择一个答案。而多选的题型就用checkbox来做就好了。
首先,考试、试卷、试卷题目以及题目是四个类,一场考试会有很多不同的试卷,一张试卷会包括很多的试卷题目,试卷题目这个表中会用到题目这个类(试卷题目包含的字段如下,题目就是单纯的问题以及正确答案)数据表之间的设计关系在此不作冗述,贴个完整的数据表格的设计图好了。
试卷题目这个类中应该包含的字段有:
/**
* 试卷表
*/
private TestPaper testPaper;
/**
* 试卷顺序
*/
private Integer questionOrder;
/**
* 试题选项
*/
private String choice;
/**
* 单题目分值
*/
private Integer score;
/**
* 问题表
*/
private Question question;
这里应该根据题目的类型做不同的显示,单选用radio,多选用checkbox(讲真是因为我不会用MarkDown编辑器排版还是没有自动排版这一说?贴代码上来乱七八糟还要手动排,这对我这样一个懒人来说真的是巨大的折磨呐!!!我决定贴个图算啦~~~)
整个的循环是遍历试卷问题的选项的,每一道题自然是有选项的。
name的命名是结合了题号的,onclick中的方法是为了每选择一个选项,就保存在cookie里,防止页面异常关闭,下一篇会专门讲怎么写这个函数。
后台处理这里只展示如何取到用户填写的答案,仅提供思路,不然越扯越多~~~
@RequestMapping(value = "my/test")
public String myTest(String testId, RedirectAttributes redirectAttributes
, HttpServletRequest request) throws ParseException {
int questionNum = Integer.parseInt(request.getParameter("questionSize"));//这个在上面的页面的第二行就有写,专门就是为了在这里用的,页面在表单数据里用EL表达式取长度很方便
for (int i = 1; i <= questionNum; i++) {
/**
* 填充试题表格
*/
TestPaperQuestion testPaperQuestion = answerService.getTestPaperQuestionById(
request.getParameter("tpQuestionId"+i));
// 答题者所选的答案
String selOption = "";
String type = request.getParameter("qtype"+i);
if ("1".equalsIgnoreCase(type)) {
selOption = request.getParameter("qchoice"+i);
}else {
selOption = request.getParameter("q"+i);
}
testPaperQuestion.setChoice(selOption);
testPaperQuestions.add(testPaperQuestion);
}
}