大二下半學期開學第一節課測試
阿新 • • 發佈:2022-03-08
註冊介面
<html> <head> <title>登陸</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-image: url(login/loginbg.jpg); background-repeat: repeat-x; } --> </style> <script type="text/javascript" src="js/jquery-1.4.js"></script> <script type="text/javascript" src="login/refresh.js"></script> <!-- 回車換行 --> <script language="javascript" for="document" event="onkeydown"> if(event.keyCode==13 && event.srcElement.type!='button' && event.srcElement.type!='submit' && event.srcElement.type!='reset' && event.srcElement.type!='textarea' && event.srcElement.type!='') event.keyCode=9; //Tab的鍵值為9 Enter的鍵值為13 </script> <script type="text/javascript"> function test() { alert("如果丟失密碼,請與0311-85813216電話聯絡!"); } </script> <script type="text/javascript"> function MM_swapImgRestore() { //v3.0 var i, x, a = document.MM_sr; for (i = 0; a && i < a.length && (x = a[i]) && x.oSrc; i++) x.src = x.oSrc; } function MM_preloadImages() { //v3.0 var d = document; if (d.images) { if (!d.MM_p) d.MM_p = new Array(); var i, j = d.MM_p.length, a = MM_preloadImages.arguments; for (i = 0; i < a.length; i++) if (a[i].indexOf("#") != 0) { d.MM_p[j] = new Image; d.MM_p[j++].src = a[i]; } } } function MM_findObj(n, d) { //v4.01 var p, i, x; if (!d) d = document; if ((p = n.indexOf("?")) > 0 && parent.frames.length) { d = parent.frames[n.substring(p + 1)].document; n = n.substring(0, p); } if (!(x = d[n]) && d.all) x = d.all[n]; for (i = 0; !x && i < d.forms.length; i++) x = d.forms[i][n]; for (i = 0; !x && d.layers && i < d.layers.length; i++) x = MM_findObj(n, d.layers[i].document); if (!x && d.getElementById) x = d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i, j = 0, x, a = MM_swapImage.arguments; document.MM_sr = new Array; for (i = 0; i < (a.length - 2); i += 3) if ((x = MM_findObj(a[i])) != null) { document.MM_sr[j++] = x; if (!x.oSrc) x.oSrc = x.src; x.src = a[i + 2]; } } function realodpage(){ //alert(document.getElementById("shuaxin").src); $("#shuaxin").attr("src","login/randCode.jsp?"+Math.random()); } function re(){ setTimeout("realodpage()",10); } re(); </script> </head> <body bgcolor="#FFFFFF" onLoad="MM_preloadImages('login/login000_06.jpg','login/loging000_07.jpg')"> <!-- Save for Web Slices (待切.psd) --> <table width="795" height="475" border="0" align="center" cellpadding="0" cellspacing="0" id="__01"> <tr> <td colspan="5"><img src="login/login_01.jpg" width="795" height="159" alt=""></td> </tr> <tr> <td rowspan="2"><img src="login/login_02.jpg" width="269" height="174" alt=""></td> <td bgcolor="#CFE5F2"><img src="login/login_03.jpg" width="66" height="115" alt=""></td> <td colspan="2" bgcolor="#D0E6F3"><table width="100%" height="116" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="2" align="left" valign="bottom"><INPUT NAME="userName" TYPE="text" CLASS="STYLE1" STYLE="width: 180px; height: 17px; border: #336699 1px solid" tabindex="1" MAXLENGTH="26" id="username"></td> </tr> <tr> <td height="32" colspan="2" align="left" valign="bottom"><INPUT NAME="pwd" TYPE="password" CLASS="STYLE1" STYLE="width: 180px; height: 17px; border: #336699 1px solid" tabindex="1" MAXLENGTH="26" id="userpassword"></td> </tr> <tr> <td width="50%" height="29" align="left" valign="bottom"><INPUT NAME="randCode" TYPE="text" CLASS="STYLE1" STYLE="width: 100px; height: 17px; border: #336699 1px solid" tabindex="1" MAXLENGTH="26" id="randcode"></td> <td width="50%" align="left" valign="bottom"><img src="login/randCode.jsp" id='shuaxin' width="50" height="25"> </td> </tr> <tr> <td height="30" colspan="1" align="left" valign="bottom"> </td> </tr> </table></td> <td rowspan="2"><img src="login/login_05.jpg" width="262" height="174" alt=""></td> </tr> <tr> <td colspan="2"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image12','','login/loging000_06.jpg',1)"><img src="login/login_06.jpg" name="Image12" width="135" height="59" border="0" onClick="IMG1_onclick2()"></a></td> <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image13','','login/loging000_08.png',1)"><img src="login/login_09.png" name="Image13" width="129" height="59" border="0" onClick="window.location='register.html'"></a></td> </tr> <tr> <td colspan="5"><img src="login/login_08.jpg" alt="" width="795" height="141" border="0" usemap="#Map"></td> </tr> <tr> <td><img src="login/分隔符.gif" width="269" height="1" alt=""></td> <td><img src="login/分隔符.gif" width="66" height="1" alt=""></td> <td><img src="login/分隔符.gif" width="69" height="1" alt=""></td> <td><img src="login/分隔符.gif" width="129" height="1" alt=""></td> <td><img src="login/分隔符.gif" width="262" height="1" alt=""></td> </tr> <tr> <td colspan="5" align="center"> <a href="download/Browser.zip">瀏覽器相容問題說明</a> </td> </tr> </table> <!-- End Save for Web Slices --> <map name="Map"><area shape="rect" coords="484,16,558,34" href="#" onclick="test()" target="_self"> </map></body> <script type="text/javascript"> function IMG1_onclick2() { var user = document.getElementById("username"); var pwd = document.getElementById("userpassword"); var randcode = document.getElementById("randcode"); var url = "dengluServlet?user=" + escape(user.value) + "&pwd=" + escape(pwd.value) + "&randcode=" + escape(randcode.value); if (user.value == "") { alert("使用者名稱不能為空"); } else if (pwd.value == "") { alert("密碼不能為空"); } else if (randcode.value == "") { alert("驗證碼不能為空"); } else if (user.value.length > 20 || user.value.length < 6) { alert("使用者名稱小於6位或大於20位"); } else if (pwd.value.length > 20 || pwd.value.length < 6) { alert("密碼小於6位或大於20位"); } else if (!isNum(randcode.value)) { alert("驗證碼只能由數字組成!"); randcode.value = ""; } else if (CheckCode(user.value) && CheckCode(pwd.value) && CheckCode(randcode.value)) { alert("有特殊字元請重新填寫!"); user.value = ""; pwd.value = ""; randcode.value = ""; }else { window.location.href = url; } } function CheckCode(s) //有特殊字元為true { var containSpecial = RegExp(/[(\ )(\~)(\!)(\#)(\$)(\%)(\^)(\&)(\*)(\()(\))(\-)(\_)(\+)(\=)(\[)(\])(\{)(\})(\|)(\\)(\;)(\:)(\')(\")(\,)(\.)(\/)(\<)(\>)(\?)(\)]+/); return (containSpecial.test(s)); } function isNum(str){ for (ilen = 0; ilen < str.length; ilen++) { if (str.charAt(ilen) < '0' || str.charAt(ilen) > '9') { return false; } } return true; } </script> </html>
註冊外框:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>河北省重大技術需求徵集問卷調查系統</title> <!--框架必需start--> <link href="css/import_basic.css" rel="stylesheet" type="text/css"/> <link href="skins/sky/import_skin.css" rel="stylesheet" type="text/css" id="skin" themeColor="blue"/> <script type="text/javascript" src="js/jquery-1.4.js"> </script> <script type="text/javascript" src="js/bsFormat.js"> </script> <!--框架必需end--><!--引入彈窗元件start--> <script type="text/javascript" src="js/attention/zDialog/zDrag.js"> </script> <script type="text/javascript" src="js/attention/zDialog/zDialog.js"> </script> <!--引入彈窗元件end--><!--修正IE6支援透明png圖片start--> <script type="text/javascript" src="js/method/pngFix/supersleight.js"> </script> <!--修正IE6支援透明png圖片end--> <script> function bookmarksite(title, url){ if (window.sidebar) // firefox window.sidebar.addPanel(title, url, ""); else if (window.opera && window.print) { // opera var elem = document.createElement('a'); elem.setAttribute('href', url); elem.setAttribute('title', title); elem.setAttribute('rel', 'sidebar'); elem.click(); } else if (document.all)// ie window.external.AddFavorite(url, title); } </script> </head> <body> <div id="mainFrame"> <!--頭部與導航start--> <div id="hbox"> <div id="bs_bannercenter"> <div id="bs_bannerleft"> <div id="bs_bannerright"> <div class="bs_banner_logo"> </div> <div class="bs_banner_title"> </div> <div class="bs_nav"> <div class="bs_navleft"> <li> <span id="username"> </span>您好!今天是 <script> var weekDayLabels = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"); var now = new Date(); var year = now.getFullYear(); var month = now.getMonth() + 1; var day = now.getDate() var currentime = year + "年" + month + "月" + day + "日 " + weekDayLabels[now.getDay()] document.write(currentime) </script> </li> <div class="clear"> </div> </div> <div class="bs_navright"> <span class="icon_no hand" onclick='top.Dialog.confirm("確定要退出系統嗎",function(){window.location="exitServlet"});'>退出系統</span> <div class="clear"> </div> </div> <div class="clear"> </div> </div> </div> </div> </div> </div> <!--頭部與導航end--> <table width="100%" cellpadding="0" cellspacing="0" class="table_border0"> <tr> <!--左側區域start--> <td id="hideCon" class="ver01 ali01"> <div id="lbox"> <div id="lbox_topcenter"> <div id="lbox_topleft"> <div id="lbox_topright"> <div class="lbox_title"> 操作選單 </div> </div> </div> </div> <div id="lbox_middlecenter"> <div id="lbox_middleleft"> <div id="lbox_middleright"> <div id="bs_left"> <IFRAME scrolling="no" width="100%" frameBorder=0 id=frmleft name=frmleft src="leftPages/accorditionRegister.html" allowTransparency="true"> </IFRAME> </div> <!--更改左側欄的寬度需要修改id="bs_left"的樣式--> </div> </div> </div> <div id="lbox_bottomcenter"> <div id="lbox_bottomleft"> <div id="lbox_bottomright"> <div class="lbox_foot"> </div> </div> </div> </div> </div> </td> <!--左側區域end--> <!--中間欄區域start--> <td class="main_shutiao"> <div class="bs_leftArr" id="bs_center" title="收縮面板"> </div> </td> <!--中間欄區域end--> <!--右側區域start--> <td class="ali01 ver01" width="100%"> <div id="rbox"> <div id="rbox_topcenter"> <div id="rbox_topleft"> <div id="rbox_topright"> <div class="rbox_title"> 操作內容 </div> </div> </div> </div> <div id="rbox_middlecenter"> <div id="rbox_middleleft"> <div id="rbox_middleright"> <div id="bs_right"> <IFRAME scrolling="no" width="100%" height="50%" frameBorder=0 id=frmright name=frmright src="zhuce.html" allowTransparency="true"> </IFRAME> </div> </div> </div> </div> <div id="rbox_bottomcenter"> <div id="rbox_bottomleft"> <div id="rbox_bottomright"> </div> </div> </div> </div> </td> <!--右側區域end--> </tr> </table> <!--尾部區域start--> <div id="fbox"> <div id="bs_footcenter"> <div id="bs_footleft"> <div id="bs_footright"> 河北省重大技術需求徵集系統 </div> </div> </div> </div> </div> <!--尾部區域end--> <!--瀏覽器resize事件修正start--> <div id="resizeFix"> </div> <!--瀏覽器resize事件修正end--> <!--載進度條start--> <div class="progressBg" id="progress" style="display:none;"> <div class="progressBar"> </div> </div> <!--載進度條end--> </body> <script> $(document).ready(function(){ var username = GetRequest(); $("#username").html(username); }); function GetRequest(){ var url = location.search; //獲取url中"?"符後的字串 if (url.indexOf("?") != -1) { //判斷是否有引數 var str = url.substr(1); //從第一個字元開始 因為第0個是?號 獲取所有除問號的所有符串 strs = str.split("="); //用等號進行分隔 (因為知道只有一個引數 所以直接用等號進分隔 如果有多個引數 要用&號分隔 再用等號進行分隔) wjid = decodeURI(strs[1]); return decodeURI(strs[1]); //直接彈出第一個引數 (如果有多個引數 還要進行迴圈的) } } </script> </html>
註冊介面:
<!doctype html> <html lang="en"> <head> <title>index</title> <meta charset="utf-8"> </head> <body> <div align="center"> <form action="user" method="post"> <input type="hidden" name="method" value="regist"> <table border="0"> <tr> <td>姓名</td> <td><input type="text" name="name" required></td> </tr> <tr> <td>密碼</td> <td><input type="password" name="pwd" id="pwd" required></td> </tr> <tr> <td>重複密碼</td> <td><input type="password" name="cfpwd" id="cfpwd" required onblur="ck()"></td> </tr> <tr> <td>手機號</td> <td><input type="text" name="phone" pattern="\d{11}" title="手機號必須為11位"></td> </tr> <tr> <td>所屬單位</td> <td><input type="text" name="dw" required></td> </tr> <tr> <td colspan="2" align="center"> <button type="submit">立即註冊</button> </td> </tr> </table> </form> </div> <script type="text/javascript"> function ck() { var pwd = document.getElementById("pwd"); var cfpwd = document.getElementById("cfpwd"); alert("密碼錯誤,請重新錄入!"); if (pwd.value != cfpwd.value) { alert("密碼錯誤,請重新錄入!"); } </script> </body> </html>
系統主介面:
<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>河北省重大技術需求徵集問卷調查系統</title>
<!--框架必需start-->
<link href="css/import_basic.css" rel="stylesheet" type="text/css"/>
<link href="skins/sky/import_skin.css" rel="stylesheet" type="text/css" id="skin" themeColor="blue"/>
<script type="text/javascript" src="js/jquery-1.4.js">
</script>
<script type="text/javascript" src="js/bsFormat.js">
</script>
<!--框架必需end--><!--引入彈窗元件start-->
<script type="text/javascript" src="js/attention/zDialog/zDrag.js">
</script>
<script type="text/javascript" src="js/attention/zDialog/zDialog.js">
</script>
<!--引入彈窗元件end--><!--修正IE6支援透明png圖片start-->
<script type="text/javascript" src="js/method/pngFix/supersleight.js">
</script>
<!--修正IE6支援透明png圖片end-->
</head>
<body>
<div id="mainFrame">
<!--頭部與導航start-->
<div id="hbox">
<div id="bs_bannercenter">
<div id="bs_bannerleft">
<div id="bs_bannerright">
<div class="bs_banner_logo">
</div>
<div class="bs_banner_title">
</div>
<div class="bs_nav">
<div class="bs_navleft">
<li>
<span id="username">
</span>您好!今天是
<script>
var weekDayLabels = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
var now = new Date();
var year = now.getFullYear();
var month = now.getMonth() + 1;
var day = now.getDate()
var currentime = year + "年" + month + "月" + day + "日 " + weekDayLabels[now.getDay()]
document.write(currentime)
</script>
</li>
<div class="clear">
</div>
</div>
<div class="bs_navright">
<span class="icon_no hand" onclick='top.Dialog.confirm("確定要退出系統嗎",function(){window.location="exitServlet"});'>退出系統</span>
<div class="clear">
</div>
</div>
<div class="clear">
</div>
</div>
</div>
</div>
</div>
</div>
<!--頭部與導航end-->
<table width="100%" cellpadding="0" cellspacing="0" class="table_border0">
<tr>
<!--左側區域start-->
<td id="hideCon" class="ver01 ali01">
<div id="lbox">
<div id="lbox_topcenter">
<div id="lbox_topleft">
<div id="lbox_topright">
<div class="lbox_title">
操作選單
</div>
</div>
</div>
</div>
<div id="lbox_middlecenter">
<div id="lbox_middleleft">
<div id="lbox_middleright">
<div id="bs_left">
<IFRAME scrolling="no" width="100%" frameBorder=0 id=frmleft name=frmleft src="leftPages/accordition.html" allowTransparency="true">
</IFRAME>
</div>
<!--更改左側欄的寬度需要修改id="bs_left"的樣式-->
</div>
</div>
</div>
<div id="lbox_bottomcenter">
<div id="lbox_bottomleft">
<div id="lbox_bottomright">
<div class="lbox_foot">
</div>
</div>
</div>
</div>
</div>
</td>
<!--左側區域end-->
<!--中間欄區域start-->
<td class="main_shutiao">
<div class="bs_leftArr" id="bs_center" title="收縮面板">
</div>
</td>
<!--中間欄區域end-->
<!--右側區域start-->
<td class="ali01 ver01" width="100%">
<div id="rbox">
<div id="rbox_topcenter">
<div id="rbox_topleft">
<div id="rbox_topright">
<div class="rbox_title">
操作內容
</div>
</div>
</div>
</div>
<div id="rbox_middlecenter">
<div id="rbox_middleleft">
<div id="rbox_middleright">
<div id="bs_right">
<IFRAME scrolling="no" width="100%" height="100%" frameBorder=0 id=frmright name=frmright src="show.html" allowTransparency="true">
</IFRAME>
</div>
</div>
</div>
</div>
<div id="rbox_bottomcenter">
<div id="rbox_bottomleft">
<div id="rbox_bottomright">
</div>
</div>
</div>
</div>
</td>
<!--右側區域end-->
</tr>
</table>
<!--尾部區域start-->
<div id="fbox">
<div id="bs_footcenter">
<div id="bs_footleft">
<div id="bs_footright">
業務諮詢電話:0311-85813216 技術服務電話:13028644840 18330107787
</div>
</div>
</div>
</div>
</div>
<!--尾部區域end-->
<!--瀏覽器resize事件修正start-->
<div id="resizeFix">
</div>
<!--瀏覽器resize事件修正end-->
<!--載進度條start-->
<div class="progressBg" id="progress" style="display:none;">
<div class="progressBar">
</div>
</div>
<!--載進度條end-->
</body>
</html>
需求錄入介面
<!doctype html>
<html lang="en">
<head>
<title>徵集表</title>
<meta charset="utf-8">
</head>
<body>
<div align="center">
<form action="user" method="post">
<input type="hidden" name="method" value="regist">
<h5>河北省重大技術需求徵集表</h5>
<table border="1">
<tr>
<td>技術需求名稱</td>
<td><input type="text" name="name" required></td>
</tr>
<tr>
<td colspan="2">
<textarea cols="100" rows="10">重大科技需求概述(主要內容,技術指標,預期經濟和社會效應等。
</textarea>
</td>
</tr>
<tr>
<td>研究型別</td>
<td>
<input type="checkbox"> 基礎研究
<input type="checkbox"> 應用研究
<input type="checkbox"> 試驗發展
<input type="checkbox"> 研究發展與成果應用
<input type="checkbox"> 技術推廣與科技服務
<input type="checkbox"> 基礎研究
</td>
</tr>
<tr>
<td>技術需求合作模式</td>
<td>
<input type="checkbox"> 獨立開發
<input type="checkbox"> 技術轉讓
<input type="checkbox"> 技術入股
<input type="checkbox"> 合作開發
</td>
</tr>
<tr>
<td>計劃總投資</td>
<td><input type="text" name="name" required>萬元</td>
</tr>
</table>
</form>
</div>
</body>
</html>
隨機重新整理驗證碼:
<%@ page contentType="image/jpeg"
import="java.util.*,java.awt.*,java.io.*,java.awt.image.*,javax.imageio.*"
pageEncoding="utf-8"%>
<%!Color getRandColor(int fc, int bc) {//給定範圍獲得隨機顏色
Random random = new Random();
if (fc > 255)
fc = 255;
if (bc > 255)
bc = 255;
int r = fc + random.nextInt(bc - fc);
int g = fc + random.nextInt(bc - fc);
int b = fc + random.nextInt(bc - fc);
return new Color(r, g, b);
}%>
<%
//設定頁面不快取
response.setHeader("Pragma", "No-cache");
response.setHeader("Cache-Control", "no-cache");
response.setDateHeader("Expires", 0);
// 在記憶體中建立圖象
int width = 60, height = 22;
BufferedImage image = new BufferedImage(width, height,
BufferedImage.TYPE_INT_RGB);
// 獲取圖形上下文
Graphics g = image.getGraphics();
//生成隨機類
Random random = new Random();
// 設定背景色
g.setColor(getRandColor(200, 250));
g.fillRect(0, 0, width, height);
//設定字型
g.setFont(new Font("Times New Roman", Font.PLAIN, 18));
//畫邊框
//g.setColor(new Color());
//g.drawRect(0,0,width-1,height-1);
// 隨機產生155條幹擾線,使圖象中的認證碼不易被其它程式探測到
g.setColor(getRandColor(160, 200));
for (int i = 0; i < 155; i++) {
int x = random.nextInt(width);
int y = random.nextInt(height);
int xl = random.nextInt(12);
int yl = random.nextInt(12);
g.drawLine(x, y, x + xl, y + yl);
}
// 取隨機產生的認證碼(4位數字)
String sRand = "";
for (int i = 0; i < 4; i++) {
String rand = String.valueOf(random.nextInt(10));
sRand += rand;
// 將認證碼顯示到圖象中
g.setColor(new Color(20 + random.nextInt(110), 20 + random
.nextInt(110), 20 + random.nextInt(110)));// 呼叫函數出來的顏色相同,可能是因為種子太接近,所以只能直接生成
g.drawString(rand, 13 * i + 6, 16);
}
// 將認證碼存入SESSION
session.setAttribute("rand", sRand);
// 圖象生效
g.dispose();
OutputStream output = response.getOutputStream();
// 輸出圖象到頁面
ImageIO.write(image, "JPEG", response.getOutputStream());
output.flush();
out.clear();
out = pageContext.pushBody();
%>
太菜了,就會導個包,全忘了。
以後好好學習!!!