软件工程结对作业01
登录界面
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" charset="UTF-8"> <title>欢迎登录</title> <link href="css/Styles.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" type="text/css" href="assets/css/button2.css"> <script type="text/javascript"> function test() { alert("如果丢失密码，请与xxxxxxxxxxx电话联系！"); } </script> <script type="text/javascript"> function checkname() { var user = document.getElementById("username"); if (user.value == "") { document.getElementById("error1").innerHTML="<font color='red'>用户名不能为空！</font>"; } else if (user.value.length < 6) { document.getElementById("error1").innerHTML="<font color='red'>用户名过短</font>"; } else if (user.value.length >20) { document.getElementById("error1").innerHTML="<font color='red'>用户名过长</font>"; } else if (CheckCode(user.value)) { document.getElementById("error1").innerHTML="<font color='red'>有非法字符</font>"; user.value = ""; }else { document.getElementById("error1").innerHTML="<font color='green'>\(0^◇^0)/</font>"; } } </script> <script type="text/javascript"> function b() { var pwd = document.getElementById("password"); if (pwd.value == "") { document.getElementById("error2").innerHTML="<font color='red'>密码不能为空！</font>"; } else if (pwd.value.length > 20 ) { document.getElementById("error2").innerHTML="<font color='red'>密码位数过长</font>"; } else if (pwd.value.length <6 ) { document.getElementById("error2").innerHTML="<font color='red'>密码位数过短</font>"; } else { document.getElementById("error2").innerHTML="<font color='green'>\(0^◇^0)/</font>"; } } </script> <script type="text/javascript"> function c() { var randcode = document.getElementById("randcode"); if (randcode.value=="") { document.getElementById("error3").innerHTML="<font color='red'>不能为空！</font>"; } else { document.getElementById("error3").innerHTML="<font color='green'>\(0^◇^0)/</font>"; } } </script> <script type="text/javascript"> function CheckCode(s) //有特殊字符为true { var containSpecial = RegExp(/[(\ )(\~)(\!)(\#)(\$)(\%)(\^)(\&)(\*)(\()(\))(\-)(\_)(\+)(\=)(\[)(\])(\{)(\})(\|)(\\)(\;)(\:)(\')(\")(\,)(\.)(\/)(\<)(\>)(\\(0^◇^0)/)(\)]+/); return (containSpecial.test(s)); } </script> <script type="text/javascript"> function isNum(str){ for (ilen = 0; ilen < str.length; ilen++) { if (str.charAt(ilen) < '0' || str.charAt(ilen) > '9') { return false; } } return true; } </script> </head> <body style="background-color:#edf6fa; background-image:url(images/A1.jpg); background-repeat:no-repeat; background-position:center top; overflow:hidden;"> <div align="center"> <span>欢迎登录</span> <ul> </ul> <form id="myform" method="post" action="CheckLog.jsp"> <ul> <li><label >*用户名</label> <input type="text" name="username" id="username" pattern="[0-9a-zA-Z]{6,20}" required placeholder="请输入用户名" onchange="checkname()"/> <br/><label for="errortishi1" id="error1" ></label></li> <li><label >*密 码 </label><input type="password" class="button-small button-border-thin" name="password" id="password" onchange="b()" required placeholder="密码"/> <br/> <label for="errortishi2" id="error2" class="cols-sm-2 control-label"></label></li> <li> <button type="submit" id="submit" name="submit" class=" button-small button-raised button-royal">登 录</button> <a href="#" onclick="test()" >忘记密码？</a></li> </ul> </form> </div> </body> </html>
用户判断
<%@ page language="java" contentType="text/html; charset= UTF-8" pageEncoding="UTF-8"%> <%@page import="java.sql.*" %> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <link href="css/Styles.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/jquery.js"></script> <meta http-equiv= "Content-Type" content="text/html; charset=UTF-8" > <title>判断界面</title> <script language="javascript"> $(function(){ $('.error').css({'position':'absolute','left':($(window).width()-490)/2}); $(window).resize(function(){ $('.error').css({'position':'absolute','left':($(window).width()-490)/2}); }) }); </script> </head> <body style="background:#edf6fa;"> <% request.setCharacterEncoding("UTF-8"); String pws=request.getParameter("password"); String username=request.getParameter("username"); %> <jsp:useBean id="db" class="DB.DBBean" scope="page" /> <% if(username!=""&&pws!="") { String sql="select * from Table_1 where 用户名='"+username+"'"; try{ ResultSet rs=db.executeQuery(sql); if(rs.next()) { if(pws.equals(rs.getString("密码"))) { response.sendRedirect("MyHtml.html"); } else{ out.println( "<div class=error> <h2>用户名和密码不匹配</h2> <div class=reindex><a href=login.html target=parent>返回首页</a></div></div>"); return; } } else { out.println( "<div class=error> <h2>没有此用户信息</h2> <div class=reindex><a href=login.html target=parent>返回首页</a></div></div>"); } rs.close(); db.close(); } catch(Exception e) { e.getMessage(); } } else { out.println( "<div class=error> <h2>网络错误导致数据传输失败</h2> <div class=reindex><a href=login.html target=parent>返回首页</a></div></div>"); db.close(); } %> </body> </html>>
四则运算选项：
<!DOCTYPE html>
<html>
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="keyword1,keyword2,keyword3">
<meta name="description" content="this is my page">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
</head>
<body background="images/A1.jpg">
<h1 align="center">四则运算</h1>
<!-- 传递参数的值给index.jsp处理 -->
<form action="index.jsp" method="post">
<!-- 互斥选择，值只能有一个 -->
<center>
<br>请选择上限(分数无上下限):
<select name="TopNumber">
<option value=20>20</option>
<option value=30>30</option>
<option value=50>50</option>
<option value=80>80</option>
<option value=100>100</option>
</select><br>
<br>请选择下限(分数无上下限):
<select name="BaseNumber">
<option value=0>0</option>
<option value=1>1</option>
<option value=3>3</option>
<option value=5>5</option>
<option value=10>10</option>
</select><br>
<!-- 多项选择，值可以有多个，在jsp中用数组保存 -->
<br>请在以下选项中打勾:
<input type="checkbox" name="function" value=1>有乘除
<input type="checkbox" name="function" value=2>无余数
<input type="checkbox" name="function" value=3>有括号
<br>
<br>
<input type="submit" name="submit" value="确定">
</center>
</form>
</body>
</html>
输出题目：
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <%@ page import="test5.*"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>答题</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> </head> <body background="images/A1.jpg"> <% String[] s=new String[30]; float k[]=new float[30]; Calculate a=new Calculate(); request.setCharacterEncoding("UTF-8"); String[] function = request.getParameterValues("function"); String TopNumber,BaseNumber; TopNumber=request.getParameter("TopNumber"); BaseNumber=request.getParameter("BaseNumber"); a.SetValue(a.StrToNum(TopNumber),a.StrToNum(BaseNumber)); if(function!=null){ for(int i=0;i<function.length;i++){ if(function[i].equals("1")) { a.SetValue1(1); } if(function[i].equals("2")) { a.SetValue2(1); } if(function[i].equals("3")) { a.SetValue3(0); } } } %> <form action="MyJsp.jsp" method="post"> <center> <% a.main(); float temp; String[] se=new String[30]; for(int i=0;i<30;i++){ s[i]=a.cs(i); se[i]="name"; se[i]=se[i]+i; k[i]=a.css(i); out.print("<tr>"+s[i]+"</tr>"); out.println("<br>"); %> <input type="text" name=<%=se[i] %>><br> <% } session.setAttribute( "v1",s); session.setAttribute( "v2",k); %> <br><input type="submit" name="submit" value="提交"> <% %> </center> </form> </body> </html>
结果显示：
<%@ page language="java" import="java.util.*" pageEncoding="gb2312" contentType="text/html; charset=gb2312"%> <%@ page import="test5.*"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>结果</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> </head> <body background="images/A1.jpg"> <% request.setCharacterEncoding("UTF-8");%> <center> <% String[] name=new String[30]; String[] sum=new String[30]; Calculate a=new Calculate(); float sum1[]=new float[30]; int right=0; String[] s= (String[])session.getAttribute("v1"); float[] k=(float[])session.getAttribute("v2"); for(int i=0;i<30;i++) sum1[i]=0; for(int i=0;i<30;i++){ name[i]="name"; name[i]=name[i]+i; sum[i]=request.getParameter(name[i]); //sum[i]=request.getParameterValues(name[i])"; out.print(s[i]); out.print("<tr>"+sum[i]+"</tr>"); if(sum[i]=="") out.print("未回答！"); else{ if(((int)(k[i]*100))%100!=0) sum1[i]=a.StrToFloat1(sum[i]); else sum1[i]=a.StrToFloat(sum[i]); if(Math.abs(sum1[i]*100-k[i]*100)<4){ out.print(" 回答正确！"); right++; } else out.print(" 回答错误，正确答案是： "+k[i]); } out.println("<br>"); } out.print("总共做对 "+right+" 题，正确率为："+(right/30.0)*100+" %"); %><br> <input type="button" value="返回首页" onClick="window.location.href='MyHtml.html'"> <input type="button" value="关闭" onClick="window.close();"> </center> </body> </html>
截图显示：
