https://www.bilibili.com/video/BV1u4421F7Bh/演示視頻：4  系統實現

系統的實現是整個過程中Zui核心的部分，一方面檢驗了設計的合理性又檢驗了自己的實際操作能力，本章就從系統環境部署、公共模塊的實現到系統功能模塊的實現過程做詳細介紹。

4.1環境部署

本節主要是一些關于JSP+Tomcat開發環境及其安裝配置的介紹。

（1）安裝JDK

①運行下載的JDK安裝程序。

②默認選擇下一步，直到完成。

③修改環境變量：系統桌面右擊“我的電腦”-->屬性-->gaoji-->環境變量；在“系統變量”欄點“新建”按鈕，新建系統變量，其中，變量名：JAVA-HOME，變量值為上面JDK的安裝路徑，默認為C:\Program Files\Java\jdk1.6.0_10，確定；再在“系統變量”欄找到并修改到變量Path，在其變量值Zui前端添加JDK安裝路徑，如下：C:\Program Files\Java\jdk1.6.0_10\bin;確定即可[9]。

④驗證JDK是否配置成功。打開DOS命令窗體，輸入：javac按Enter鍵，系統輸出javac的幫助信息說明已經成功配置。

（2）Tomcat的安裝及配置

①將下載的apache-tomcat-6.0.20.zip解壓，為方便識別，可將其重命名為tomcat6。然后直接將該文件夾拷貝到目標位置。

②運行tomcat6下bin文件夾中的startup.bat，若前面的JAVA-HOME變量設置沒問題，則會彈出一個DOS窗口顯示一些信息，Zui后欄會顯示服務啟動時間信息，類似Server startup in 768 ms，這就說明Tomcat啟動成功。

③在瀏覽器中輸入：http://localhost:8080/則會進入一個管理界面[10]。 

（3）開發環境MyEclipse的安裝

直接運行下載的MyEclipse安裝程序MyEclipse 8.exe，一直默認直至完成即可。

（4）關聯Tomcat服務與MyEclipse開發環境

通常MyEclipse中自帶了Tomcat服務，但我們一般不使用它，而是使用自己配置的。設置步驟：

①在ROOT目錄中創建一個JSP工程，單擊MyEclipse工具欄中的＂Deploy MyEclipse J2EE Project to Server...＂按鈕，進入"Project Deployments"對話框。

②在對話框中的"Project"下拉列表中選擇剛才新建的JSP工程，然后單"Deployments"后的"Add"按鈕，打開"New Deployment"對話框。

③在"New Deployment"對話框中的"Server"下拉列表中選擇已經安裝好的Tomcat版本，然后單擊"Finish"按鈕即可。若"Server"下拉列表中沒有已經安裝好的Tomcat版本，就單擊下邊的"Edit server connectors..."，進入"Preferences(Filtered)"對話框，然后再從左邊列表里打開"MyEclipse"-->"server"-->"Tomcat"，在從"Tomcat"列表中找到已經安裝好的Tomcat，然后選擇上邊的"Enable"按鈕，單擊"OK"確定即可[11]。

4.2公共模塊編寫

數據庫連接和數據庫增、刪、改、查操作是每個模塊都會用到的代碼，將他們都放在一個數據庫操作文件中不僅提高代碼的重用性，同時減少重復編寫的工作量。關鍵代碼如下：

4.3個人資料模塊

各個用戶的操作都是在登錄系統之后進行的，系統的登錄界面如圖4-1所示。

圖4-1 家校聯系系統操作主界面

個人資料模塊的難點在于管理員對用戶數據的批量導入。要實現管理員可以通過導入Excel數據文件向數據庫中添加用戶信息，減輕管理員用戶添加的工作量。系統通過一個表單的文件域將Excel文件先上傳到服務器上，再獲取路徑讀取Excel中的用戶信息并導入到數據庫中，系統使用了jxl.jar來幫助實現。導入用戶信息的jsp頁面如圖4-2所示。

圖4-2 用戶添加頁面

4.4學習資料模塊

在學習資料模塊，家長、學生和老師可以對文件進行下載，老師可以上傳文件。

（1）上傳文件。老師登錄后，進入到學習資料首頁，可以點擊上傳文件進行文件的上傳,并且可以對單個或多個同類文件同時上傳。文件上傳頁面顯示如圖4-3所示。

圖4-3 上傳文件

處理文件上傳的Servlet實現將文件上傳到服務器，其關鍵代碼與上文將Excel文件上傳到服務器類似，這里不再重復。

（2）下載文件。用戶登錄后，進入到學習資料首頁，可以點擊下載按鈕對文件進行下載操作,也可以在搜索之后或點“更多”之后選擇相應文件下載。文件下載頁面顯示如圖4-4所示。

圖4-4 下載文件

4.5 成績管理模塊

成績管理模塊包括對學生成績的上傳、修改、查找及刪除。對家長用戶來說，學習成績是很關注的內容，所以這一節介紹成績管理的核心功能：學生成績的查找。

（1）家長進入學生成績首頁，在頁面左側輸入查找條件，點擊查詢孩子成績，頁面顯示效果如圖4-5所示。

圖4-5 查找孩子成績

（2）家長點擊查看班級成績，頁面效果如圖4-6所示。

圖4-6 查找孩子班級成績

系統通過一個表單，用兩個提交按鈕通過JavaScript實現獲取用戶選擇的查找條件及查找的是孩子成績還是班級成績，如果獲取的查找條件不為空，追加到sql語句中，再根據這個sql語句到數據庫中查找記錄。處理成績查找的關鍵代碼如下所示。