【正文】 在大學(xué)階段，我在學(xué)習(xí)上和思想上都受益非淺，這除了自身的努力外，與各位老師、同學(xué)和朋友的關(guān)心、支持和鼓勵(lì)是分不開的。 我將會(huì)永遠(yuǎn)記住最后努力拼搏的日子。我的實(shí)現(xiàn)技術(shù)是 JSP，以前對(duì) JSP 的認(rèn)識(shí)很淺顯，但是經(jīng)過邊做邊學(xué)的過程 ， 我對(duì) JSP 技術(shù)有了 更 深刻的 理解和 認(rèn)識(shí) 。再者，看頁面中對(duì)表單的操作是否都可以正確提交到數(shù)據(jù)庫保存，還有超鏈接是否鏈接正確。 圖 52 優(yōu)化后的頁面目錄結(jié)構(gòu) JQuery 前端校驗(yàn) 使用 JQuery 對(duì)表單信息進(jìn)行校驗(yàn)，使用 AJAX 異步驗(yàn)證表單數(shù)據(jù)的正確性，都可以使用戶體驗(yàn)得到提升。 冗余代碼 合并 系統(tǒng)中，頁面上最多的冗余代碼就是 CSS 樣式，由于系統(tǒng)頁面布局都是通過 table/標(biāo)簽的嵌套來實(shí)現(xiàn)的，所以，頁面不同位置的 table/就有不同的樣式，最初開發(fā)的時(shí)候，沒有對(duì)每一個(gè)頁面的布局有太細(xì)的規(guī)劃，所以，在開發(fā)的過程中，我在每個(gè)頁面中都寫了大量的 CSS 樣式來實(shí)現(xiàn)頁面布局，這樣隨著開發(fā)的進(jìn)行，頁面越來越多，重復(fù)的CSS 代碼也就越來越多，一旦想更改樣式，每一個(gè)頁面都要更改，工作量非常大，于是，對(duì)頁面上的 CSS 代碼進(jìn)行提取和優(yōu)化就顯得十分必要。alert(39。 s = s + temp。 } 主鍵值 生成算法 聲明的變量 s 為各個(gè)表作為主鍵字段的前綴字符串，一張表中的每條記錄都是一樣的， 而后面三位，則是由算法隨機(jī) 生成的，具體代碼如下： String s = …… .。 3． 供應(yīng)商 信息 表 ： 圖 438 創(chuàng)建 supplier 表 供應(yīng)商 信息表 主要描述供應(yīng)商的一些相關(guān)信息，如 字段 supplierID 是 供應(yīng)商 ID（ 此企業(yè)進(jìn)貨訂單管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 32 ID 和商品 ID 一樣，是系統(tǒng) 使用算法 自動(dòng)生成的 ） ，還有 字段 supplierName 是 供應(yīng)商名稱 ， 字段 supplierAddress 是 供應(yīng)商 聯(lián)系 地址 ， 字段 supplierEmail 是 供應(yīng)商 Email， 字段supplierTel 是 供應(yīng)商聯(lián)系電話 。 供應(yīng)商 管理 模塊 供應(yīng)商管理 模塊中，可以進(jìn)行供應(yīng)商信息的添加、刪除、修改。 進(jìn)貨員未登錄的時(shí)候，只可以瀏覽進(jìn)貨訂單列表，只有登錄之后，才可以訪問其他四個(gè)模塊。 使用 PowerDesigner輔助數(shù)據(jù)庫設(shè)計(jì)，其中的概念數(shù)據(jù)模型（ CDM）可由 ER 模型細(xì)化而建立， CDM 是對(duì)現(xiàn)實(shí)應(yīng)用實(shí)體及實(shí)體間聯(lián)系的抽象表示，使用 CDM 描述數(shù)據(jù)表及相關(guān)關(guān)系可以方便系統(tǒng)理解，有利于系統(tǒng)的設(shè)計(jì)和維護(hù)，并且可以方便轉(zhuǎn)換成基于某種具體的 DBMS 的物理數(shù)據(jù)模型（ PDM） [5]。在商品信息，以及供應(yīng)商信息的基礎(chǔ)上，用戶可以生成進(jìn)貨訂單 ，等到管理員授權(quán)再執(zhí)行采購計(jì)劃 。比如， 可以在新用戶注冊(cè)頁面，還有查詢顯示單行數(shù)據(jù)時(shí)， 依靠 JQuery 來 處理來實(shí)現(xiàn)的。這種支持主要體現(xiàn)在代碼復(fù)用 ， 縮短了開發(fā)時(shí)間。 前臺(tái)用戶 —— 進(jìn)貨員的用例圖如下圖所示： 圖 21 進(jìn)貨員用例圖 二、后臺(tái)管理員需求（企業(yè)管理者） 前臺(tái)需要提供鏈接可以直接進(jìn)入后臺(tái)管理系統(tǒng)； 企業(yè)管理者以管理員身份登錄系統(tǒng)，查看訂單 狀態(tài)，對(duì)新生成的訂單授權(quán)進(jìn)貨員去執(zhí)行；可以增加、刪除、修改供應(yīng)商信息，同樣可以管理商品信息和用戶信息；可以凍結(jié)已經(jīng)注冊(cè)的進(jìn)貨員，使其無法登錄系統(tǒng)。 國內(nèi)外研究現(xiàn)狀 在國內(nèi)，隨著互聯(lián)網(wǎng)技術(shù)在全世界的普及，基于互聯(lián)網(wǎng)技術(shù)的各種應(yīng)用也蓬勃發(fā)展。 供應(yīng)商信息搜索和查詢 ：查詢供應(yīng)商的相關(guān)信息。 訂單生成， 是進(jìn)貨訂單管理系統(tǒng)中最為重要的一個(gè)功能。所以說，對(duì)小規(guī)模的企業(yè)而言，開發(fā)一個(gè)小而且實(shí)用的訂單管理管理系統(tǒng)是非常必要的。 JavaBean可重用的軟件組件滿足小型應(yīng)用，同時(shí)使編程人員投入 少量 精力便可重用組件，在簡單的應(yīng)用中可以充分考慮。 從整體上來講，系統(tǒng)開發(fā)設(shè)計(jì)，采用 B/S架構(gòu)，進(jìn)貨員只要在瀏覽器中訪問系統(tǒng)即可，數(shù)據(jù)的處理都在服務(wù)器端進(jìn)行，實(shí)現(xiàn)統(tǒng)一管理，保證了數(shù)據(jù)的一致性。 尤其是在 一些小型企業(yè)里，公司規(guī)模比較 小，沒有足夠的人員，也沒有足夠的資金來開發(fā)一套完整的 ERP 系統(tǒng)，但是 卻渴望使用小而實(shí)用的系統(tǒng)實(shí)現(xiàn)訂單管理的自動(dòng)化 。 本課題主要研究的是進(jìn)貨訂單的自動(dòng)化管理，初步了解后，發(fā)現(xiàn)目前常見的進(jìn)貨訂單管理系統(tǒng)具有以下幾個(gè)功能模塊： 供應(yīng)商 信息 管理，在生成進(jìn)貨訂單時(shí)，能方便的選擇合適 的供應(yīng)商。 用戶注冊(cè) ：可實(shí)現(xiàn)普通用戶 （ 進(jìn)貨員 ）的注冊(cè)登錄 。 供應(yīng)商信息管理 ：實(shí)現(xiàn)供應(yīng)商的添加 、 刪除工作。 但是，企業(yè)訂單管理在實(shí)際的應(yīng)用中，還是存在著一些問題的： （ 1）缺乏對(duì)訂單的有效跟蹤和監(jiān)督； （ 2）訂單結(jié)算 不能夠及時(shí)處理； （ 3）管理者 難以對(duì)訂單數(shù)據(jù)重復(fù)利用 [3]。 不論是 Servlet 還是 JSP，它們都是在服務(wù)器端執(zhí)行的，通常返回該客戶端的就是一個(gè) HTML 的文本文件，因此， 瀏覽器就是在解析 HTML 文件而已。比如可以動(dòng)態(tài)的校驗(yàn)用戶填寫的表單數(shù)據(jù)，實(shí)現(xiàn)數(shù)據(jù)顯示的變化，也可以實(shí)現(xiàn)動(dòng)畫效果，并且方便地為網(wǎng)站提供 AJAX 交互。 J a v a S c r i p t客 戶 端序 列 化 后 的 請(qǐng) 求 數(shù) 據(jù)數(shù) 據(jù) 反 序 列 化 為J a v a S c r i p t 類 型根 據(jù) 結(jié) 果 執(zhí) 行 操 作服 務(wù) 器 端反 序 列 化 為 原 生 數(shù) 據(jù) 類 型調(diào) 用 函 數(shù) 或 者 方 法把 結(jié) 果 序 列 化 為 標(biāo) 準(zhǔn) 格 式 圖 23 JavaScript 遠(yuǎn)程腳本原理圖 [4] 企業(yè)進(jìn)貨訂單管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 7 開發(fā)及運(yùn)行環(huán)境 計(jì)算機(jī) 操作系統(tǒng)： Windows7 旗艦版 數(shù)據(jù)庫 管理軟件 ： SQL Server 2021 系統(tǒng)開發(fā)工具軟件 ： Eclipse 系統(tǒng)運(yùn)行服務(wù)器： Tomcat7 單元測試工具： JUnit4 企業(yè)進(jìn)貨訂單管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 8 第三章 系統(tǒng) 概要 設(shè)計(jì) 模塊 設(shè)計(jì) 從前面的需求分析中得知， 必須應(yīng)該把系統(tǒng)分為前臺(tái)和后臺(tái)兩個(gè)部分來設(shè)計(jì) ， 因此模塊也分為兩大類：前臺(tái)模塊和后臺(tái)模塊。 數(shù)據(jù)庫 建模 本系統(tǒng)所要連接的數(shù)據(jù)庫需要存儲(chǔ)登錄系統(tǒng)的用戶信息，供應(yīng)商信息，商品信息，訂單信息， 四張表 。 導(dǎo) 航 欄注 冊(cè)登 錄公 告數(shù) 據(jù) 顯 示 區(qū) 域版 權(quán) 信 息 圖 38 頁面布局設(shè)計(jì)圖 屬于擁有屬于擁有屬于擁有usersuserIDuserNameuserPassworduserTeluserEmailuserAddressuserFreeze...varchar(50)varchar(50)varchar(50)varchar(50)varchar(50)varchar(50)integerpkgoodsgoodIDgoodNamegoodPricegoodNumgoodProductorgoodState...varchar(50)varchar(50)numeric(8)integervarchar(50)integerpksuppliersupplierIDsupplierNamesupplierAddresssupplierEmailsupplierTel...varchar(50)varchar(50)varchar(50)varchar(50)varchar(50)pkordersorderIDuserIDgoodIDsupplierIDorderPayorderCarryorderNumorderPriceorderStateorderDatevarchar(50)varchar(50)varchar(50)varchar(50)varchar(50)varchar(50)integernumeric(50)integervarchar(50)pkfk1fk2fk3企業(yè)進(jìn)貨訂單管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 13 以下四個(gè)頁面是系統(tǒng)中所有頁面所共用的 ，是實(shí)現(xiàn)頁面布局的公共資源： 導(dǎo)航欄 —— 前臺(tái)系統(tǒng)命名為 ，后臺(tái)系統(tǒng)命名為 ； 注冊(cè)、登錄、公告 —— ； 版權(quán)信息 —— 。如果有商品有進(jìn)貨需求，單擊則可以生成對(duì)應(yīng)的商品訂單信息。 數(shù)據(jù)庫中需要存放四張表，分別 為用戶表 （ users），商品表（ goods），供應(yīng)商表（ suppliers） ，訂單表（ orders）。 int page = (strPage)。 i++) { String temp = 。 實(shí)現(xiàn)的方法： （ 1） 在需要控制訪問權(quán)限的頁面起始處 ，添加： jsp:include page=“ ” /； （ 2） 在 頁面中，使用 ： (UserName)。/script)。 經(jīng)過一天的不斷的嘗試，我終于總結(jié)出幾點(diǎn)在歸類頁面時(shí)應(yīng)該注意的問題，首先，比如頭文件 、 ，左側(cè)的登錄和公告欄頁面 ，還有底部的文件 等等，都是很多頁面共同引用的，所以，在引用這些公共的資源文件的時(shí)候，要使用絕對(duì)路徑，防止在不同的位置進(jìn)行訪問時(shí)出現(xiàn)問題。 以對(duì) UserBean 中的 getAlluser()方法為例，單元測試的方法如下： （ 1）新建一個(gè)工程專門用來做單元測試，命名為 OrderManageTestPro，由于需要對(duì) OrderManage 這個(gè)項(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é)果 最后，按照類似的方法，對(duì)需要進(jìn)行單元測試的方法逐個(gè)進(jìn)行測試，盡早發(fā)現(xiàn)問題并處理，提高開發(fā)效率。希望以后有更多的機(jī)會(huì)參與到數(shù)據(jù)庫的設(shè)計(jì)當(dāng)中，也希望我以后可以更加熟練的運(yùn)用 PowerDesigner 這個(gè) 優(yōu)秀的 建模工具 軟件 。 同時(shí)，我也認(rèn)識(shí)到自己沒有把很多知識(shí)理解透，更不能很好的將理論和實(shí)際結(jié)合起來 。 在此我向 他們表達(dá) 我發(fā)自內(nèi)心的感激之情 。寫作畢業(yè)論文是一次 再 學(xué)習(xí) 的過程，畢業(yè)論文的完成，同樣也意味著新的學(xué)習(xí)生活的開始。 從最初的定題，到資料收集，到分析講解，到實(shí)際開發(fā)，再到寫作、修改，到論文定稿，他們給了我耐心的指導(dǎo)和無私的幫助。遇到不太容易解決的，可以使用 debug 模式，逐行調(diào)試。過程雖然漫長，卻也在實(shí)踐中學(xué)到了許多知識(shí)，也積累不少實(shí)際開發(fā)的經(jīng)驗(yàn)。 下面簡要介紹用 JavaScript 的輕量級(jí)框架 —— JQuery 來實(shí)現(xiàn) 的新用戶注冊(cè)信息校驗(yàn)： 企業(yè)進(jìn)貨訂單管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 38 圖 53 用戶注冊(cè)校驗(yàn)信息實(shí)現(xiàn)過程 （ 1） 使用 span class=required/span在 JSP 頁面中預(yù)設(shè)一個(gè)區(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)在的工作就是要對(duì)系統(tǒng)的實(shí)現(xiàn)所有功能進(jìn)行測試 單元測試 單元測試主要是使用在 Eclipse 中集成的 JUnit4，對(duì) JSP 頁面中調(diào)用的接口進(jìn)行測試，由于系統(tǒng)功能的實(shí)現(xiàn)需要大量操作數(shù)據(jù)庫的接口，如果不對(duì)接口進(jìn)行測試而直接在頁面中調(diào)用，一旦出現(xiàn)錯(cuò)誤，查找起來會(huì)比較困難，反之，如果對(duì)開發(fā)的接口