AJAX和XML數(shù)據(jù)存儲

《AJAX和XML數(shù)據(jù)存儲》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、實習(xí)報告(JSP美化以及XML存儲數(shù)據(jù))注：該報告是在原文檔修改添加的，為方便老師查閱，主要修改部分已用彩色字體標(biāo)注出來了，xml部分在最后面。所選題目：招聘信息管理系統(tǒng)功能介紹：這是一個簡易的用戶管理招聘信息的系統(tǒng)，可以實現(xiàn)用戶注冊和登錄，還能查看和搜索數(shù)據(jù)庫中的已存數(shù)據(jù)信息。使用的技術(shù)：服務(wù)端用到了servlet和jsp，前端則使用HTML和CSS以及Javascript，同時還使用MySQL數(shù)據(jù)庫作為數(shù)據(jù)倉庫。另外，還引入了一個Javascript工具庫。本系統(tǒng)的特點是，利用Javascript跟后臺結(jié)合實現(xiàn)了異步加載的功能，即AJAX，從而給與用戶比較好的使用

2、體驗。我還使用了XML來存儲用戶名稱，每當(dāng)有新用戶注冊成功后，除了向數(shù)據(jù)庫寫入用戶名以及密碼等相關(guān)數(shù)據(jù)以外，還會向該xml文件寫入用戶名，下次用戶在登錄時輸入用戶名的時候，可以從該xml文件中讀取用戶名，并顯示匹配的提示，方便用戶快速輸入。功能模塊：管理系統(tǒng)首頁：該頁面中列出全部招聘信息，并設(shè)置有注冊，登錄，搜索的導(dǎo)航按鈕。(該頁面在用戶沒有登錄的情況下(通過session判斷的)，會自動跳轉(zhuǎn)到登錄界面要求用戶登錄。)該頁面截圖如下：界面截圖登錄界面：用戶必須先登錄才能查看系統(tǒng)里面的數(shù)據(jù)，在用戶名輸入用戶名的時候，通過AJAX技術(shù)，輸入欄下方會實時顯示一個下拉建議列表

3、，以方便用戶選擇自己的用戶名從而快速登錄。這些數(shù)據(jù)是從xml文件中讀取出來的。后面會介紹是如何讀取數(shù)據(jù)的。另外，在該頁面，有一個注冊按鈕，用于給沒有注冊的用戶進行注冊。頁面截圖如下：注冊頁面：該頁面用于給用戶進行注冊，在用戶輸入自己希望的用戶名后，系統(tǒng)會自動檢測該用戶名是否已經(jīng)被注冊，是的話就即刻提示用戶，讓其更換一個。在用戶成功注冊后，會把用戶名和密碼寫入數(shù)據(jù)庫。同時設(shè)置一個session，表示該用戶此時已經(jīng)自動登錄并可以瀏覽信息展示頁面和進入搜索頁面了。頁面截圖如下：已被注冊的情況未被注冊的情況注冊信息確認(rèn)頁面：該頁面是在用戶成功提交注冊信息后跳轉(zhuǎn)到的頁面，在該頁

4、面，會提示用戶輸入剛才填寫的用戶名，在輸入欄失去焦點時，系統(tǒng)會自動從數(shù)據(jù)庫中取回改成用戶填寫的密碼，顯示給用戶，如果不是，用戶點擊“不是哦”后，鼠標(biāo)會自動跳入用戶名輸入欄中，并清空里面的內(nèi)容。在用戶點擊確認(rèn)后，即可跳轉(zhuǎn)到信息展示主頁面。此時用戶是已經(jīng)登錄了的，不需要再到登錄頁面去執(zhí)行登錄了。下面是該頁面的截圖：初始界面輸入自己用戶名后的提示界面搜索頁面：在信息展示主頁面的右上方，有幾個導(dǎo)航按鈕，其中有一個是“搜索”按鈕，按下該按鈕后，頁面會跳轉(zhuǎn)到搜索頁面。在搜索欄中輸入你想查看的公司的招聘信息，系統(tǒng)就會查找數(shù)據(jù)庫中的數(shù)據(jù)，顯示給用戶。這里用到了自定義tag標(biāo)簽，并以j

5、son的方式返回數(shù)據(jù)。程序中json數(shù)據(jù)的格式為：{"info":{"degree":"碩士","job":"手機軟件開發(fā)","salary":"9000"}}該數(shù)據(jù)的生成過程是：在用戶輸入一個公司名后，點擊后面的按鈕，會觸發(fā)javascript代碼（由自定義標(biāo)簽生成的）中定義好的事件處理程序，該程序會向servlet發(fā)送一個請求，請求中包含了一個參數(shù)（公司名稱），servlet收到請求后會根據(jù)該公司名稱到數(shù)據(jù)庫中取回其相關(guān)信息，然后打包成一個json，返回給原來的javascript處理。在search.jsp中使用了自定義標(biāo)簽，引入方式為：<%@tagliburi

6、="/WEB-INF/taglibFile.tld"prefix="ajax"%>使用方式為：該標(biāo)簽的作用原理是：根據(jù)標(biāo)簽屬性來在此處輸出相應(yīng)的javascript代碼，從而自動實時的操作特定的頁面DOM元素（這里是3個表單text域），實現(xiàn)ajax異步獲取數(shù)據(jù)并顯示的功能。效果為：不刷新界面更新界面顯示的數(shù)據(jù)。該頁面截圖如下：數(shù)據(jù)庫中一共兩張表，分

7、別是employ和users，分別用來存放用戶數(shù)據(jù)和招聘的信息。下面是數(shù)據(jù)庫的截圖：總覽employ表Users表XML文件中的內(nèi)容大概如下所示，它會隨著用戶的注冊而添加新的數(shù)據(jù)項：wangyuanhuanghongweiwangxiaoyazhangsan