软件工程结对作业01

　　题目：四则运算web版；把程序变成一个网页程序，用户通过设定参数，就可以得到各种题目，并可实现在线答题并评判　　

　　四则运算web版的程序设计思想：之前的程序是可以用户自定义生成任意个数四则运算题目的，这次试验是要求写成web版的，用于给用户提供一一个在线答题的平台。这里需要用到Javaweb的方法，Javabean方法，jsp代码编写等方法。

　　源程序代码：

javabean1:

package DBBean;

import java.sql.*;
import java.util.*;
public class DBbean {
    private String driverStr = "com.microsoft.sqlserver.jdbc.SQLServerDriver";
    private String connStr = "jdbc:sqlserver://localhost:1433; DatabaseName=sizeyunsuan";
    private String dbusername = "sa";
    private String dbpassword = "123456";
    private Connection conn = null;
    private PreparedStatement pstmt = null;

    public DBbean()
    {
        try
        {
            Class.forName(driverStr);
            conn = DriverManager.getConnection(connStr, dbusername, dbpassword);
        } 
        catch (Exception ex) {
            System.out.println("数据库连接失败！");
        } 
        
    }
    public Vector<String> getEx(){
        Vector<String> ex=new Vector<String>();
        try{
            Random ran=new Random();
            String sql="select * from expression";
            pstmt=conn.prepareStatement(sql);
            ResultSet res=pstmt.executeQuery();
            while(true){
                if(ex.size()>=20)
                    break;
                if(res.next()){
                    String exp=res.getString("ex");
                    String re=res.getString("result");
                    ex.addElement(exp);
                    ex.addElement(re);
                }
            }
            
        }
        catch(Exception e){
            e.printStackTrace();
        }
        return ex;
    }
    public void insertEx(String ex[]){
        if(ex.length!=5){
            System.out.println("插入表达式失败!");
            return ;
        }
        else{
            String exp=""+ex[0]+ex[1]+ex[2]+ex[3];
            String resu=ex[4];
            try{
                String sql = "insert into expression values('"+exp+"','" +resu+ "')";
                pstmt=conn.prepareStatement(sql);
                int rst=pstmt.executeUpdate();
                if(rst!=0){
                    System.out.print("成功插入表达式：");
                    System.out.print(exp+resu);
                    System.out.print("\n");
                    return ;
                }
                else{
                    System.out.println("插入表达式失败!");
                    return ;
                }
                    
            }
            catch(Exception e){
                System.out.println("插入表达式失败！");
            }

        }
    }
    public void clear(){
        try{
            String sql="delete expression";
            pstmt=conn.prepareStatement(sql);
            int rst=pstmt.executeUpdate();
            if(rst!=0){
                System.out.println("成功清空数据表");
            }            
        }
        catch(Exception e){
            System.out.println("delete语句执行失败！");
        }
    }
}

javabean2:

package DBEx;


import java.util.*;
public class DBEx{
    public int from,to,ifChengChu;
    public int randomArr[]=new int[4];
    public Random ran=new Random();
    public char randomCh[]={'+','-','*','÷'};
    //生成表达式
    public String[] creaExpression(int f,int t,int choose,int ifChengChu){
        from=f; to=t;
        String ex[]=new String[5];
        char operator;
        if(ifChengChu==1){
            int oper=ran.nextInt(4);
            operator=randomCh[oper];
        }
        else{
            int oper=ran.nextInt(2);
            operator=randomCh[oper];
        }

        if(choose==1){
            for(int i=0;i<2;i++){
                randomArr[i]=randomNum(from,to);
            }
            if(operator=='-'||operator=='÷'){
                int ra=0,rb=0;
                while(true){
                    ra=randomNum(from,to);
                    rb=randomNum(from,to);
                    if(ra>=rb&&ra%rb==0)
                        break;
                }
                randomArr[0]=ra;
                randomArr[1]=rb;
            }

            ex[0]=""+randomArr[0];
            ex[1]=""+operator;
            ex[2]=""+randomArr[1];
            ex[3]="=";
            int result=calcuInt(ex[0],ex[1],ex[2]);
            String s=""+result;
            ex[4]=s;
            return ex;

        }
        else
            return null;
        

    }
    //范围生成随机数
    public int randomNum(int fromA,int toB){
        int x=ran.nextInt(toB-fromA)+fromA+1;
        return x;
    }
    public int calcuInt(String numleft,String oper,String numright){
        int a=Integer.parseInt(numleft);
        int b=Integer.parseInt(numright);
        if(oper.equals("+"))
            return a+b;
        else if(oper.equals("-"))
            return a-b;
        else if(oper.equals("*"))
            return a*b;
        else if(oper.equals("÷"))
            return a/b;
        else 
            return -1;
    }
}

set.jsp:

<%@ page import="java.sql.*,java.util.*" language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<html>
<head>
<title>在线答题</title>
</head>
<body>
    <center>
        <h1 style="color:red">答题设置</h1>
            <form action="settodb.jsp">
                <table border="0">
                    <tr>
                        <td>数字范围：</td>
                        <td>小<input type="text" name="from" id="f"></td><br>
                        <td>大<input type="text" name="to" id="t"></td><br>
                    </tr>
                    <tr>
                        <td>是否有乘除法：</td>
                        <td><input type="radio" name="ifChengChu" value="1" checked>是</td>
                        <td><input type="radio" name="ifChengChu" value="2">否</td>
                    </tr>
                </table>
            <br>
                
                <input type="button" value="确定" style="color:#BC8F8F" onclick="check()">
            </form>

    </center>
<script type="text/javascript">
    var text=document.getElementById("f");
    text.onkeyup=function(){
        this.value=this.value.replace(/\D/g,'');
    }
</script>
<script type="text/javascript">
    var text=document.getElementById("t");
    text.onkeyup=function(){
        this.value=this.value.replace(/\D/g,'');
    }
</script>
<script language="javascript">
function check(){
    var f=document.forms[0].from.value;
    var t=document.forms[0].to.value;
    if(f==""||t==""){
        alert("请输入范围！");  
    }
    else{
        if((f>0&&f<=1000) && (t>0&&t<=1000)){
            if(f>=t){
                alert("“小”中的 数应小于“大”中的数！"); 
            }
            else
                document.forms[0].submit();
        }
        else{
            alert("请输入1-1000的正整数！");
        }
        
    }
}
</script>
</body>
</html>

settodb.jsp:

<%@ page import="java.sql.*,java.util.*" language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<html>
<head>
<script language="javascript">
</script>
</head>

<body>
<jsp:useBean id="dbex" class="DBEx.DBEx"/>
<jsp:useBean id="db" class="DBBean.DBbean"/>
<%
    db.clear();
    int from=Integer.parseInt(request.getParameter("from"));
    int to=Integer.parseInt(request.getParameter("to"));
    String ifChengChu=(String)request.getParameter("ifChengChu");
    int ifcc=0;
    if(ifChengChu.equals("1")){
        ifcc=1;
    }
    if(ifChengChu.equals("2")){
        ifcc=2;
    }
    out.println(from+" "+to+" "+ifcc);
    String ex[];
    for(int i=0;i<10;i++){
        ex=new String[5];
        ex=dbex.creaExpression(from,to,1,ifcc);
        db.insertEx(ex);

    }
    response.setHeader("refresh", "1;url=answer.jsp");
%>

</body>
</html>

answer1.jsp:

<%@ page import="java.sql.*,java.util.*" language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<html>
<head>
<title>在线答题</title>

<script language="javascript">
    function result(){
        var va=new Array(document.forms[0].value1.value,
                         document.forms[0].value2.value,
                         document.forms[0].value3.value,
                         document.forms[0].value4.value,
                         document.forms[0].value5.value,
                         document.forms[0].value6.value,
                         document.forms[0].value7.value,
                         document.forms[0].value8.value,
                         document.forms[0].value9.value,
                         document.forms[0].value10.value);
        var right=0;
        for(var i=0;i<10;i++){
            if(va[i]==null||va[i]==""){
                window.alert("还有题目没做完！");
                return;
            }
        }
        for(var i=0;i<10;i++){
            if(va[i]==res[i]){
                right++;
            }
        }
        result="您做对了"+right+"道题目";
        if(right<=6){
            result+="，不太理想，继续加油！"
            window.alert(result);
            location=location;
        }    
        if(right>6&&right<=9){
            result+="，不错呦，继续努力！";
            window.alert(result);
            location=location;
        }
        if(right==10){
            result+="，太棒啦，全对！(づ￣ 3￣)づ"
            window.alert(result);
            location=location;
        }
        
    }
</script>
</head>
<body>
<jsp:useBean id="db" class="DBBean.DBbean"/>
<style type="text/css">
.biaoti {
    font-family: "方正兰亭超细黑简体";
    font-size: 30px;
    color: #93F;
}
</style>
<form action="">
<%
    Vector<String> v=new Vector<String>();
    v=db.getEx();
%>
<center>
<span class="biaoti">四则运算答题界面</span>
<br>
<%=v.get(0) %><input type="text" name="value1" id="input"> <br><br>
<%=v.get(2) %><input type="text" name="value2" id="input2"> <br><br>
<%=v.get(4) %><input type="text" name="value3" id="input3"> <br><br>
<%=v.get(6) %><input type="text" name="value4" id="input4"> <br><br>
<%=v.get(8) %><input type="text" name="value5" id="input5"> <br><br>
<%=v.get(10)%><input type="text" name="value6" id="input6"> <br><br>
<%=v.get(12)%><input type="text" name="value7" id="input7"> <br><br>
<%=v.get(14)%><input type="text" name="value8" id="input8"> <br><br>
<%=v.get(16)%><input type="text" name="value9" id="input9"> <br><br>
<%=v.get(18)%><input type="text" name="value10" id="input10"><br><br>
<input type="Button" value="确认" onClick="result()">
</center>
<script>
    var res=new Array("<%=v.get(1)%>", "<%=v.get(3)%>", "<%=v.get(5)%>", "<%=v.get(7)%>", "<%=v.get(9)%>",
                      "<%=v.get(11)%>","<%=v.get(13)%>","<%=v.get(15)%>","<%=v.get(17)%>","<%=v.get(19)%>");
</script>
</form>
<script type="text/javascript">
var text = document.getElementById("input");
text.onkeyup = function(){
this.value=this.value.replace(/\D/g,'');
}
</script>
<script type="text/javascript">
var text = document.getElementById("input2");
text.onkeyup = function(){
this.value=this.value.replace(/\D/g,'');
}
</script>
<script type="text/javascript">
var text = document.getElementById("input3");
text.onkeyup = function(){
this.value=this.value.replace(/\D/g,'');
}
</script>
<script type="text/javascript">
var text = document.getElementById("input4");
text.onkeyup = function(){
this.value=this.value.replace(/\D/g,'');
}
</script>
<script type="text/javascript">
var text = document.getElementById("input5");
text.onkeyup = function(){
this.value=this.value.replace(/\D/g,'');
}
</script>
<script type="text/javascript">
var text = document.getElementById("input6");
text.onkeyup = function(){
this.value=this.value.replace(/\D/g,'');
}
</script>
<script type="text/javascript">
var text = document.getElementById("input7");
text.onkeyup = function(){
this.value=this.value.replace(/\D/g,'');
}
</script>
<script type="text/javascript">
var text = document.getElementById("input8");
text.onkeyup = function(){
this.value=this.value.replace(/\D/g,'');
}
</script>
<script type="text/javascript">
var text = document.getElementById("input9");
text.onkeyup = function(){
this.value=this.value.replace(/\D/g,'');
}
</script>
<script type="text/javascript">
var text = document.getElementById("input10");
text.onkeyup = function(){
this.value=this.value.replace(/\D/g,'');
}
</script>
</body>
</html>

answer2.jsp:

<%@ page import="java.sql.*,java.util.*" language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<html>
<head>
<title>在线答题</title>
<script language="javascript">
	function result(){
		var va=new Array(document.forms[0].value1.value,
						 document.forms[0].value2.value,
						 document.forms[0].value3.value,
						 document.forms[0].value4.value,
						 document.forms[0].value5.value,
						 document.forms[0].value6.value,
						 document.forms[0].value7.value,
						 document.forms[0].value8.value,
						 document.forms[0].value9.value,
						 document.forms[0].value10.value);
		var right=0;
		for(var i=0;i<10;i++){
			if(va[i]==null||va[i]==""){
				window.alert("还有题目没做完！");
				return;
			}
		}
		for(var i=0;i<10;i++){
			if(va[i]==res[i]){
				right++;
			}
		}
		result="您做对了"+right+"道题目";
		if(right<=6){
			result+="，不太理想，继续加油！"
			window.alert(result);
			location=location;
		}	
		if(right>6&&right<=9){
			result+="，不错呦，继续努力！";
			window.alert(result);
			location=location;
		}
		if(right==10){
			result+="，太棒啦，全对！(づ￣ 3￣)づ"
			window.alert(result);
			location=location;
		}
		
	}
</script>
</head>
<body>
<jsp:useBean id="db" class="DBBean.DBbean"/>
<form action="">
<%
	Vector<String> v=new Vector<String>();
	v=db.getEx();
%>
<%=v.get(0) %><input type="text" name="value1" id="input"> <br><br>
<%=v.get(2) %><input type="text" name="value2" id="input2"> <br><br>
<%=v.get(4) %><input type="text" name="value3" id="input3"> <br><br>
<%=v.get(6) %><input type="text" name="value4" id="input4"> <br><br>
<%=v.get(8) %><input type="text" name="value5" id="input5"> <br><br>
<%=v.get(10)%><input type="text" name="value6" id="input6"> <br><br>
<%=v.get(12)%><input type="text" name="value7" id="input7"> <br><br>
<%=v.get(14)%><input type="text" name="value8" id="input8"> <br><br>
<%=v.get(16)%><input type="text" name="value9" id="input9"> <br><br>
<%=v.get(18)%><input type="text" name="value10" id="input10"><br><br>
<script>
	var res=new Array("<%=v.get(1)%>", "<%=v.get(3)%>", "<%=v.get(5)%>", "<%=v.get(7)%>", "<%=v.get(9)%>",
					  "<%=v.get(11)%>","<%=v.get(13)%>","<%=v.get(15)%>","<%=v.get(17)%>","<%=v.get(19)%>");
</script>
<input type="Button" value="确认" onClick="result()">
</form>
<script type="text/javascript">
var text = document.getElementById("input");
text.onkeyup = function(){
this.value=this.value.replace(/\D/g,'');
}
</script>
<script type="text/javascript">
var text = document.getElementById("input2");
text.onkeyup = function(){
this.value=this.value.replace(/\D/g,'');
}
</script>
<script type="text/javascript">
var text = document.getElementById("input3");
text.onkeyup = function(){
this.value=this.value.replace(/\D/g,'');
}
</script>
<script type="text/javascript">
var text = document.getElementById("input4");
text.onkeyup = function(){
this.value=this.value.replace(/\D/g,'');
}
</script>
<script type="text/javascript">
var text = document.getElementById("input5");
text.onkeyup = function(){
this.value=this.value.replace(/\D/g,'');
}
</script>
<script type="text/javascript">
var text = document.getElementById("input6");
text.onkeyup = function(){
this.value=this.value.replace(/\D/g,'');
}
</script>
<script type="text/javascript">
var text = document.getElementById("input7");
text.onkeyup = function(){
this.value=this.value.replace(/\D/g,'');
}
</script>
<script type="text/javascript">
var text = document.getElementById("input8");
text.onkeyup = function(){
this.value=this.value.replace(/\D/g,'');
}
</script>
<script type="text/javascript">
var text = document.getElementById("input9");
text.onkeyup = function(){
this.value=this.value.replace(/\D/g,'');
}
</script>
<script type="text/javascript">
var text = document.getElementById("input10");
text.onkeyup = function(){
this.value=this.value.replace(/\D/g,'');
}
</script>
</body>
</html>

运行结果截图：