四则运算网页版
Posted 大神笨蛋
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了四则运算网页版相关的知识，希望对你有一定的参考价值。
四则运算完整网页版，链接数据库的所有程序。
功能如下：
1.可以进行基础的四则运算
2.可以定制题目的数量和出题的范围，比如控制计算在10以内的四则运算
3.减法没有负数，使用if条件功能控制
4.除法当除不尽时用真分数或带分数表示
5.可以实现真分数的计算
6.可以实现括号的计算
7.可以实现有余数的计算
8.可以在线做题，判断正确与错误
9.可以链接数据库，实现不重复出题
10.将题目和答案以及用户输入的答案写进数据。
就是将上一次在eclipse中编好的类直接调用，在网页中使用。
代码如下：
主界面的代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>主界面</title> <style type="text/css"> body { background-image: url(image/17.jpg); } </style> </head> <body> <div style="text-align: center; font-family: 微软雅黑; font-size: 50px; color: #C03; "><strong><em>四则运算</em></strong></div> <div style="text-align: center; font-family: 微软雅黑; font-size: 15px; color: #C03; "><strong><em>Welcome To User The System</em></strong></div> <br/> <div style="text-align: center; font-family: 微软雅黑; font-size: 20px;color: #C03;"><strong><em>请选择出题的范围</em></strong></div><br /> <form name="form1" method="post" action="panduan.jsp"> <blockquote> <blockquote> <blockquote> <blockquote> <blockquote> <blockquote> <blockquote> <blockquote> <blockquote> <blockquote> <div style="color: #C03"> <p> <strong>A:整数的四则计算<br /> B:真分数的四则计算<br /> C:整数与真分数的混合四则运算<br /> D:有余数的除法<br /> E:有括号的四则运算<br /> </strong> </p> </div> </blockquote> </blockquote> </blockquote> </blockquote> </blockquote> </blockquote> </blockquote> </blockquote> </blockquote> </blockquote> <div style="text-align: center;color: #C03 "> <strong>请选择：</strong><input name="xuanze" type="text"/> <input name="" type="submit" value="提交" /> <input name="" type="reset" value="重置" /> </div> </form> </body> </html>
判断界面：
<%@ 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> <style type="text/css"> body { background-image: url(image/7.jpg); } </style> </head> <body> <% String panduan=request.getParameter("xuanze"); if(panduan.equals("A")) { %> <form id="form2" name="form2" method="post" action="chaundi.jsp"> <div style="text-align:center;color:#F09"> <br> <br> <br> <br> <br> <br> 请输入出题的个数：<input name="geshu" type="text" value=""/><br /><br/> 请选择出题的范围：<input name="fanwei" type="text" value=""/><br/><br/> <input name="" type="submit" value="提交" /> </div> </form> <% } else if(panduan.equals("B")) { %> <br> <br> <br> <br> <br> <br> <form id="form3" name="form4" method="post" action="fenchuandi.jsp"> <div style="text-align:center;color:#F09"> 请输入出题的个数：<input name="geshu" type="text" value=""/><br /><br/> 请选择出题的范围：<input name="fanwei" type="text" value=""/><br/><br/> <input name="" type="submit" value="提交" /> </div> </form> <% } else if(panduan.equals("C")) { %> <form id="form2" name="form2" method="post" action="fenzhengchuangdi.jsp"> <div style="text-align:center;color:#F09"> <br> <br> <br> <br> <br> <br> 请输入出题的个数：<input name="geshu" type="text" value=""/><br /><br/> 请选择出题的范围：<input name="fanwei" type="text" value=""/><br/><br/> <input name="" type="submit" value="提交" /> </div> </form> <% } else if(panduan.equals("D")) { %> <form id="form2" name="form2" method="post" action="yushuchuangdi.jsp"> <div style="text-align:center;color:#F09"> <br> <br> <br> <br> <br> <br> 请输入出题的个数：<input name="geshu" type="text" value=""/><br /><br/> 请选择出题的范围：<input name="fanwei" type="text" value=""/><br/><br/> <input name="" type="submit" value="提交" /> </div> </form> <% } else if(panduan.equals("E")) { %> <form id="form2" name="form2" method="post" action="kuohaochuangdi.jsp"> <div style="text-align:center;color:#F09"> <br> <br> <br> <br> <br> <br> 请输入出题的个数：<input name="geshu" type="text" value=""/><br /><br/> 请选择出题的范围：<input name="fanwei" type="text" value=""/><br/><br/> <input name="" type="submit" value="提交" /> </div> </form> <% } else { %> <script type="text/javascript"> alert("输入错误，请点击确定重新输入！！！"); </script> <% response.setHeader("refresh","0;url = xuanze.html"); } %> </body> </html>
整数界面：
error界面：
<%@ 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> <style type="text/css"> body { background-image: url(image/7.jpg); } </style> </head> <body> <form id="form2" name="form2" method="post" action="chaundi.jsp"> <div style="text-align:center;color:#F09"> <br> <br> <br> <br> <br> <br> 请输入出题的个数：<input name="geshu" type="text" value=""/><br /><br/> 请选择出题的范围：<input name="fanwei" type="text" value=""/><br/><br/> <input name="" type="submit" value="提交" /> </div> </form> </body> </html>
传递参数的界面：
<%@ 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> <style type="text/css"> body { background-image: url(image/19.jpg); } </style> </head> <body> <% try { int tishu=Integer.parseInt(request.getParameter("geshu")); int fanwei=Integer.parseInt(request.getParameter("fanwei")); session.setAttribute("tishu", tishu); session.setAttribute("fanwei", fanwei); response.setHeader("refresh","0;url = zhengshu.jsp"); } catch(Exception e) { %> <script type="text/javascript"> alert("输入错误，点击确定返回重新输入！！！") </script> <% response.setHeader("refresh","0;url = error.jsp"); } %> </body> </html>
显示的界面：
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" import="java.util.Random" import="java.sql.Connection" import="java.sql.DriverManager"%> <!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> <style type="text/css"> body { background-image: url(image/4.jpg); } </style> </head> <body> <%! class Suan1//生成整数计算的类 { public int x,y,c;//定义两个变量，还有一个符号变量 public Random random=new Random();//定义随机数 String m;//生成的计算式储存咋m里面 int fanwei; public String shengcheng(int fanwei1)//自动生成数的函数 { fanwei=fanwei1; c=random.nextInt(4);//生成符号 String fuhao; x=random.nextInt(fanwei);//生成100以内的自然数 y=random.nextInt(fanwei); if(c==0)//0是加法 { fuhao="+"; m=String.valueOf(x)+fuhao+String.valueOf(y); } else if(c==1)//1是减法 { fuhao="-"; if(x>=y) { m=String.valueOf(x)+fuhao+String.valueOf(y); } else { m=String.valueOf(y)+fuhao+String.valueOf(x); } } else if(c==2) { fuhao="*"; m=String.valueOf(x)+fuhao+String.valueOf(y); } else { fuhao="/"; for(int i=0;;i++) { if(y==0) { y=random.nextInt(fanwei); } else { break; } } m=String.valueOf(x)+fuhao+String.valueOf(y); } return m; } public String shuchu()//定义输出函数 { if(c==0) { return (String.valueOf(x+y));//并且返回计算的结果 } else if(c==1) { if(x>=y)//将较大的数放在前面，不能出现负数 { return (String.valueOf(x-y)); } else { return (String.valueOf(y-x)); } } else if(c==2) { return (String.valueOf(x*y)); } else { if(x%y==0) { return (String.valueOf(x/y)); } else { if(x>y) { int shang=x/y; int yushu=x-y*shang; return (String.valueOf(shang)+"‘"+String.valueOf(yushu)+"/"+String.valueOf(y)); } else { return (String.valueOf(x)+"/"+String.valueOf(y)); } } } } public int fanhuic() { return c; } public int jianyan(String a[],int s)//检验是否有重复的式子，如果有返回0，没有就返回1 { int flag=1; for(int i=0;i<s;i++) { if(m.equals(a[i]))//数组a里面是生成的式子 { flag=0; break; } } return flag; } } int tishu; int fanwei; int m=0; String shuju[]=new String[10000]; int flag=0; Suan1 a=new Suan1(); String daan,daan1; String zhengque="",cuowu=""; %> <% tishu=Integer.parseInt((String.valueOf(session.getAttribute("tishu")))); fanwei=Integer.parseInt((String.valueOf(session.getAttribute("fanwei")))); session.setAttribute("tishu", tishu); if(m<tishu)//生成30个计算式 { shuju[m]=a.shengcheng(fanwei);//将生成的计算式储存咋数组里面 flag=a.jianyan(shuju, m);//返回是否有重复 if(flag==1)//如果没有就是1 { if(m+1==tishu) {daan=a.shuchu(); session.setAttribute("shuju", shuju[m]); session.setAttribute("daan", daan); session.setAttribute("m", m); %> <form id="form2" name="form2" method="post" action="huoqu.jsp"> <div style="text-align:center"> <br> <br> <br> <br> <br> <br> <br> <br>以上是关于四则运算网页版的主要内容，如果未能解决你的问题，请参考以下文章