码迷，mamicode.com
首页 > 其他好文 > 详细

四则运算2

时间：2017-12-06 22:00:43      阅读：181      评论：0      收藏：0      [点我收藏+]

标签：his   child   lan   rac   option   margin   传参   小学   blog   

四则运算2

上次写的只是在java基础的上写的程序，其功能页面的效果都不怎么样。这次和Ms Wang结对对四则运算做了改进，实现了基本的页面美化；

四则运算网页版，而且对三元、二元运算都可以实现，数字的运算都在一百以内的整数。但是对计时什么的还没实现，下次继续改进。

源程序：

src的com.jaovo.msg.model

package com.jaovo.msg.model;

public class DoubleOperation {
    private static int operationNumber;
    private static double[] result;
    private static double[] child_result;
    public static double[] getChild_result() {
        return child_result;
    }
    public static void setChild_result(double[] child_result) {
        DoubleOperation.child_result = child_result;
    }
    public int getOperationNumber() {
        return operationNumber;
    }
    public void setOperationNumber(int operationNumber) {
        this.operationNumber = operationNumber;
    }
    public double[] getResult() {
        return result;
    }
    public void setResult(double[] result) {
        this.result = result;
    }
    

}

jsp文件

为了适应小朋友，我先做了一个欢迎界面

技术分享图片

先选择答题类型：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="css/style.css"/>
<title>小学生四则运算</title>
<style type="text/css">
  body{
      background-image:url(image/4.jpg);
  }
  </style>
</head>
<body>
    <form action="DoubleOperation.jsp" class="option">
        <center><h2>题目定制</h2></center>
        <p>选择题目类型：
            <select name="elementNum">
                <option>2</option>
                <option>3</option>
            </select>元运算<br /></p>
        选择题目数量：
                <input name="count" value="10" type="radio" />10
                <input name="count" value="20" type="radio" />20
                <input name="count" value="30" type="radio" />30
                <input name="count" value="40" type="radio" />40
                <input name="count" value="50" type="radio" />50
                <input name="count" value="5000" type="radio" />5000<br/>
                <input name="count" value="1000000" type="radio" />10000000(极限测试，慎选！！)
            <br /><br />
        <button class="submit" style="margin-top:50px">开始答题！</button>
    </form>
</body>
</html>

技术分享图片

CSS中的代码

@charset "UTF-8";
/****四则运算题目表格(<table>)****/
.box{
    margin-top: 50px;
}
/****结果输入框(<input>)****/
.result{
    width: 60px;
    padding: 5px;
    border:none;
    font-size:20px;
    border-bottom: solid yellowgreen 5px;
    text-align:center;
}
/****题目(<td>)****/
.expr{
    font-size: x-large;
}

/****非分数/运算符(<div>)*****/
.nomal{
    text-align:center;
    float:left;
    position: relative;
    top: 16px;
    margin-left: 3px;
    margin-right: 3px;
    width="20px"
}

/****分数(<div>)****/
.fraction{
    text-align:center;
    float: left;
    margin-left:3px;
    margin-right: 3px;
    width="20px"
}

/****题目选择*****/
.option{
    text-align: center;
}
/******你准备好了吗？按钮******/
.submit1{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    background: #C90;
    font-family: "微软雅黑";
    font-weight: bold;
    font-size: 20px;
}
/*****提交按钮*****/
.submit{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 5px;
    background: cornflowerblue;
    border: none;
    cursor: pointer;
    color:lightyellow;
    font-family: "微软雅黑";
    font-weight: bold;
    font-size: 20px;
}
/******计时器*******/
.timer{
    position:fixed;
    top: 10px;
    right: 10px;
    border: none;
    width:50px;
    text-align: right;
    background: none;
}
.pause{
    position:fixed;
    top: 30px;
    right: 10px;
}
/****题目选项****/
.option{
    margin-left:auto;
    margin-right:auto;
    width:600px;
    margin-top: 130px;
    border:dashed #9ACD32 2px;
    padding-top: 100px;
    padding-bottom: 100px;
}
/****答题按钮*****/

插入的图片在image中

先二元运算

<%@ page import="java.util.Random" %> 
<%@ page import="java.lang.Math" %>
<%@ page import="com.jaovo.msg.model.DoubleOperation" %>
<%@ page import="java.math.BigInteger" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>二元运算</title>

</head>
<body  style="background-image:url(image/5.jpg)"/>
<form action="doDoubleOperation.jsp" method="post">
<%! int operationNumber=30;//打印题目的数量%>
<%! int character=0;//运算符+，-，*，/%>
<%! int num1=0;//运算式中第一个数%>
<%!  int num2=0;//运算式中第二个数%>
<%!  int correct=0;//计算正确的数目%>
<%! int error=0;//计算错误的数目%>
<%! String operat=null;//计算式%>
<%! double result[]=new double[operationNumber];//计算式的结果%>
<%! double child_result[]=new double[operationNumber];//界面获取的结果%>
<%! String[] question=new String[operationNumber]; %>
<%!Random random = new Random(); %>
<%! int Endtime=1; //跳转时间%>
<%
  long  endMili;
  for(int i=0;i<operationNumber;i++)//初始化计算式的结果
  {
      result[i]=0;
      child_result[i]=0;
  }
  for(int i=0;i<operationNumber;i++) 
  { 
     
    character=random.nextInt(4)%4+1; 
    if(character==1)//计算加法
    {
        num1=random.nextInt(100)%100;//随机出一个0~100的数
        num2=random.nextInt(100)%100;
        String number1=String.valueOf(num1);
        String number2=String.valueOf(num2);
        operat="第("+(i+1)+")题"+number1+"+"+number2+"=";
        result[i]=num1+num2;
    }
    else if(character==2)//计算减法
    {
        num1=random.nextInt(100)%100;//随机出一个1~100的数
        if(num1==0)
            num1=num1+2;//若num1=0,则加2
        num2=(int)random.nextInt(num1)%(num1);//随机出一个0~num1的数
        String number1=String.valueOf(num1);
        String number2=String.valueOf(num2);
        operat="第("+(i+1)+")题"+number1+"-"+number2+"=";
        result[i]=num1-num2;
    }
    else if(character==3)//计算乘法
    {
        num1=random.nextInt(9)%9;//随机出一个0~9的数
        num2=random.nextInt(9)%9;
        String number1=String.valueOf(num1);
        String number2=String.valueOf(num2);
        operat="第("+(i+1)+")题"+number1+"*"+number2+"=";
        result[i]=num1*num2;
    }
    else //计算除法
    {
        do{
        num1=random.nextInt(81)%81;//随机出一个0~81的数
        if(num1>9)
            num2=random.nextInt(9)%9;
        else 
        {
            if(num1==0)
                num1++;
            num2=(int)random.nextInt(num1)%(num1);
        }
        if(num2==0)//当num2=0再重新生成num2
        {
            num2=num2+1;
        } 
        String number1=String.valueOf(num1);
        String number2=String.valueOf(num2);
        operat="第("+(i+1)+")题"+number1+"/"+number2+"=";
        result[i]=num1/num2;
        }while((result[i]>=10)||(num1%num2!=0));//商为10以内的数
        
    }
    
    if(Double.valueOf(result[i])>100) {//如果结果大于100或小数位数大于1则不输出
        i--;
    }
    else {
        %>
        <%=operat %><input type="text" name="child_result<%=i %>" size="3"><br> <br>
        <% 
        
    }
}
 
%>
 <input type="submit" value="提交" name="提交">  

<%

DoubleOperation doubleoperation=new DoubleOperation();
doubleoperation.setOperationNumber(operationNumber);
doubleoperation.setResult(result); 

%>


<%-- <meta http-equiv="refresh" content ="<%=Endtime*60 %>;url=doDoubleOperation.jsp">  --%>
<!-- Endtime分钟后跳转到结果界面 -->
</form>
</body>
</html>
<%@ page import="com.jaovo.msg.model.DoubleOperation" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>


</head>
<body>

<%!  int correct=0;//计算正确的数目%>
<%! int error=0;//计算错误的数目%>
<%! int nullerror=0;//没答题的数目 %>
<%
    DoubleOperation doubleoperation=new DoubleOperation();
    double[] result=doubleoperation.getResult();
    int operationNumber=doubleoperation.getOperationNumber();
    System.out.println("count="+operationNumber);
    for(int i=0;i<operationNumber;i++)
    {
        String child_result=request.getParameter("child_result"+i);
        if((null==child_result)||("".equals(child_result)))
        {
            nullerror++;
        }
        else
        {
            double child_result2=Double.valueOf(child_result);
          if(child_result2==result[i])
          {
             correct++;
          }
          else
          {
            error++;
           }
        }
    }

%>
  恭喜你！答对了<%=correct %>道题，答错了<%=error %>道题，没答<%=nullerror %>道题！！！
</body>
</html>

技术分享图片

 

 技术分享图片

 

三元运算：

<%@ page import="java.util.Random" %> 
<%@ page import="java.lang.Math" %>
<%@ page import="com.jaovo.msg.model.DoubleOperation" %>
<%@ page import="java.math.BigInteger" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>三元运算</title>
</head>
<body>
<form action="doDoubleOperation.jsp" method="post">
<%! int operationNumber=30;//打印题目的数量%>
<%! int character1=0;//第一个运算符+，-，*，/%>
<%! int character2=0;//第二个运算符 %>
<%! int num1=0;//运算式中第一个数%>
<%!  int num2=0;//运算式中第二个数%>
<%! int num3=0;//运算式中的第三个数 %>
<%!  int correct=0;//计算正确的数目%>
<%! int error=0;//计算错误的数目%>
<%! String operat=null;//计算式%>
<%! double result[]=new double[operationNumber];//计算式的结果%>
<%!Random random = new Random(); %>
<%! int Endtime=1; //跳转时间%>
<%
  for(int i=0;i<operationNumber;i++)//初始化计算式的结果
  {
      result[i]=0;

  }
  for(int i=0;i<operationNumber;i++) 
  { 
     
    character1=random.nextInt(4)%4+1; 
    if(character1==1)//计算加法
    {
        num1=random.nextInt(100)%100;//随机出一个0~100的数
        num2=random.nextInt(100)%100;
        String number1=String.valueOf(num1);
        String number2=String.valueOf(num2);
        operat="第("+(i+1)+")题"+number1+"+"+number2;
        result[i]=num1+num2;
    }
    else if(character1==2)//计算减法
    {
        num1=random.nextInt(100)%100;//随机出一个1~100的数
        if(num1==0)
            num1=num1+2;//若num1=0,则加2
        num2=(int)random.nextInt(num1)%(num1);//随机出一个0~num1的数
        String number1=String.valueOf(num1);
        String number2=String.valueOf(num2);
        operat="第("+(i+1)+")题"+number1+"-"+number2;
        result[i]=num1-num2;
    }
    else if(character1==3)//计算乘法
    {
        num1=random.nextInt(9)%9;//随机出一个0~9的数
        num2=random.nextInt(9)%9;
        String number1=String.valueOf(num1);
        String number2=String.valueOf(num2);
        operat="第("+(i+1)+")题"+number1+"*"+number2;
        result[i]=num1*num2;
    }
    else //计算除法
    {
        do{
        num1=random.nextInt(81)%81;//随机出一个0~81的数
        if(num1>9)
            num2=random.nextInt(9)%9;
        else 
        {
            if(num1==0)
                num1++;
            num2=(int)random.nextInt(num1)%(num1);
        }
        if(num2==0)//当num2=0再重新生成num2
        {
            num2=num2+1;
        } 
        String number1=String.valueOf(num1);
        String number2=String.valueOf(num2);
        operat="第("+(i+1)+")题"+number1+"/"+number2;
        result[i]=num1/num2;
        }while((result[i]>=10)||(num1%num2!=0));//商为10以内的数
        
    }
    
    
    
    
    character2=random.nextInt(4)%4+1; 
    if(character2==1)//计算第二个加号
    {
        num3=random.nextInt(100)%100;
        String number3=String.valueOf(num3);
        operat=operat+"+"+num3+"=";
        result[i]=result[i]+num3;
    }
    else if(character2==2)//第二个运算符是减号
    {
        if(result[i]==0)
            result[i]=result[i]+2;
        if(result[i]<100){
             num3=(int)random.nextInt((int)result[i])%((int)result[i]);//随机出一个小于被减数的数
        }
        else
        {
            num3=random.nextInt(100)%100;
        }
        String number3=String.valueOf(num3);
        operat=operat+"-"+num3+"=";
        result[i]=result[i]-num3;
    }
    else if(character2==3)//乘号
    {
        if(character1==2)//若第一个运算符是减号，则再随机出来一个第二个数与第三个随机的数小于第二个数   num1>=num2*num3  num3<=num1/num2
        {
            if(num1==0)
                num3=0;
            else 
            {
                int num4=num1/num2;
                num3=(int)random.nextInt(num4)%(num4);
            }
            String number3=String.valueOf(num3);
            operat=operat+"*"+num3+"=";
            result[i]=num1-(num2*num3);
        }
        else //第一个符号是加乘除。若是加，则先计算num2与num3,若是乘除，则计算顺序不变
        {
            if(character1==1){//第一个运算符是加号
                num3=(int)random.nextInt(100)%(100);
                String number3=String.valueOf(num3);
                operat=operat+"*"+num3+"=";
                result[i]=num1+(num2*num3);
            }
            else if(character1==3)//第一个符号是乘号，num1*num2<=9
            {   
                String number2,number3;
                do{
                    num2=(int)random.nextInt(9)%(9);
                    result[i]=num1*num2;
                    number2=String.valueOf(num2);
                }while(result[i]>9);
                num3=(int)random.nextInt(9)%(9);
                number3=String.valueOf(num3);
                operat=operat+"*"+num3+"=";
                result[i]=result[i]*num3;
            }
            else {//第一个符号是除号
                num3=(int)random.nextInt(100)%(100);
                String number3=String.valueOf(num3);
                operat=operat+"*"+num3+"=";
                result[i]=result[i]*num3;
            }
        }
    }
    else//第二个运算符是除号
    {
        if(num2>81){//第二个符号是除号
            num2=(int)random.nextInt(81)%(81);
        }
        if(character1==1)//第一个运算符是加号，先算num2/num3,再算num+(num2/num3)
        {   
            String number3,number2;
            if(num2>81){//第二个符号是除号
                num2=(int)random.nextInt(81)%(81);
            }
            do{
                
                if(num2>9)
                    num3=random.nextInt(9)%9;
                else 
                {
                    if(num2==0)
                        num2++;
                    num3=(int)random.nextInt(num2)%(num2);
                }
                if(num3==0)
                {
                    num3=num3+1;
                } 
                number3=String.valueOf(num3);
                num2=random.nextInt(81)%(81);
                }while(((num2/num3)>=10)||(num2%num3!=0));//商为10以内的数
                operat="第("+(i+1)+")题"+num1+"+"+num2+"/"+num3+"=";
               result[i]=num1+(num2/num3);
        }
        else if(character1==2)//第一个运算式减号，则num1-num2/num3
        {
            String number3=null;
            int k=0;
            if(num2>81){//第二个符号是除号
                num2=(int)random.nextInt(81)%(81);
            }
            do{
                if(num2>9)
                    num3=random.nextInt(9)%9;
                else 
                {
                    if(num2==0)
                        num2++;
                    num3=(int)random.nextInt(num2)%(num2);
                }
                
                if(num3==0)
                {
                    num3=num3+1;
                } 
                number3=String.valueOf(num3);
                num2=(int)random.nextInt(81)%(81);
                
            }while(((num2/num3)>=10)||(num2%num3!=0)||((num2/num3)>num1));//商为10以内的数
                operat="第("+(i+1)+")题"+num1+"-"+num2+"/"+num3+"=";
               result[i]=num1-(num2/num3);
        }
        else if(character1==4)//第一个运算符是除号，按顺序计算
        {
            String number3;
            do{
                if(result[i]>9)
                    num3=random.nextInt(9)%9;
                else 
                {
                    if(result[i]==0)
                        num2++;
                    num3=(int)random.nextInt((int)result[i])%((int)result[i]);
                }
                if(num3==0)
                {
                    num3=num3+1;
                } 
                number3=String.valueOf(num3);
                
                }while(((result[i]/num3)>=10)||(result[i]%num3!=0));//商为10以内的数
                operat=operat+"/"+number3+"=";
            result[i]=result[i]/num3;
        }
        else //第一个运算符是乘号，按顺序计算
        {
            do{
                if(result[i]>9)
                    num3=random.nextInt(9)%9;
                else 
                {
                    if(result[i]==0)
                        result[i]++;
                    num3=(int)random.nextInt((int)result[i])%((int)result[i]);
                }
                if(num3==0)
                {
                    num3=num3+1;
                } 
                String number3=String.valueOf(num3);
                }while(((result[i]/num3)>=10)||(result[i]%num3!=0));//商为10以内的数 
                operat=operat+"/"+num3+"=";
                result[i]=result[i]/num3;
        }
    }
    if(Double.valueOf(result[i])>100) {//如果结果大于100或小数位数大于1则不输出
        i--;
    }
    else {
        System.out.println(operat+result[i]);
        %>
        <%=operat %><input   type="text" name="child_result<%=i %>" ><br> <br>
        <% 
        
    }
}
 
%>
 <input type="submit" value="提交" name="提交">  

<%

DoubleOperation doubleoperation=new DoubleOperation();
doubleoperation.setOperationNumber(operationNumber);
doubleoperation.setResult(result); 

%>
</form>
</body>
</html>
<%@ page import="com.jaovo.msg.model.DoubleOperation" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<%!  int correct=0;//计算正确的数目%>
<%! int error=0;//计算错误的数目%>
<%! int nullerror=0;//没答题的数目 %>
<%
    System.out.println("aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa");
    DoubleOperation doubleoperation=new DoubleOperation();
    double[] result=doubleoperation.getResult();
    int operationNumber=doubleoperation.getOperationNumber();
    System.out.println("count="+operationNumber);
    for(int i=0;i<operationNumber;i++)
    {
        String child_result=request.getParameter("child_result"+i);
        System.out.println("reuslt="+result[i]);
        System.out.println("child_reuslt="+child_result);
        if((null==child_result)||("".equals(child_result)))
        {
            nullerror++;
        }
        else
        {
            double child_result2=Double.valueOf(child_result);
          if(child_result2==result[i])
          {
             correct++;
          }
          else
          {
            error++;
           }
        }
    }
%>

  恭喜你！答对了<%=correct %>道题，答错了<%=error %>道题，没答<%=nullerror %>道题！！！

</body>
</html>

技术分享图片

这是对上次四则运算做的基础改进

但是由于时间原因，对计时的功能还没有完善，而且对choose页面的选择，在二元运算，和三元运算还没有实行传参，需要继续改进。

这次做的最基础出的问题就是对CSS还了解不够，在做choose页面的时候还借鉴了李的，这次和王的合作还比较愉快，还需继续改进。

四则运算2

标签：his   child   lan   rac   option   margin   传参   小学   blog   

原文地址：http://www.cnblogs.com/lovema1210/p/7994627.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！