【正文】 ge/OMApp/39。/script)。 } 圖 441 前臺系統(tǒng)未登錄提示信息 企業(yè)進(jìn)貨訂單管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 35 圖 442 后臺系統(tǒng)未登錄提示信息 單擊確定后，返回 頁面，進(jìn)行登錄。 企業(yè)進(jìn)貨訂單管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 36 第 五 章 系統(tǒng)優(yōu)化 在 系統(tǒng)的大部分功能都已經(jīng)開發(fā)完成 后，仍然發(fā)現(xiàn)系統(tǒng)中 存在大量的冗余代碼，可讀性和可維護(hù)性都很差，所以，需要對系統(tǒng)進(jìn)行優(yōu)化。 冗余代碼 合并 系統(tǒng)中，頁面上最多的冗余代碼就是 CSS 樣式，由于系統(tǒng)頁面布局都是通過 table/標(biāo)簽的嵌套來實(shí)現(xiàn)的，所以，頁面不同位置的 table/就有不同的樣式，最初開發(fā)的時候，沒有對每一個頁面的布局有太細(xì)的規(guī)劃，所以，在開發(fā)的過程中，我在每個頁面中都寫了大量的 CSS 樣式來實(shí)現(xiàn)頁面布局，這樣隨著開發(fā)的進(jìn)行，頁面越來越多，重復(fù)的CSS 代碼也就越來越多，一旦想更改樣式，每一個頁面都要更改，工作量非常大，于是，對頁面上的 CSS 代碼進(jìn)行提取和優(yōu)化就顯得十分必要。 主要的優(yōu)化工作，就是對不同位置的 table/標(biāo)簽設(shè)置不同的 class 屬性，然后，將頁面上共同的 CSS 樣式代碼放在 文件中，這樣一來，想調(diào)整樣式，只需要改變 文件就 可以，而不再需要在頁面中一一修改。 對頁面上 CSS 樣式代碼的優(yōu)化，不僅提高的了開發(fā)效率，使維護(hù)系統(tǒng)變的更加容易，而且更使頁面看起來干凈整潔。 優(yōu)化的時候，將所有 table/標(biāo)簽的 class 屬性指定不同的值，從而在 文件中，進(jìn)行樣式的控制，頁面中的代碼如下圖所示： 圖 51 table/標(biāo)簽中的 class 屬性 歸類頁面 為了開發(fā)的方便，我在最初寫代碼的時候，將所有的頁面都放在根目錄下，隨著頁面的增多，查找起來非常的不方便，而且，程序一打開就看到所有的頁面，視覺上也非企業(yè)進(jìn)貨訂單管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 37 常的不舒服，這時，對已開發(fā)好的所有頁面進(jìn)行歸類就顯的非常重要了。當(dāng)然，在歸類頁面的時候會出現(xiàn)很多問題，涉及到 a/標(biāo)簽鏈接地址的修改，資源加載路徑的正確性考慮等等。 經(jīng)過一天的不斷的嘗試，我終于總結(jié)出幾點(diǎn)在歸類頁面時應(yīng)該注意的問題，首先，比如頭文件 、 ，左側(cè)的登錄和公告欄頁面 ，還有底部的文件 等等，都是很多頁面共同引用的，所以，在引用這些公共的資源文件的時候，要使用絕對路徑，防止在不同的位置進(jìn)行訪問時出現(xiàn)問題。而對于非公共資源，它們的訪 問路徑則相對簡單，只要設(shè)置相對路徑可以了。 當(dāng)然，對頁面歸類之后，要進(jìn)行大量的測試 ，確保頁面之間的跳轉(zhuǎn)要正確，不能報404 錯誤。 圖 52 優(yōu)化后的頁面目錄結(jié)構(gòu) JQuery 前端校驗(yàn) 使用 JQuery 對表單信息進(jìn)行校驗(yàn)，使用 AJAX 異步驗(yàn)證表單數(shù)據(jù)的正確性，都可以使用戶體驗(yàn)得到提升。 比如，最初的注冊頁面，沒有任何腳本語言的校驗(yàn)，只要用戶填寫了注冊信息，然后提交就可以注冊成功，但是如果用戶注冊的通行證已經(jīng)存在，就會由于主鍵沖突而注冊失敗，但是用戶卻不知道什么原因，或者，用戶填寫了格式錯誤的 Email 也可以注冊成功。所以，為了改進(jìn)這些，就必須使用腳本語言來對表單數(shù)據(jù)進(jìn)行校驗(yàn)，實(shí)現(xiàn)用戶體驗(yàn)效果的大幅提升。 下面簡要介紹用 JavaScript 的輕量級框架 —— JQuery 來實(shí)現(xiàn) 的新用戶注冊信息校驗(yàn)： 企業(yè)進(jìn)貨訂單管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 38 圖 53 用戶注冊校驗(yàn)信息實(shí)現(xiàn)過程 （ 1） 使用 span class=required/span在 JSP 頁面中預(yù)設(shè)一個區(qū)域 用來 顯示紅色“ *”，意為用戶必填的表單信息，配合 JQuery 中如下代碼 ： 圖 54 可 使頁面 顯示紅色“ *”的 JQuery 代碼 （ 2） 檢測用戶通行證是否已經(jīng)存在的 AJAX 調(diào)用代碼： 圖 55 檢測通行證的 AJAX 調(diào)用代碼 校驗(yàn)結(jié)果返回使用AJAX將數(shù)據(jù)傳遞到JSP頁面進(jìn)行校驗(yàn)JS文件獲取表單數(shù)據(jù) 企業(yè)進(jìn)貨訂單管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 39 圖 56 表單信息校驗(yàn)代碼（部分） 企業(yè)進(jìn)貨訂單管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 40 第 六 章 系統(tǒng)測試 到了最后的測試階段，系統(tǒng)的主要功能都已經(jīng)基本實(shí)現(xiàn)，現(xiàn)在的工作就是要對系統(tǒng)的實(shí)現(xiàn)所有功能進(jìn)行測試 單元測試 單元測試主要是使用在 Eclipse 中集成的 JUnit4，對 JSP 頁面中調(diào)用的接口進(jìn)行測試，由于系統(tǒng)功能的實(shí)現(xiàn)需要大量操作數(shù)據(jù)庫的接口，如果不對接口進(jìn)行測試而直接在頁面中調(diào)用，一旦出現(xiàn)錯誤，查找起來會比較困難，反之，如果對開發(fā)的接口都進(jìn)行了單元測試，保證在頁面中調(diào)用的接口都是正確的，那么，查找問題就會變得 比較容易，開發(fā)速度自然也就變快了 。 作為一種單元測試工具 JUnit4 的一大好處就是我們無需編寫業(yè)務(wù)代碼 ， 運(yùn)用簡單的斷言來驗(yàn)證對錯即可 [7]。 以對 UserBean 中的 getAlluser()方法為例，單元測試的方法如下： （ 1）新建一個工程專門用來做單元測試，命名為 OrderManageTestPro，由于需要對 OrderManage 這個項(xiàng)目中的類和方法做單元測試，所以，需要將 OrderManage 中的 src以 Link Source 的方式加入到新建的測試工程當(dāng)中，當(dāng)然為了不與原工程中的 src 文件夾沖突，必須進(jìn)行重命名，如下圖所示： 圖 61 Link Source （ 2）新建 JUnit Test Case 企業(yè)進(jìn)貨訂單管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 41 圖 62 新建測試類 圖 63 測試方法代碼 企業(yè)進(jìn)貨訂單管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 42 圖 64 測試通過 顯示結(jié)果 圖 65 測試失敗顯示結(jié)果 最后，按照類似的方法，對需要進(jìn)行單元測試的方法逐個進(jìn)行測試，盡早發(fā)現(xiàn)問題并處理，提高開發(fā)效率。 功能測試 本系統(tǒng)涉及的業(yè)務(wù)和功能雖然不算復(fù)雜，但是進(jìn)行功能測試也是十分必要的， 需要把頁面中涉及的所有元素都要考慮到。 最直觀的，要看 css 文件、 js 文件、 image 圖片是否加載正確，顯示是否正常。再者，看頁面中對表單的操作是否都可以正確提交到數(shù)據(jù)庫保存，還有超鏈接是否鏈接正確。 測試結(jié)果 在單元測試和功能測試結(jié)束后，可以得出結(jié)論：基本滿足了用戶需求，具有一定的可行性和實(shí)用價值。 企業(yè)進(jìn)貨訂單管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 43 總結(jié)與展望 本次畢業(yè)設(shè)計(jì)，從對課題的分析，到對 系統(tǒng)需求的分析，再到系統(tǒng)的編碼實(shí)現(xiàn)，經(jīng)歷了幾個月的時間。過程雖然漫長，卻也在實(shí)踐中學(xué)到了許多知識，也積累不少實(shí)際開發(fā)的經(jīng)驗(yàn)。 在設(shè)計(jì)和實(shí)現(xiàn)數(shù)據(jù)庫的時候， 我學(xué)到了很多有關(guān)數(shù)據(jù)庫設(shè)計(jì)方面的知識，明確了數(shù)據(jù)庫建模工具在數(shù)據(jù)庫設(shè)計(jì)當(dāng)中扮演著非常重要的角色，其中 PowerDesigner 就是一個我們應(yīng)該熟練掌握的數(shù)據(jù)庫建模軟件，用 PowerDesigner 來繪制 CDM，得到 ER 模型圖，是數(shù)據(jù)庫設(shè)計(jì)的第一步，如果我們能夠通過先建模再來創(chuàng)建數(shù)據(jù)庫和相關(guān)的表，可以 很大程度上 提高項(xiàng)目開發(fā)中 的工作效率。希望以后有更多的機(jī)會參與到數(shù)據(jù)庫的設(shè)計(jì)當(dāng)中，也希望我以后可以更加熟練的運(yùn)用 PowerDesigner 這個 優(yōu)秀的 建模工具 軟件 。 在 設(shè)計(jì)和實(shí)現(xiàn)系統(tǒng)的時候 ，遇到了很多技術(shù)上的問題 ，少不了通過查找各種資料搜索問題的答案 。進(jìn)貨訂單管理系統(tǒng)，作為企業(yè)訂單管理系統(tǒng)的一個 分支 系統(tǒng)，是企業(yè)實(shí)現(xiàn)商品自動化管理不可缺少的一部分。我的實(shí)現(xiàn)技術(shù)是 JSP，以前對 JSP 的認(rèn)識很淺顯，但是經(jīng)過邊做邊學(xué)的過程 ， 我對 JSP 技術(shù)有了 更 深刻的 理解和 認(rèn)識 。 因?yàn)槿狈?shí)際的開發(fā)經(jīng)驗(yàn)， 在 準(zhǔn)備階段 耗費(fèi) 了 很多時間 調(diào)查研究 進(jìn)貨訂單 的 生成流程 ，但是，由于 用戶 信息 管理，商品 信息 管理， 供應(yīng)商 信息 管理在功能 實(shí)現(xiàn)上使用了類似的方法 ，因此設(shè)計(jì)上沒有花費(fèi)太多時間， 但是細(xì)節(jié)上的實(shí)現(xiàn)問題還是花了很多的時間 。當(dāng)調(diào)試出現(xiàn)問題 時 ， 必須先看 Console 控制臺的日志，查看錯誤信息 ， 定位到具體的某一行的代碼，進(jìn)行解決。遇到不太容易解決的，可以使用 debug 模式，逐行調(diào)試。 在實(shí)際開發(fā)畢業(yè)設(shè)計(jì)的過程中 ， 我 積累了 很多 有關(guān) 數(shù)據(jù)庫 建模 和 小型系統(tǒng) 開發(fā)的 經(jīng)驗(yàn) ，還有 一些 常用的 技巧。 同時，我也認(rèn)識到自己沒有把很多知識理解透，更不能很好的將理論和實(shí)際結(jié)合起來 。 雖然系統(tǒng)的開發(fā)告一段落，但我深知 ，自己的系統(tǒng)當(dāng)中還存在很多的不足有待完善，畢業(yè)之后，我會繼續(xù)完善和改進(jìn)自己的程序 ，爭取做到更好 。 企業(yè)進(jìn)貨訂單管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 44 參考文獻(xiàn) [1] 孫小錐，上官右黎，文福安 . 基于輕量級 J2EE 框架的網(wǎng)絡(luò)教學(xué)系統(tǒng) [J].計(jì)算機(jī)工程 ,2021,34(6):266267. [2] 莊麗 . 企業(yè)訂單管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) [D].吉林大學(xué) ,2021. [3] 吳曼霞 . 企業(yè)訂單跟蹤管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) [D].電子科技大學(xué) ,2021. [4] 鄭勇 ,盧捍華 ,孫雁飛 ,閔麗娟 ,王亞石 . 基于 Ajax 和 CORBA 中間件的分布式訂單管理系統(tǒng) [J]. 計(jì)算機(jī)技術(shù)與發(fā)展 ,2021,08:201204. [5] ]郭正華 ,楊義 ,郭吉萍 ,方平 . 基于 PowerDesigner 的焊接企業(yè)資源數(shù)據(jù)庫建模 [J]. 軟件導(dǎo)刊 ,2021,03:9597. [6] 彭兵 ,羅薇 . 基于 JavaBean 的數(shù)據(jù)庫訪問技術(shù) [J]. 電腦知識與技術(shù) (學(xué)術(shù)交流 ),2021,13:2122. [7] 費(fèi)丹青 ,李思易 . 單元測試工具 TestNG 和 JUnit 參數(shù)化研究 [J]. 福建電腦 ,2021,11:4445+13. [8] 趙曉峰 . 基于 JSP與 JavaBean技術(shù)的 Web應(yīng)用開發(fā) [J]. 深圳信息職業(yè)技術(shù)學(xué)院學(xué)報 ,2021,Z1:3943. 企業(yè)進(jìn)貨訂單管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 45 致 謝 畢業(yè)設(shè)計(jì)的 完成，為我的大學(xué)生活畫上了一個圓滿的句號， 雖然，這個過程中遇到了許多困難，卻因?yàn)樵S多人對我的幫助和支持，而變得特別有意義 。 我將會永遠(yuǎn)記住最后努力拼搏的日子。 我要 非常感謝 強(qiáng)玨嫻老師和沈瀛鋒 老師在我大學(xué)的最后 一個 學(xué)習(xí)階段 —— 完成 畢業(yè)設(shè)計(jì) 階段給自己的指導(dǎo)和幫助。沒有他們，我不可能如此順利的完成自己大學(xué)生涯的最后作業(yè)，也不可能學(xué)到這么多讓我終身受用的寶貴經(jīng)驗(yàn)。 從最初的定題，到資料收集，到分析講解，到實(shí)際開發(fā)，再到寫作、修改，到論文定稿，他們給了我耐心的指導(dǎo)和無私的幫助。為了指導(dǎo)我的畢業(yè)論文，老師放棄了自己的休息時間，他們的這種無私奉獻(xiàn)的敬業(yè)精神令人欽佩。 在此我向 他們表達(dá) 我發(fā)自內(nèi)心的感激之情 。 同時，感謝所有任課老師和所有同學(xué)在這四年來給 我 的指導(dǎo)和幫助，是他們教會了我專業(yè)知識，教會了我如何學(xué)習(xí)，教會了我如何做人。正是由于他們，我才能在各方面取得顯著的進(jìn)步，在此向他們表示我由衷的謝意，并祝所有的老師培養(yǎng)出越來越多的優(yōu)秀人才，桃李滿天下！ 一切的努力都是值得的，我的畢 業(yè)論文 —— 《企業(yè)進(jìn)貨訂單管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)》終于完成了，這意味著大學(xué)生活即將結(jié)束 ，我也將步入新的環(huán)境，開始新的生活 。在大學(xué)階段，我在學(xué)習(xí)上和思想上都受益非淺，這除了自身的努力外，與各位老師、同學(xué)和朋友的關(guān)心、支持和鼓勵是分不開的。 在本論文的寫作過程中，我的導(dǎo)師 強(qiáng)玨嫻 老師傾注了大量的心血，從選題到開題報告，從寫作提綱，到一遍又一 遍指出每稿中的具體問題，嚴(yán)格把關(guān)，循循善誘，在此我表示發(fā)自內(nèi)心的想說一句謝謝 。同時我還要感謝在我學(xué)習(xí)期間給我極大關(guān)心和支持的各位老師以及關(guān)心我的同學(xué)和朋友。寫作畢業(yè)論文是一次 再 學(xué)習(xí) 的過程，畢業(yè)論文的完成，同樣也意味著新的學(xué)習(xí)生活的開始。 最后，我想說，我將永遠(yuǎn)珍藏大學(xué)四年的所有記憶 ， 帶著這些記憶繼續(xù)前行，開始新的生活 ，也 感謝各位 導(dǎo)師 的批評指導(dǎo) ！ 企業(yè)進(jìn)貨訂單管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 46 附 錄 圖 1 Java 類列表 圖 2 JSP 頁面目錄 企業(yè)進(jìn)貨訂單管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 47 圖 3 連接數(shù)據(jù)庫的工具類 企業(yè)進(jìn)貨訂單管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 48 圖 4 新用戶注冊信息校驗(yàn)?zāi)_本