Java Web程序設計 案例課后作業(yè) 楊豐玉

案例配套課后作業(yè)（一）作業(yè)1：頁面布局要求利用所學的HTML知識搭建以下網(wǎng)頁界面，特別是運用Table或DIV進行頁面布局。具體技術要求如下：總布局使用框架，左側(cè)和上側(cè)均為獨立的頁面；點擊“寫短消息”鏈接能夠跳轉(zhuǎn)到“寫短消息”頁面，點擊查看所有消息，跳轉(zhuǎn)到另外的頁面（可以用空白頁面代替）；填寫內(nèi)容的HTML元素均須放到一個Form元素中；下拉框中的內(nèi)容為“姓名1”、“姓名2”、“……”；“重設”按鈕要求能夠讓頁面上的內(nèi)容重置；“標題”和“內(nèi)容”的寬度盡量保持一致；頁面代碼應該整齊規(guī)范。

（二）作業(yè)2：樣式表的設計與使用要求設計一個“查看所有人員”的管理查詢功能，其界面如下圖所示：技術要求：采用Table元素顯示人員信息，其中要給出至少一條示例數(shù)據(jù)；表頭部分的文字要加粗并居中顯示，表頭行需要加背景，圖片參見附件壓縮包；表格邊框線要設置為細線，顏色用#cccccc；表格上方的查詢信息單獨放在一行，居中顯示；“姓名”和“所在部門”的兩個條件輸入框只顯示下邊框；操作列中的兩個圖標分別顯示“查看詳細”和“刪除”的提示信息；所有CSS樣式定義需放在mystyle.css文件中，在頁面中使用，樣式的命名應簡潔明了、便于理解；

（三）作業(yè)3：Javascript綜合運用在案例資源的左側(cè)菜單中，增加“人員管理”功能模塊，包含兩塊功能：查看人員和管理人員，系統(tǒng)界面如下圖所示：具體技術要求如下：左側(cè)的人員管理模塊點擊后可折疊和展開，根據(jù)當前的狀態(tài)進行判斷；利用Javascript進行跳轉(zhuǎn)，點擊左側(cè)的“查看人員”可在右側(cè)的界面中進行頁面跳轉(zhuǎn)；對查詢條件中輸入的特殊字符進行判斷，不允許出現(xiàn)%、*、！等特殊字符，如果檢測出現(xiàn)，則提示；點擊“查看詳細”，可彈出一個新的窗口，顯示該條記錄的詳細信息，頁面可自己定制；點擊“刪除”，需彈出一個提示框，詢問是否確認刪除，如果點擊“是”，則提示“開始刪除”，如果點擊“否”，則無提示；所有的JS文件要求放在單獨的文件中，在HTML頁中進行引用。

（四）作業(yè)4：Jsp應用編程根據(jù)所學習的JSP知識與案例資源中的有關資料，編寫“添加人員”功能，其界面要求如下：具體技術要求如下：添加人員頁面命名為add_person.jsp，要求頁面編碼為utf-8，頁面上元素有以下要求：所有的輸入和按鈕元素均應放在form元素中；表單元素的提交方法應設置為post方式，保存按鈕的類型為submit；所屬部門的下拉框中列出三個以上部門，如財務部、辦公室、工程技術部等；添加一個新的頁面add_person_do.jsp，在該頁面中處理數(shù)據(jù)，主要操作包括：通過request對象獲取前一個頁面上填寫的數(shù)據(jù)，注意要處理中文；驗證用戶是否登錄，如果未登錄或登錄超時，則跳轉(zhuǎn)回登錄頁面；對“所屬部門”和“姓名”兩個輸入框進行驗證，如果為空，則跳轉(zhuǎn)回add_person.jsp頁面，并在*后提示“信息未填寫”；如果填寫成功，則跳轉(zhuǎn)至查看人員列表（list_person.jsp）頁面；

（五）作業(yè)5：Jdbc數(shù)據(jù)庫訪問根據(jù)所學的JDBC及數(shù)據(jù)庫知識，要求在系統(tǒng)中添加功能“添加人員”，將頁面填寫的信息保存到數(shù)據(jù)庫中，假設Mysql數(shù)據(jù)庫(用戶名：root,密碼:test1234,url:127.0.0.1:3306)已存在數(shù)據(jù)表t_person，其表結構如下表所示：序號字段名稱中文含義數(shù)據(jù)類型是否主鍵1person_id人員編號int是2person_name姓名varchar(50)3dept_name所屬部門varchar(50)4description個人簡介varchar(500)5work_date入職時間datetime(8)要求在前一次作業(yè)中的add_person_do.jsp文件中完成下列技術要求：建立數(shù)據(jù)庫連接，有異常判斷語句；將頁面上獲取的數(shù)據(jù)保存到數(shù)據(jù)庫中，要求使用PreparedStatement執(zhí)行SQL語句和傳參；“入職時間”要求先轉(zhuǎn)換為日期類，再插入到數(shù)據(jù)庫中；插入前要先判斷數(shù)據(jù)庫中某個部門是否已存在該姓名的員工，如果已存在，則跳轉(zhuǎn)回add_person.jsp，并在頁面上用紅色字體顯示“該員工已存在”；獲取插入語句的執(zhí)行結果，如果插入出錯，則跳轉(zhuǎn)回add_person.jsp，并提示“出錯了”，如果插入成功，則提示“保存成功”，并跳轉(zhuǎn)到list_person.jsp頁面；要求頁面中的代碼必須整齊規(guī)范；

（六）作業(yè)6：Servlet技術應用要求根據(jù)所學的Servlet技術和JDBC知識，完成“查看人員列表”功能，并能根據(jù)條件查詢?nèi)藛T列表，數(shù)據(jù)庫表參見上次作業(yè)，具體界面如下圖所示：具體的技術要求如下：創(chuàng)建ListPersonServlet類，url-pattern配置為/person/list，同時創(chuàng)建頁面list_person.jsp頁面跳轉(zhuǎn)的邏輯為，點擊左側(cè)的“查看人員”，跳轉(zhuǎn)到/person/list，查詢好所有數(shù)據(jù)后，跳轉(zhuǎn)到list_person.jsp要求建立Person實體類，ListPersonServlet將查詢好的數(shù)據(jù)封裝到List<Person>列表中，并利用request對象傳遞到list_person.jsp頁面上。list_person.jsp頁面上不允許出現(xiàn)數(shù)據(jù)庫連接代碼，只能從request對象中獲取從servlet傳遞過來的數(shù)據(jù)，并利用循環(huán)結合表格tr元素顯示查詢結果數(shù)據(jù)；頁面上的“所在部門”字段為完整查詢關鍵字，即根據(jù)輸入的完整部門名稱到數(shù)據(jù)庫表中查詢部門名稱等于該輸入條件的人員；頁面上的“姓名”字段為模糊查詢關鍵字，可根據(jù)輸入的關鍵字部分匹配數(shù)據(jù)庫表中的記錄，并在頁面上顯示結果；允許兩個條件組合查詢；

（七）作業(yè)7-MVC綜合運用要求在前面幾次作業(yè)的基礎上，結合所學的Servlet、JavaBean、JDBC等知識，重構代碼，完成“人員管理”功能模塊，具體的技術要求如下：嚴格遵循MVC模式，分別定義PersonServlet，Person，PersonDao等java文件，完成相應部分的功能；利用案例資源中的DbUtil類，構建出類似的數(shù)據(jù)庫訪問輔助類；重構完成“查看人員列表”功能，利用PersonServlet的personList方法，調(diào)用PersonDao的listPerson方法獲取數(shù)據(jù)，傳遞到person_list.jsp中進行顯示；重構完成“添加人員”功能，利用PersonServlet的personAdd方法，調(diào)用PersonDao的savePerson方法保存數(shù)據(jù)到數(shù)據(jù)庫中，并顯示保存操作的結果；增加“修改人員”功能，在列表頁面中選擇要修改的人員后，利用PersonServlet的personEdit方法跳轉(zhuǎn)到person_edit.jsp頁面，顯示要修改的人員信息，修改后點擊保存，到PersonServlet中調(diào)用PersonDao的modify方法進行保存，并顯示保存操作的結果；增加“刪除人員”功能，在列表頁面中選擇要刪除的人員后，利用personSe