如何把答题记录显示到页面上去

最新推荐文章于 2022-11-28 15:55:44 发布

weixin_30297281

最新推荐文章于 2022-11-28 15:55:44 发布

阅读量223

点赞数

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/tanqianqian/p/5975028.html

版权

今天和娜姐做ITOO过程中做的是关于二次登陆的页面，业务流程大致是这样的：抽题；抽答题记录，然后把答题记录自动填写到页面上去。

问题：

因为ITOO的前台页面是动态加载的，代码如下：

List<duoxuantiRecordViewModel> queryduoxuanti = IQuerySqlServiceBll.QueryDuoxuantiRecord(studentID)<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">      </span>

  //遍历多选题，把多选题显示到界面上去

for (int i = 0; i < queryduoxuanti.Count; i++)
            {
                int j = i + 1;          
                
                string questioncontent = queryduoxuanti[i].QuestionContent;
                string answer1 = queryduoxuanti[i].Answer1;
                string answer2 = queryduoxuanti[i].Answer2;
                string answer3 = queryduoxuanti[i].Answer3;
                string answer4 = queryduoxuanti[i].Answer4;


		//把学生填写的答案放examanwer变量里面
                string examanswer = queryduoxuanti[i].ExamAnswer;
                               
               	//把多选题动态显示到页面上去
                StudentExamQuestion.Append("<h2>" + j + "、" + questioncontent + "</h2>");
                StudentExamQuestion.Append("\r\n");
                StudentExamQuestion.Append("<input  name='sex' style='float:left;'/><h3> A:" + answer1 + "</h3>");
                StudentExamQuestion.Append("<input  name='sex' style='float:left;'/><h3> B:" + answer2 + "</h3>");
                StudentExamQuestion.Append("<input  name='sex' style='float:left;'/><h3> C:" + answer3 + "</h3>");
                StudentExamQuestion.Append("<input  name='sex' style='float:left;'/><h3> D:" + answer4 + "</h3>");


            }

所以我们没办法直接去view页面把自己的答题记录修改在页面上。

解决方案：

所以，我们用了三元表达式。

1. 什么是三元表达式？

采用三元操作符对?:对表达式进行运算，这种操作符比较特别，因为它有三个操作对象，但它确实属于操作符的一种，它最终也会生成一个值。其表达式采取下述形式：

boolean-exp ? value0 : value1

在表达式boolean-exp ? value0 : value1 中，如果“布尔表达式”的结果为true，就计算“value0”，而且这个计算结果也就是操作符最终产生的值。如果“布尔表达式”的结果为false，就计算“value1”，同样，它的结果也就成为了操作符最终产生的值。

当然，也可以换用普通的if-else语句（在后面介绍），但三元操作符更加简洁。尽管引以为傲的就是它是一种简练的语言，而且三元操作符的引入多半就是为了体现这种高效率的编程，但假如你打算频繁使用它，还是要先多作一些思量——因为它很容易就会产生可读性极差的代码。

这种条件操作符的使用目的，有时是为了它的“副作用”，有时是为了它运算生成的值。一般而言，我们需要的是其运算的结果值，这正是这个三元操作符与if-else不同之处。下面便是一个例子：

static int ternary(int i) {
	return i < 10 ? i * 100 : i * 10;
	}

可以看出，上面的代码比起不用三元操作符来说显得非常紧凑

static int alternative(int i) {
	if (i < 10)
	return i * 100;
	else
	return i * 10;
	}

第二种形式更易理解，而且不需要太多的录入。所以在选择使用三元操作符时，请务必仔细考量。

2.使用三元表达式之后的代码

  List<duoxuantiRecordViewModel> queryduoxuanti = IQuerySqlServiceBll.QueryDuoxuantiRecord(studentID);
            for (int i = 0; i < queryduoxuanti.Count; i++)
            {
                int j = i + 1;          
                
                string questioncontent = queryduoxuanti[i].QuestionContent;
                string answer1 = queryduoxuanti[i].Answer1;
                string answer2 = queryduoxuanti[i].Answer2;
                string answer3 = queryduoxuanti[i].Answer3;
                string answer4 = queryduoxuanti[i].Answer4;


                string examanswer = queryduoxuanti[i].ExamAnswer;
                               
               //使用三元表达式：(examanswer.Contains ("A" )? "checked" : " ")
                StudentExamQuestion.Append("<h2>" + j + "、" + questioncontent + "</h2>");
                StudentExamQuestion.Append("\r\n");
                StudentExamQuestion.Append("<input " + (examanswer.Contains ("A" )? "checked" : " ") + " type='checkbox' name='sex' style='float:left;'/><h3> A:" + answer1 + "</h3>");
                StudentExamQuestion.Append("<input " + (examanswer.Contains("B") ? "checked" : " ") + " type='checkbox' name='sex' style='float:left;'/><h3> B:" + answer2 + "</h3>");
                StudentExamQuestion.Append("<input " + (examanswer.Contains("C") ? "checked" : " ") + " type='checkbox' name='sex' style='float:left;'/><h3> C:" + answer3 + "</h3>");
                StudentExamQuestion.Append("<input " + (examanswer.Contains("D") ? "checked" : " ") + " type='checkbox' name='sex' style='float:left;'/><h3> D:" + answer4 + "</h3>");


            }