软件工程结对作业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-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>
运行结果截图：
队友：白悦 博客地址：http://www.cnblogs.com/baiyue/p/6688511.html
浙公网安备 33010602011771号