软件工程结对作业01

  1 /*******运算数类*******/
  2 
  3 package model;
  4 public class RationalNumber {
  5     private int denominator;    //分母
  6     private int numerator;        //分子
  7     
  8     /***构造函数，整数看做分母为1的分数***/
  9     public RationalNumber(int numerator) {
 10         this.numerator = numerator;
 11         denominator = 1;
 12     }
 13     /****构造函数，第一个参数为分子，第二个为分母****/
 14     public RationalNumber(int numerator,int denominator) {
 15         this.denominator = denominator;
 16         this.numerator = numerator;
 17     }
 18     public int getDenominator() {
 19         return denominator;
 20     }
 21     public void setDenominator(int denominator) {
 22         this.denominator = denominator;
 23     }
 24     public int getNumerator() {
 25         return numerator;
 26     }
 27     public void setNumerator(int numerator) {
 28         this.numerator = numerator;
 29     }
 30     
 31     /***判断两个分数是否相等***/
 32     @Override
 33     public boolean equals(Object obj) {
 34         // TODO Auto-generated method stub
 35         RationalNumber rn = (RationalNumber)obj;
 36         if(this.denominator == rn.denominator && this.numerator == rn.numerator) {
 37             return true;
 38         }else return false;
 39     }
 40     
 41     /*****分数相加*****/
 42     public RationalNumber plus(RationalNumber rb) {
 43         int addNum1 = this.numerator * rb.denominator;
 44         int addNum2 = rb.numerator * this.denominator;
 45         int demo = this.denominator * rb.denominator;
 46         RationalNumber value = new RationalNumber(addNum1 + addNum2,demo);
 47         value.simply();
 48         return value;
 49     }
 50     
 51     /*****分数相减*****/
 52     public RationalNumber minus(RationalNumber rb) {
 53         int addNum1 = this.numerator * rb.denominator;
 54         int addNum2 = rb.numerator * this.denominator;
 55         int demo = this.denominator * rb.denominator;
 56         RationalNumber value = new RationalNumber(addNum1 - addNum2,demo);
 57         value.simply();
 58         return value;
 59     }
 60     
 61     /*****分数相乘*****/
 62     public RationalNumber multiply(RationalNumber rb) {
 63         RationalNumber value = new RationalNumber(this.numerator * rb.numerator,this.denominator * rb.denominator);
 64         value.simply();
 65         return value;
 66     }
 67     
 68     /*****分数相除*****/
 69     public RationalNumber divide(RationalNumber rb) {
 70         RationalNumber value = new RationalNumber(this.numerator * rb.denominator,this.denominator * rb.numerator);
 71         value.simply();
 72         return value;
 73     }
 74     
 75     /*****分数化简*****/
 76     public void simply() {
 77         if(numerator == 0) {
 78             denominator = 1;
 79             return ;
 80         }
 81         
 82         int small,big,temp;
 83         if(numerator > denominator) {
 84             small = denominator;
 85             big = numerator;
 86         }else {
 87             big = denominator;
 88             small = numerator;
 89         }
 90         while(small != 0) {
 91             temp = big % small;
 92             big = small;
 93             small = temp;
 94         }
 95         numerator /= big;
 96         denominator /= big;
 97     }
 98     
 99     /****取得字符串****/
100     @Override
101     public String toString() {
102         if(denominator == 1)
103             return String.valueOf(numerator);
104         else return String.valueOf(numerator + "/" + denominator);
105     }
106     
107     /****取得Html格式字符串****/
108     public String toHtmlDiv() {
109         String str = null;
110         if(denominator == 1)
111             str = "<div class=‘nomal‘>" + this.numerator + "</div>";
112         else
113             str = "<div class=‘fraction‘><div>" + this.numerator + "</div><div style=‘border-top:2px solid black;‘>" + this.denominator + "</div></div>";
114         return str;
115     }
116 }

 1 /**每个Element由一个运算数(RationalNumber) + 一个运算符(String)构成：
 2  * 具体代码如下：
 3  */
 4 
 5 package model;
 6 
 7 public class Element{
 8     
 9     RationalNumber fraction;            //运算数
10     String operator;                    //运算符
11     //构造方法
12     public Element(RationalNumber fraction, String operator) {
13         this.fraction = fraction;
14         this.operator = operator;
15     }
16     //运算数的get/set方法
17     public RationalNumber getFraction() {
18         return fraction;
19     }
20     public void setFraction(RationalNumber fraction) {
21         this.fraction = fraction;
22     }
23     //运算符的get/set方法
24     public String getOperator() {
25         return operator;
26     }
27     public void setOperator(String operator) {
28         this.operator = operator;
29     }
30     //重载equals方法，判读两个元素是否相同
31     @Override
32     public boolean equals(Object obj) {
33         Element element = (Element)obj;
34         if(this.fraction.equals(element.fraction) && this.operator.equals(element.operator))
35             return true;
36         else return false;
37     }
38     
39     
40 }

  1 /**对每一个表达式，按照以下规则将其拆分：
  2  * 如表达式“2+3-4/7”
  3  * 一个运算数+一个运算符作为一个元素(Element，详见Element.java)，如即2+、3-
  4  * 每个表达式为2个或三个Element构成的列表(List)，
  5  * 最后一个元素(Element)没有跟着的运算符，补充"#"
  6  * 
  7  * 即表达式“2+3-4/7”由一个列表{2+、3-、4/7#}表示。
  8  */
  9 
 10 package model;
 11 
 12 import java.util.List;
 13 
 14 public class Expression {
 15     private List<Element> expr;                    //Element构成的列表，表示一个表达式
 16     
 17     public Expression()
 18     {
 19         
 20     }
 21     public Expression(List<Element> expr) {        //构造方法，参数为List<Element>类型
 22         this.expr = expr;
 23     }
 24 
 25     //表达式列表的get/set方法
 26     public List<Element> getExpr() {
 27         return expr;
 28     }
 29 
 30     public void setExpr(List<Element> expr) {
 31         this.expr = expr;
 32     }
 33 
 34     //得到表达式字符串,如"1+2/4/7"
 35     @Override
 36     public String toString() {
 37         String exprStr = new String();
 38         for(Element e:expr) {
 39             exprStr += e.getFraction().toString();
 40             if(!e.getOperator().equals("#"))
 41                 exprStr += e.getOperator();
 42         }
 43         return exprStr;
 44     }
 45 
 46     /****取得Html格式字符串
 47      * 如"<div class=‘nomal‘>7</div><div class=‘nomal‘>×</div><div class=‘nomal‘>1</div><div class=‘nomal‘>+</div><div class=‘nomal‘>86</div><div class="nomal">=</div>"
 48      * 在html中直接加入toHtmlDiv()生成的字符串，可规范显示该表达式
 49      */
 50     public String toHtmlDiv() {
 51         String exprStr = new String();
 52         for(Element e:expr) {            //将每个元素转为html格式div，详见Element.java
 53             exprStr += e.getFraction().toHtmlDiv();
 54             if(!e.getOperator().equals("#"))
 55             {
 56                 //存运算符时以"*、/"表示乘除运算符，此处转换为"×、÷"
 57                 if(e.getOperator().equals("*"))
 58                     exprStr += "<div class=‘nomal‘>×</div>";
 59                 else if(e.getOperator().equals("/"))
 60                     exprStr += "<div class=‘nomal‘>÷</div>";
 61                 else
 62                     exprStr += "<div class=‘nomal‘>"+ e.getOperator() + "</div>";
 63             }
 64         }
 65         exprStr += "<div class=\"nomal\">=</div>";
 66         System.out.println(exprStr);
 67         return exprStr;
 68     }
 69     
 70     /****两个算数表达式是否相同****/
 71     @Override
 72     public boolean equals(Object obj) {
 73         Expression expr = (Expression)obj;
 74         if(this.expr.size() != expr.expr.size())
 75             return false;
 76         for(int i = 0;i < this.expr.size();i++)
 77         {
 78             if(!this.expr.get(i).equals(expr.expr.get(i)))
 79                 return false;
 80         }
 81         return true;
 82     }
 83     
 84     /****计算结果，表达式不合法时，返回null****/
 85     public RationalNumber getResult() {
 86         RationalNumber rn = null;                //结果
 87         int length = this.getExpr().size();        //运算数个数
 88         String op1 = this.getExpr().get(0).operator,op2;
 89         if(length == 2)                            //二元运算
 90             rn = calc(this.getExpr().get(0).fraction,op1,this.getExpr().get(1).fraction);
 91         else {
 92             op2 = this.getExpr().get(1).operator;
 93             RationalNumber rn_temp;                //中间数
 94             //运算符优先级判断
 95             if((op1.equals("+") || op1.equals("-"))&&(op2.equals("*")||op2.equals("/"))){
 96                 rn_temp = calc(this.getExpr().get(1).fraction,op2,this.getExpr().get(2).fraction);
 97                 if(rn_temp == null)return null;
 98                 //if(rn_temp == null || rn_temp.getDenominator() > 100 || rn_temp.getNumerator() > 100 || rn_temp.getDenominator() < 0 || rn_temp.getNumerator() < 0 || rn_temp.getDenominator() == 0|| (rn_temp.getDenominator() != 1 && rn_temp.getNumerator() >= rn_temp.getDenominator())) return null;
 99                 rn = calc(this.getExpr().get(0).fraction,op1,rn_temp);
100             }else {
101                 rn = calc(this.getExpr().get(0).fraction,op1,this.getExpr().get(1).fraction);
102                 if(rn == null)return null;
103                 rn = calc(rn,op2,this.getExpr().get(2).fraction);
104             }
105         }
106         
107         if(rn == null || rn.getDenominator() > 100 || rn.getNumerator() > 100 || rn.getDenominator() < 0 || rn.getNumerator() < 0 || rn.getDenominator() == 0|| (rn.getDenominator() != 1 && rn.getNumerator() >= rn.getDenominator()))
108             return null;
109         else
110             return rn;
111     }
112     
113     /****根据单个运算符计算单个结果***/
114     private RationalNumber calc(RationalNumber rn1,String o,RationalNumber rn2) {
115         RationalNumber rn = null;
116         if(rn1.getDenominator() > 100 || rn1.getNumerator() > 100 || rn1.getDenominator() < 0 || rn1.getNumerator() < 0 || rn1.getDenominator() == 0|| (rn1.getDenominator() != 1 && rn1.getNumerator() >= rn1.getDenominator()) || rn2.getDenominator() > 100 || rn2.getNumerator() > 100 || rn2.getDenominator() < 0 || rn2.getNumerator() < 0 || rn2.getDenominator() == 0 || (rn2.getDenominator() != 1 && rn2.getNumerator() >= rn2.getDenominator())){
117             rn = null;
118         }else {
119             if(o.equals("+"))
120                 rn = rn1.plus(rn2);
121             else if(o.equals("-"))
122                 rn = rn1.minus(rn2);
123             else if(o.equals("*"))
124             {
125                 if(rn1.getNumerator()<=9&&rn2.getNumerator()<=9)
126                 {
127                     rn = rn1.multiply(rn2);
128                 }
129                 else return null;
130             }
131             else if(o.equals("/"))
132             {
133                 if((rn2.getNumerator() != 0)&&(rn2.getNumerator()<=9)&&(rn1.getNumerator()%rn2.getNumerator() == 0)&&(rn1.getNumerator()/rn2.getNumerator()<=9))
134                     rn = rn1.divide(rn2);
135                 else return null;
136             }
137         }
138         return rn;
139     }
140 }

  1 /******题目（也称为运算表达式）随机生成器*****/
  2 
  3 package model;
  4 
  5 import java.util.ArrayList;
  6 import java.util.List;
  7 
  8 public class ExpressionRandom {
  9     /***定义运算符****/
 10     private static  String[] operator = {"+","-","*","/"};
 11     
 12     /****随机得到一个表达式，elementNum为元素个数，isFraction表示是否支持分数计算*****/
 13     public static Expression getExpression(int elementNum,boolean isFraction) {
 14         /***表达式列表***/
 15         List<Element> expr = new ArrayList<Element>();
 16         int i;     //循环变量，分子，分母
 17         int nume[] = new int[elementNum];
 18         int demo[] = new int[elementNum];
 19         String[] oper = new String[elementNum];
 20         /***随机生成elementNum个Element(随机分数 + 运算符)，并添加到expr***/
 21         if(!isFraction)
 22         {
 23             for(i = 0;i < elementNum ;i ++)
 24             {
 25                 demo[i] = 1;
 26             }
 27         }
 28         else
 29         {
 30             for(i = 0;i < elementNum ;i ++)
 31             {
 32                 demo[i] = (int)(Math.random()*100+1);
 33             }
 34         }
 35         int a = 0,b=0,c=0,d=0;
 36         for(i = 0;i < elementNum; i++)
 37         {
 38             nume[i] = (int)(Math.random()*101);
 39             oper[i] = operator[(int)(Math.random() * 4)];
 40         }
 41         if(elementNum == 2)
 42         {
 43             if(oper[0].equals("*"))
 44             {
 45                 if(nume[0]>9||nume[0]==0)
 46                 {
 47                     nume[0] = (int)(Math.random()*9+1);
 48                 }
 49                 if(nume[1]==0||nume[1]>9)
 50                 {
 51                     nume[1] = (int)(Math.random()*9+1);
 52                 }
 53             }
 54             if(oper[0].equals("/"))
 55             {
 56                 while(true)
 57                 {
 58                     if((nume[1]!=0)&&(nume[0]<=81)&&(nume[1]<=9)&&(nume[0]%nume[1]==0)&&(nume[0]/nume[1]<=9))
 59                     {
 60                         break;
 61                     }
 62                     else
 63                     {
 64                         nume[0] = (int)(Math.random()*81+1);
 65                         nume[1] = (int)(Math.random()*9+1);
 66                     }
 67                 }
 68             }
 69             if(oper[0].equals("-"))
 70             {
 71                 int exchange=0;
 72                 if(nume[0]<nume[1])
 73                 {
 74                     exchange=nume[0];
 75                     nume[0]=nume[1];
 76                     nume[1]=exchange;
 77                 }
 78                 
 79             }
 80             if(oper[0].equals("+"))
 81             {
 82                 while(nume[0]+nume[1]>100)
 83                 {
 84                     for(i = 0;i < elementNum; i++)
 85                     {
 86                         nume[i] = (int)(Math.random()*101);
 87                     }
 88                 }
 89                     
 90             }
 91         }
 92         if(elementNum == 3)
 93         {
 94             
 95             for(i = 0;i<elementNum-1;i++)
 96             {
 97                 if(oper[i].equals("*")||oper[i].equals("/"))
 98                 {
 99                     oper[i] = operator[(int)(Math.random()*2)];
100                 }
101             }
102             //判断三个数运算不能为负数，前两个相减不能为负数
103             if(oper[0].equals("+")&&oper[1].equals("-"))
104             {
105                 while(true)
106                 {            
107                         if((nume[0]+nume[1]-nume[2]<0)||(nume[0]+nume[1]-nume[2]>100)||(nume[0]+nume[1]>100))
108                         {
109                             for(i = 0;i < elementNum; i++)
110                             {
111                                 nume[i] = (int)(Math.random()*101);
112                             }
113                             
114                         }
115                         else
116                         {
117                             break;
118                         }                
119                 }
120                     
121                 
122             }
123             
124             
125             else if(oper[0].equals("-")&&oper[1].equals("-"))
126             {
127                 
128                 while(true)
129                 {            
130                         if((nume[0]-nume[1]-nume[2]<0)||(nume[0]<nume[1]))
131                         {
132                             for(i = 0;i < elementNum; i++)
133                             {
134                                 nume[i] = (int)(Math.random()*101);
135                             }
136                             
137                         }
138                         else
139                         {
140                             break;
141                         }                
142                 }
143                     
144                 
145             }
146             else if(oper[0].equals("-")&&oper[1].equals("+"))
147             {
148                 while(true)
149                 {            
150                         if((nume[0]-nume[1]+nume[2]<0)||(nume[0]<nume[1])||(nume[0]-nume[1]+nume[2]>100))
151                         {
152                             for(i = 0;i < elementNum; i++)
153                             {
154                                 nume[i] = (int)(Math.random()*101);
155                             }
156                             
157                         }
158                         else
159                         {
160                             break;
161                         }                
162                 }
163                     
164                 
165             }
166             else if(oper[0].equals("+")&&oper[1].equals("+"))
167             {
168                 while(true)
169                 {            
170                         if(nume[0]+nume[1]+nume[2]>100)
171                         {
172                             for(i = 0;i < elementNum; i++)
173                             {
174                                 nume[i] = (int)(Math.random()*101);
175                             }
176                             
177                         }
178                         else
179                         {
180                             break;
181                         }                
182                 }
183                 
184             }
185             
186         }
187         for(i = 0;i<elementNum;i++)
188         {
189             RationalNumber rb = new RationalNumber(nume[i],demo[i]);
190             rb.simply();
191             expr.add(new Element(rb, oper[i]));
192         }
193         expr.get(i-1).setOperator("#");
194         /****通过expr构造运算表达式，并返回****/
195         return  new Expression(expr);
196     }
197 
198 
199     /****得到经过过滤的表达式*****/
200     public static Expression getValidExpression(int elementNum,boolean isFraction) {
201         Expression expr = null;
202         do {
203             expr = getExpression(elementNum,isFraction);
204         }while(expr.getResult()== null);                //（当表达式不合法时，返回计算结果为null）
205         return expr;
206     }
207     
208     /******测试主函数，暂时没用********/
209     public static void main(String[] args) {
210         /*for(int i = 0;i < 100;) {
211             Expression expr = ExpressionRandom.getExpression(2, true);
212             if(expr.getResult() != null) {
213                 System.out.println(expr.toString() + "=" + expr.getResult() + "\n");
214                 i++;
215             }
216         }*/
217     }
218 }

  1 @charset "UTF-8";
  2  
  3 /****四则运算题目表格(<table>)****/
  4 .box{
  5     margin-top: 50px;
  6 }
  7 /****结果输入框(<input>)****/
  8 .result{
  9     width: 60px;
 10     padding: 5px;
 11     border:none;
 12     font-size:20px;
 13     border-bottom: solid #d8d8d8 4px;
 14     text-align:center;
 15     background: none;
 16 }
 17 .result:focus{
 18     position: relative;
 19     border: dashed #d44949;
 20 }
 21 /****题目(<td>)****/
 22 .expr{
 23     font-size: x-large;
 24     position: relative;
 25 }
 26 
 27 
 28 /****非分数/运算符(<div>)*****/
 29 .nomal{
 30     text-align:center;
 31     float:left;
 32     position: relative;
 33     top: 16px;
 34     margin-left: 3px;
 35     margin-right: 3px;
 36     /*width:20px;*/
 37 }
 38 
 39 /****分数(<div>)****/
 40 .fraction{
 41     text-align:center;
 42     float: left;
 43     margin-left:3px;
 44     margin-right: 3px;
 45     /*width="20px";*/
 46 }
 47 
 48 
 49 /*****提交、答题按钮*****/
 50 .submit{
 51     padding-top: 10px;
 52     padding-bottom: 10px;
 53     padding-left: 20px;
 54     padding-right: 20px;
 55     border-radius: 5px;
 56     background: cornflowerblue;
 57     border: none;
 58     cursor: pointer;
 59     color:lightyellow;
 60     font-family: "微软雅黑";
 61     font-weight: bold;
 62     font-size: 20px;
 63     position: relative;
 64 }
 65 .submit:hover{
 66     padding-top: 12px;
 67     padding-bottom: 12px;
 68     padding-left: 22px;
 69     padding-right: 22px;
 70 }
 71 .submit:active{
 72     padding-top: 10px;
 73     padding-bottom: 10px;
 74     padding-left: 20px;
 75     padding-right: 20px;
 76 }
 77 /******计时器*******/
 78 .timer{
 79     position:fixed;
 80     top: 10px;
 81     right: 100px;
 82     border: none;
 83     width:100px;
 84     text-align: right;
 85     background: none;
 86     font-size:30px;
 87     color:#ddd999;
 88 }
 89 .pause{
 90     position:fixed;
 91     top: 30px;
 92     right: 10px;
 93 }
 94 /****题目选项****/
 95 .option{
 96     text-align: center;
 97     margin-left:auto;
 98     margin-right:auto;
 99     width:600px;
100     margin-top: 130px;
101     border:dashed #9ACD32 2px;
102     padding-top: 100px;
103     padding-bottom: 70px;
104 }
105 
106 /*****题目背景******/
107 .background{
108     position: fixed;
109     top: 0;
110     left: 0;
111     width: 100%;
112     height: 100%;
113 }
114 
115 /****2/3元运算单选钮***/
116 .elementNumChecked{
117     background-color: #6495ED;
118     cursor: pointer;
119     padding: 5px;
120     border: solid black 2px;
121     margin-left: -6px;
122 }
123 .elementNumUnChecked{
124     background:none;
125     cursor: pointer;
126     padding: 5px;
127     border: solid black 2px;
128     margin-left: -6px;
129 }
130 .elementNumUnChecked:hover{
131     background-color:rgba(100,149,237,0.3);
132 }
133 #elementNum input{
134     display: none;
135 }
136 /*****准备提示框*****/
137 #ready{
138     width: 46%;
139     height: 395px;
140     position: fixed;
141     left: 27%;
142     background-color: #ffffff;
143     top: 125px;
144     font-family: 方正卡通简体;
145     text-align: center;
146 }
147 /*****遮盖层*****/
148 #cover{
149     position: fixed;
150     width: 100%;
151     height: 100%;
152     background-color: black;
153     top: 0px;
154 }
155 /*****暂停按钮****/
156 #pause{
157     position: fixed;
158     right: 10px;
159     top:10px;
160     color:white;
161     cursor:pointer;
162 }

  1 $(function(){
  2     /******二元运算/三元运算切换效果*****/
  3     var twoElement_rd = $(".elementNumChecked");
  4     var threeElement_rd = $(".elementNumUnChecked");
  5     var sample = $("#sample");
  6     twoElement_rd.click(function(){
  7         twoElement_rd.removeClass("elementNumUnChecked");
  8         twoElement_rd.addClass("elementNumChecked");
  9         threeElement_rd.removeClass("elementNumChecked");
 10         threeElement_rd.addClass("elementNumUnChecked");
 11         sample.html("例如：12+32=?");
 12     });
 13     threeElement_rd.click(function(){
 14         threeElement_rd.removeClass("elementNumUnChecked");
 15         threeElement_rd.addClass("elementNumChecked");
 16         twoElement_rd.removeClass("elementNumChecked");
 17         twoElement_rd.addClass("elementNumUnChecked");
 18         sample.html("例如：12+32-18=?");
 19     });
 20 })
 21 
 22 /******倒计时*****/
 23 function timing(timelimit){
 24     var time = $(".timer").eq(0);
 25     var pause = $("#pause");
 26     var date = new Date();
 27     date.setHours(0);
 28     date.setMinutes(timelimit / 60);
 29     date.setSeconds(timelimit % 60);
 30     var t = window.setInterval(function(){
 31         time.html(date.getMinutes().toString() + ":" + date.getSeconds().toString());
 32         time.attr("value",com(date.getMinutes().toString()) + ":" + com(date.getSeconds().toString()));
 33         date.setTime(date.getTime() - 1000);
 34         var r;
 35         if(time.val() == "00:00")
 36         {
 37             alert("时间到！请提交答案。");
 38             $("form").submit();
 39         }
 40     },1000);
 41     
 42     /*****暂停按钮******/
 43     pause.click(function(){
 44         if(pause.html() == "暂停"){
 45             window.clearInterval(t);
 46             pause.html("继续");
 47             $("#cover").css("display","block");
 48         }else if(pause.html() == "继续"){
 49             pause.html("暂停");
 50             $("#cover").css("display","none");
 51             window.setInterval(function(){
 52             time.html(date.getMinutes().toString() + ":" + date.getSeconds().toString());
 53             time.attr("value",com(date.getMinutes().toString()) + ":" + com(date.getSeconds().toString()));
 54             date.setTime(date.getTime() - 1000);
 55             var r;
 56             if(time.val() == "00:00")
 57             {
 58                 alert("时间到！请提交答案。");
 59                 $(".submit").click();
 60             }
 61     },1000);
 62         }
 63     });
 64 }
 65 
 66 /*****累计用时*****/
 67 function timing2(){
 68     var time = $(".timer").eq(1);
 69     var pause = $(".pause");
 70     var date = new Date();
 71     date.setHours(0);
 72     date.setMinutes(0);
 73     date.setSeconds(0);
 74     window.setInterval(function(){
 75         time.html(date.getMinutes().toString() + ":" + date.getSeconds().toString());
 76         time.attr("value",com(date.getMinutes().toString()) + ":" + com(date.getSeconds().toString()));
 77         date.setTime(date.getTime() + 1000);
 78     },1000);
 79 }
 80 
 81 /******对个位数，不足位补零，补齐2位数****/
 82 function com(s){
 83     if(s < 10)
 84         s = "0" + s;
 85     return s;
 86 }
 87 
 88 /******开始答题，隐藏遮盖层*****/
 89 function start() {
 90     $("#ready").css("display","none");
 91     $("#cover").css("display","none");
 92 }
 93 
 94 /*****题目限时+题目数量二级联动****/
 95 function setCount(time){
 96     $("#count").val(time * 10);
 97 }
 98 
 99 /******图图台词*******/
100 function setWords(){
101     var words = new Array("我爱你，从这里到月亮，再绕回来。","友谊真是个奇怪的东西，比不吃番茄的还要奇怪","假如不见了 会不会在梦里念叨他的名字","友谊是个很美好的东西 比老鼠还美好的东西");
102     var i = Math.floor(Math.random() * 4);
103     $("#words").html(‘<img alt="图图在此" src="img/tutu.png" style="width: 47px;position: relative;top: 10px;">‘ + words[i]);
104 }
105 /****方向键更改焦点****/
106 function focusNext(i,keyCode){
107     //alert(i);
108     //alert(keyCode);
109     var results = $(".result");
110     
111     if(keyCode == 37){
112         if(i > 0)
113             results[i - 1].focus();
114         else 
115             results[results.length - 1].focus();
116     }else if(keyCode == 39){
117         if(i < results.length - 1)
118             results[i + 1].focus();
119         else
120             results[0].focus();
121     }else if(keyCode == 38){
122         if(i > 1)
123             results[i-2].focus();
124         else
125             results[results.length - 2  + i].focus();
126     }else if(keyCode == 40){
127         if(i >= results.length - 2)
128             results[0].focus();
129         else 
130             results[i + 2].focus();
131     }
132 }
133 
134 function cusSubmit(){
135     
136     var results = $(".result");
137     var empty = 0;
138     
139     for(var i = 0;i < results.length;i++){
140         if(results[i].value == "")
141             empty++;
142     }
143     if(empty > 0){
144         var t = confirm("你还有" + empty + "道题没有输入答案，确定交卷吗？");
145         if(t)
146             return true;
147         else return false;
148     }
149     return true;
150 }

 1 <%@ page language="java" contentType="text/html; charset=UTF-8"
 2     pageEncoding="UTF-8"%>
 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 4 <html><head>
 5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 6 <link rel="stylesheet" href="css/style.css">
 7 <title>小学生四则运算</title>
 8 <style type="text/css">
 9 body{
10   background:url("./img/start.jpg");
11   background-size:cover;
12   text-align:center;
13   font-family: 方正卡通简体;
14 }
15 </style>
16 <script type="text/javascript" src="js/jquery-2.1.0.js" ></script>
17 <script type="text/javascript" src="js/demo.js" ></script>
18 </head>
19 <body>
20     <form action="arithmetic.jsp" class="option">
21         <center><h2>欢迎使用在线答题系统</h2></center>
22         <br /><br />
23         <p>选择题目类型：
24             <label id="elementNum" class="elementNumChecked" style="border-bottom-left-radius: 8px;border-top-left-radius: 8px;"><input name="elementNum" value="2" checked="checked" type="radio">2元运算</label>
25             <label id="elementNum" class="elementNumUnChecked" style="border-bottom-right-radius: 8px;border-top-right-radius: 8px;"><input name="elementNum" value="3" type="radio">3元运算</label><br></p>
26         <label id="sample" style="color:red"></label><br><br>
27         <p>我要在
28                 <select name="timelimit" onChange="setCount(this.options[this.selectedIndex].value)">
29                     <option>1</option>
30                     <option>2</option>
31                     <option>3</option>
32                     <option>4</option>
33                     <option>5</option>
34                     <option>6</option>
35                 </select>
36                 分钟内做完
37                 <select name="count" id="count">
38                     <option>10</option>
39                     <option>20</option>
40                     <option>30</option>
41                     <option>40</option>
42                     <option>50</option>
43                     <option>60</option>
44                 </select>道题！</p>
45                 <!-- <input name="count" value="5000" type="radio" />5000<br/>
46                 <input name="count" value="1000000" type="radio" />10000000(极限测试，慎选！！) -->
47             <!--<input name="fraction" type="checkbox"><label>分数计算</label>-->
48         <br><br />
49         <p><button class="submit">开始答题喽！</button>
50     </p></form>
51 </body></html>

 1 <%@ page language="java" contentType="text/html; charset=UTF-8"
 2     pageEncoding="UTF-8"%>
 3 <%@page import="model.*" 
 4     import="java.util.List"
 5     import="java.util.ArrayList"%>
 6 <%ExpressionRandom exprRand = new ExpressionRandom(); %>
 7 <%
 8         //题目数量
 9         String str = request.getParameter("count");
10     
11         int count = 0;                        //题目数量
12         int elementNum = 0;                    //运算数个数
13         boolean isFraction = false;            //分数计算
14         List<Expression> exprs = new ArrayList<Expression>();    //题目
15         if(str != null){                    //判断是由用户定制题目页面跳转至该页面
16             count = Integer.parseInt(str);
17             elementNum = Integer.parseInt(request.getParameter("elementNum"));
18             isFraction = (request.getParameter("fraction") != null);
19             for(int i = 0;i < count;i++){
20                 exprs.add(ExpressionRandom.getExpression(elementNum, isFraction));
21                 //out.println(exprs.get(i).toString());
22             }
23             session.setAttribute("exprs", exprs);
24         }else{
25             
26         }
27         //时间限制
28         String timeLimit = request.getParameter("timelimit").trim();
29         int time = Integer.parseInt(timeLimit) * 60;
30     %>
31 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
32 <html>
33 <head>
34         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
35         <title>小学生算数</title>
36         <link rel="stylesheet" type="text/css" href="css/style.css"/>
37         <!-- 调整结果输入框位置 -->
38         <%if(isFraction == false) {%>
39         <style type="text/css">
40             .result{
41                 position: relative;
42                 top: 12px;
43             }
44         </style>
45         <%} %>
46         <!-- 调整结束 -->
47         <script type="text/javascript" src="js/jquery-2.1.0.js" ></script>
48         <script type="text/javascript" src="js/demo.js" ></script>
49     </head>
50     <body style="margin:0px" onload="setWords()">
51     <img class="background" src="img/result.jpg" />
52     <form action="result.jsp">
53         <table class="box" align="center" border="0" cellspacing="10" cellpadding="10">
54     <%for(int i = 0;i < count;i+=2){%>
55             <tr>
56                 <td align="center" class=‘expr‘>
57                     <%=exprs.get(i).toHtmlDiv()%>
58                 </td>
59                 <td><input oninput="value=value.replace(/\D/g,‘‘)" onkeydown="focusNext(<%=i %>,event.keyCode)" autocomplete="off" value="" class="result" name="result" type="text"/></td>
60                 <td align="center" class=‘expr‘>
61                     <%=exprs.get(i + 1).toHtmlDiv()%>
62                 </td>
63                 <td><input oninput="value=value.replace(/\D/g,‘‘)" onkeydown="focusNext(<%=i+1 %>,event.keyCode)" autocomplete="off" value="" class="result" name="result" type="text"/></td>
64             </tr>
65         <%} %>
66             <tr>
67                 <td colspan="4" align="center"><button class="submit" onclick="return cusSubmit();">提交</button></td>
68             </tr>
69         </table>
70         <input class="timer" type="text" disabled="disable"/>
71         <input name="time" class="timer" style="top:80px" type="hidden" />
72     </form>
73     
74     <div id="cover"></div>
75     <div id="ready">
76         <br>
77         <p style="margin-left: 20px;font-size: xx-large;">准备好了吗？</p>
78         <P style="font-size: x-large;">系统为你准备了<%=count %>道题，点击按钮开始倒计时。</p><br>
79         <p><button onclick="timing(<%=time %>);timing2();start()" class="submit">现在开始！</button></p>
80         <br>
81         <p id="words"><img alt="图图在此" src="img/tutu.png" style="width: 47px;position: relative;top: 10px;">我爱你，从这里到月亮，再绕回来。</p>
82     </div>
83     <label id="pause">暂停</label>
84     </body>
85 </html>

 1 <%@ page language="java" contentType="text/html; charset=UTF-8"
 2     pageEncoding="UTF-8"%>
 3 <%@page import="model.*" %>
 4 <%@page import="java.util.List"%>
 5 <%@page import="java.util.ArrayList"%>
 6 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 7 <html>
 8 <head>
 9 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
10 <title>结果</title>
11 <link rel="stylesheet" type="text/css" href="css/style.css"/>
12 </head>
13 <body style="background-image: url(img/bg.jpg);background-size: cover;background-attachment: fixed;">
14 <% List<Expression> exprs =(List<Expression>) session.getAttribute("exprs");        //题目
15     String[] result = request.getParameterValues("result");    //用户答案
16     int right = 0,i = 0;
17     for(String re:result){
18         re = re.trim();            //去除两端空格
19         if(re.equals(exprs.get(i).getResult().toString()))
20             right++;
21         i++;
22     }
23     /*for(i = 0;i < exprs.size();i++){
24         System.out.println(result[i]+"-------"+exprs.get(i).getResult());
25         if(result[i].equals(exprs.get(i).getResult()))
26             right++;
27         i++;
28     }*/
29     
30     %>
31     <table class="box" align="center" border="0" cellspacing="10" cellpadding="10">
32         <tr>
33             <td></td>
34         </tr>
35         <tr>
36             <td colspan="6">你共答对了<%=right %>道题，答错<%=exprs.size()-right %>道题，用时：<%=request.getParameter("time") %></td>
37             <td align = "right" style = "font-size:20px;color:red">得分:<%=(int)((double)right/exprs.size() * 100) %></td>
38         </tr>
39         <%for(i = 0;i < exprs.size();i+=2){%>
40             <tr>
41                 <td align="center" class=‘expr‘>
42                     <%=exprs.get(i).toHtmlDiv()%>
43                 </td>
44                 <td><br><br><input disabled="disabled" value="<%=result[i] %>" class="result" style="color:white;" name="result" type="text"/></td>
45                 <%
46                 if(exprs.get(i).getResult().toString().equals(result[i])){
47                 %>
48                     <td>
49                         <br><br><img src = "./img/right.PNG" width = "30" height = "30" alt = "" />
50                     </td>
51                 <%
52                 }else{
53                 %>
54                     <td>
55                         <br><br><img src = "./img/error.PNG" width = "30" height = "30" alt = "" />&nbsp;&nbsp;正确答案：<%=exprs.get(i).getResult() %>
56                     </td>
57                 <%    
58                 }
59                 %>
60                 <td align="center" class=‘expr‘>
61                     <%=exprs.get(i + 1).toHtmlDiv()%>
62                 </td>
63                 <td><br><br><input disabled="disabled" value="<%=result[i+1] %>" class="result" style="color:white;" name="result" type="text"/></td>
64                 <%
65                 if(exprs.get(i + 1).getResult().toString().equals(result[i + 1])){
66                 %>
67                     <td>
68                         <br><br><img src = "./img/right.PNG" width = "30" height = "30" alt = "" />
69                     </td>
70                 <%
71                 }else{
72                 %>
73                     <td>
74                         <br><br><img src = "./img/error.PNG" width = "30" height = "30" alt = "" />&nbsp;&nbsp;正确答案：<%=exprs.get(i + 1).getResult() %>
75                     </td>
76                 <%    
77                 }
78                 %>
79             </tr>
80         <%} %>
81             <tr>
82                 <td colspan="6" align="center"><button class="submit" onClick="history.go(-2)">返回首页</button></td>
83             </tr>
84     </table>
85 </body>
86 </html>