一、實現登入功能

首先用sublime製作有表單檢查功能的login.html，程式碼具體如下：

為了簡潔，我在Eclipse裡將CSS的引用方式改為鏈入式了，而接下來是在sublime剛做好後的程式碼截圖：

然後將<form>改為<formaction="chk_login.jsp" method="post" name="Login"target="_parent" id="Login" onSubmit="retutnCheckForm();">

最終效果如下：

二、設計一個數據庫

（1）建立data資料夾

     新建qiye.mdb。

（2）建立表admin，表結構如下圖

輸入資料

這裡建立了一個初始管理員賬號。

三、實現檢查登入介面與資料庫連線

製作好之後將資料庫檔案放入專案資料夾，設計完成登陸功能的chk_login.jsp，實現Eclipse與資料庫檔案的連線：

經測試，確定資料庫連線成功後，再在Seession.jsp（登入之後的主頁面）中加入以下程式以阻止非法使用者的訪問：

最後，設計Top.jsp，完成退出登入的功能：

出現了中文字元識別成亂碼的問題，不過懶得再改了，能用就行╮(╯▽╰)╭

四、實現註冊功能

首先還是用sublime製作有表單檢查功能的regester.html

這裡只擷取驗證表單的JS程式碼，其餘的跟login.html差不多，就表單稍微改了一下

另外注意一下表單裡的<form>要改為<formaction="add.jsp" method="post" name="Login"target="_parent" id="Login" onSubmit="returnCheckForm();">

然後設計完成登陸功能的add.jsp，實現與資料庫檔案的連線，具體程式碼如下：

最後，驗證一下，登入時賬號密碼錯誤或為空，註冊時兩次輸入的密碼不一致時都會出現這個：

這樣一來專案就成功了\(^o^)/~