要求：
- 做一個登陸頁面，實現登錄,用戶名和密碼都是admin，登錄成功后，用session記錄用戶名,登錄失敗，請提示失敗原因。
- 做一個簡單的管理系統，實現注冊，修改，查詢，刪除 員工的功能，注冊內容如下圖，課程要求可以多選，用逗號分割，保存到表中。表自己在INTF下自己建個臨時表，比如INTF.TEMP_001
- 利用session做簡單的攔截功能，如果JSP頁面發現沒有登錄，則跳轉到登錄頁面
- 注冊add.jsp
- 修改Edit.jsp
- 查詢queryList.jsp
- login.html
- 刪除記錄的時候，利用ajax處理，當數據庫刪除成功后，js動態刪除表格該行,提示jquery的remove()。
- 添加的成功后，js動態在表格后面添加一行，提示jquery的append或者html()。
- 彈出框形式處理。
- 點擊add或者edit彈出一個小框處理，添加或修改成功后，關閉小窗口，然后刷新表格
實現過程
一、了解編程工具和環境
工具： tomcat(服務器)、myeclipse(開發工具)
環境配置：
tomcat下載安裝好
myeclipse配置：1。配置tomcat位置
2。配置jdk
3。配置tomcat為工程的啟動
（這三步網上都有教程，以及配置成功的標志：run as 可以選擇剛配置的tomcat）
參考http://www.tuicool.com/articles/VBNzii
新建一個工程（了解工程的大體結構）
1、new “web serveice project” 新建成功后，可以run as 看看效果。在瀏覽器中輸入http://localhost:8080/ServletTest/login.jsp ServletTest替換為你的工程名字。
2、工程中有三個關鍵的地方：src、web.xml、index.jsp
src存放java代碼和servlet。
web.xml是servlet的路徑配置文件。
index.jsp的位置是放jsp的地方。
二、了解技術點
1、servlet。 作用：運行在服務器上的程序，用於接收用戶瀏覽器的數據提交。
實際上：是java src中的代碼。可以在myeclipse中new 一個servlet，看看里面的代碼。它實際上是繼承於HttpServlet的一個類
一般我們重寫doGet和doPost方法，把我們要實現的功能放在里面。
路徑配置：每新建一個servlet，我們要知道在web.xml中配置它的路徑，以便jsp文件訪問。（網上有關於這方面的解答）
參考：http://www.cnblogs.com/xdp-gacl/p/3760336.html
2、ajax。 作用：異步提交數據給服務器。用服務器返回的數據刷新頁面的局部信息
三、登陸界面的代碼(login.jsp)
1 <%@ page contentType="text/html;charset=UTF-8"%> 2 3 <HTML> 4 <HEAD> 5 <META http-equiv="Content-Type" content="text/html; charset=utf-8" /> 6 <TITLE>登陸界面 </TITLE> 7 </HEAD> 8 <BODY BGCOLOR=cyan> 9 10 <form align="center" method="post" action="index.jsp" onsubmit=" return test()"> 11 用戶名:<input type="text" id="account" name="account"/><br><br> 12 密 碼 :<input type="text" id="password" name=account/><br><br> 13 <input type="submit" value="提交" /> 14 <input type="reset" value="重置" /> 15 16 </form> 17 18 19 <!--js代ç --> 20 <script> 21 function test() 22 { 23 var acc = document.getElementById("account").value; 24 var pass = document.getElementById("password").value; 25 if(acc==pass&&acc=="admin") 26 { 27 alert("登陸成功"); 28 return true; 29 } 30 else 31 { 32 alert("賬號密碼錯誤"); 33 return false; 34 } 35 } 36 </script> 37 38 </BODY></HTML>
這里需要提的一點是第10行的onsubimt屬性，它的作用非常關鍵，當用戶點擊"提交"按鈕后，先去執行test()函數，進行賬號密碼的檢查。
如果函數返回的是true ，則提交表單到后台，否則中斷提交動作，服務器將接受不到數據。