【正文】 的方法和步驟的失誤，包括信息收集不全、功能不明確、需求文檔不完善等，都可能造成軟件開發(fā)中的困難。 系統(tǒng)應(yīng)該滿足的功能 通過調(diào)查研究，一個較好的管理系統(tǒng)不僅僅要求管理方便易用，更需要安全、可靠，本系統(tǒng)的要求是： 由于操作人員的計算機(jī)知識水平有限，因此要求系統(tǒng)具有良好的人機(jī)界面。 實(shí)現(xiàn)數(shù)據(jù)的動態(tài)管理，完成添加功能。 系統(tǒng)業(yè)務(wù)流程 操作員管理業(yè)務(wù) 操作員通過登錄進(jìn)入系統(tǒng)主界面，通過進(jìn)入各模塊實(shí)現(xiàn)與數(shù)據(jù)庫的良好交互操作，具體業(yè)務(wù)流程如下圖所示。 圖 基于 JSP 銷售管理系統(tǒng)的設(shè)計和實(shí)現(xiàn) 12 系統(tǒng)功能需求 系統(tǒng)功能結(jié)構(gòu)圖 圖 系統(tǒng)功能具體需求描述 ：實(shí)現(xiàn)對客戶、商品的管理及信息檢索功能。在商品信息管理和客戶信息管理模塊中要求實(shí)現(xiàn)信息的添加功能，在商品信息查詢、客戶信息查詢兩個模塊中實(shí)現(xiàn)信息的查詢功能。 在這兩個模塊中將實(shí)現(xiàn)銷售商品以及銷售員信息的添加與查詢功能。主要包括操作員管理和個人密碼修改兩方面。 基于 JSP 銷售管理系統(tǒng)的設(shè)計和實(shí)現(xiàn) 13 第 四 章 系統(tǒng)設(shè)計 系統(tǒng)總體設(shè)計 開發(fā)環(huán)境的選擇 在進(jìn)行 開發(fā) 之前 ,首先決定的第一個問題就是 ,該使用什么開發(fā)環(huán)境來編寫該系統(tǒng) ? 以目前常見的 網(wǎng)絡(luò) 程序語言來說 ,主要有 JSP、 ASP、 PHP、 .NET 幾種。 選擇程序語言 為 JSP。 用戶 可能使用的是 Windows? Linux?。 ⒉ 將內(nèi)容的產(chǎn)生和顯示進(jìn)行分離 使用 JSP 技術(shù)， Web 頁面開發(fā)人員可以使用 HTML 或者 XML 標(biāo)識來 設(shè)計 和格式化最終頁面。產(chǎn)生內(nèi)容的邏輯被封裝在標(biāo)識和 JavaBeans 群組件中，并且捆綁在小腳本中，所有的腳本在服務(wù)器 端執(zhí) 行。在 服務(wù)器 端， JSP 引擎解釋 JSP 標(biāo) 識，產(chǎn)生所請求的內(nèi)容并且將結(jié)果以 HTML 頁面的形式發(fā)送回瀏覽器。 絕大多數(shù) JSP 頁面依賴于可重用組件（如： JavaBeans 或者Enterprise JavaBeans）來執(zhí)行應(yīng)用程序所要求的更為復(fù)雜的處理?；诮M件的方法加速了總體開發(fā)過程，并且使得各種群組織在他們現(xiàn)有的技能和 優(yōu)化 結(jié)果的開發(fā)努力中得到平衡。由于有了 Sun的參與和支持，最新的 Servlet 和 JSP 規(guī)范總是能在 Tomcat 中得到體現(xiàn)， Tomcat5 支持最新的 Servlet 和 JSP 規(guī)范。 數(shù)據(jù)庫工具的選擇 選擇 SQL Server 2020的理由 1． 上手容易 大多數(shù)的中小企業(yè)日常的數(shù)據(jù)應(yīng)用是建立在 Windows 平臺上的。因?yàn)檫@些大型數(shù)據(jù)庫對于設(shè)備、平臺、人員知識的要求往往較高，而并不是每個人都具備這樣的條件，且有機(jī)會去接觸它們。 IT 行業(yè)的實(shí)踐經(jīng)驗(yàn)充分證明了這一點(diǎn)。另外， SQL Server 2020 除了具有擴(kuò)展性，可靠性以外，還具有可以迅速開發(fā) 新的因特網(wǎng)系統(tǒng)的功能。這些特點(diǎn)在 .NET 戰(zhàn)略中發(fā)揮著重要的作用。 SQL Server 2020 中包含許多新特性，這些特性使其成為針對電子商務(wù)、數(shù)據(jù)倉庫和在線商務(wù)解決方案的卓越的數(shù)據(jù)庫平臺。 系統(tǒng)模塊結(jié)構(gòu) 本系統(tǒng)采用模塊化的設(shè)計方法，分為通用模塊、操作員管理模塊、基礎(chǔ)信息管理模塊、商品銷售模塊下圖具體描述了各模塊的名稱與簡單的功能描述。根據(jù)用戶需求設(shè)計數(shù)據(jù)庫的概念，數(shù)據(jù)模型。然基于 JSP 銷售管理系統(tǒng)的設(shè)計和實(shí)現(xiàn) 16 后再 把概念模型轉(zhuǎn)換為具體機(jī)器上 DBMS 支持的數(shù)據(jù)模型。它真實(shí)，充分地反映了現(xiàn)實(shí)世界中的事物和事物之間的聯(lián)系，能滿足用戶對數(shù)據(jù)的處理要求。概念模型易于變動，還很容易向各種數(shù)據(jù)模型轉(zhuǎn)換。 用戶登錄頁面涉及到的 HTML 表單元素 表 涉及到的 HTML表單元素 名 稱 類 型 含 義 重 要 屬 性 Form1 from 表單 Action=” ” method=” post” username Text 用戶名 password Password 密碼 Submit button “ 登錄 ”按鈕 Onclick=” check()” reset reset “取消 ”按鈕 Class=” btn_grey” value=” 取消 ” 登錄界面采用 java script, 當(dāng)操作員未輸入用戶名或密碼時即會提示請輸入用戶名、請輸入密碼。()。 } if(==0){ alert(請輸入密碼 )。return。 } /script 系統(tǒng)主界面模塊 為了能夠在同一頁面中管理多個頁面，本系統(tǒng)首頁的設(shè)計采用了框架技術(shù)將整個首頁分成以下 3部分。 基于 JSP 銷售管理系統(tǒng)的設(shè)計和實(shí)現(xiàn) 22 （ ） :主要用于管理功能導(dǎo)航。 銷售管理系統(tǒng)主要包括 ：基礎(chǔ)信息管理、商品銷售和系統(tǒng)設(shè)置三大管理模塊。 客戶信息管理 單擊【客戶信息管理】按鈕，界面右側(cè)彈出 客戶 信息管理模塊。 客戶信息查詢 單擊【客戶信息查詢】按鈕，界面右側(cè)彈出 客戶信息查詢 模塊。 客戶信息查詢頁面中涉及的 HTML 表單元素 表 涉及到的 HTML表單元素 名 稱 類 型 含 義 重 要 屬 性 Form1 from 表單 Action=” ” method=” post” Target=” mainframe” cif select 選擇查詢字段 option value=” khname” selected客戶名稱 /option option value=” khjc” 客 戶 簡 稱/option ccif select 選擇條件運(yùn)算符 option value=” =” selected客戶名稱/option option value=” LIKE” LIKE/option option value=” ALL” ALL/option 基于 JSP 銷售管理系統(tǒng)的設(shè)計和實(shí)現(xiàn) 23 qvalue text 查詢關(guān)鍵字 Submit1 button “查詢”按鈕 Onclick=” check()” Submit2 submit “顯示全部數(shù)據(jù)”按鈕 Onclick=” listall()” 在本模塊中用戶單擊“顯示全部數(shù)據(jù)”時，通過 JavaScript 將 ccif 的值設(shè)置為“ ALL”后提交表單，實(shí)現(xiàn)對全部數(shù)據(jù)查詢時參數(shù)的的準(zhǔn)確傳遞。JavaScript39。 ()。} function aa() { ()。 } /script 商品信息管理 單擊【商品信息管理】按鈕，界面右側(cè)彈出如下圖所示的 商品 信息管理模塊。 單擊“請選擇查詢條件”的選擇框的下拉按鈕，選擇相應(yīng)的查詢條件，單擊其后的選擇框的下拉按鈕，選擇相應(yīng)的內(nèi)容，單擊其后的文本框，輸入與查詢條件相匹 配的內(nèi)容，最后單擊【查詢】按鈕，系統(tǒng)自動顯示相應(yīng)的查詢結(jié)果。 系統(tǒng)設(shè)置 系統(tǒng)設(shè)置主要包括操作員管理 和個人密碼修改兩個子模塊。 操作員管理 單擊【操作員管理】按鈕，右側(cè)彈出 用戶基本設(shè)置 界面。 單擊【重新填寫】按鈕，可取消當(dāng)前文本框中輸入的內(nèi)容，進(jìn)行重新輸入。 個人密碼修改 單擊【個人密碼修改】按鈕，右側(cè)彈出個人密碼修改界面。 當(dāng)用戶需要修改密碼時，首先需要輸入舊的密碼來確認(rèn)用戶權(quán)限，當(dāng)輸入的密碼正確后，還需要入兩次相同的新密碼來確保用戶新密碼的正確性。charset=gb2312 body bgcolor=F2F2F2 % (gb2312)。 try{ //獲得用戶是否登錄的信息 isLog=((String)(isLog)).equals(1)。javascript39。您還沒有登錄 39。+ =39。/script)。height:1pt 基于 JSP 銷售管理系統(tǒng)的設(shè)計和實(shí)現(xiàn) 26 align=center img src=../KCM/ width=569 height=70/h2 /td/tr form name=form1 method=post action= trtddiv align=center操作員姓名： input type=text name=username value=%=(username)% readonly br 原 密 碼： input type=password name=password br 新 密 碼： input type=password name=newpw1 br 確認(rèn)新密碼： input type=password name=newpw2 br /div/td/tr /form trtd div align=center input name=submit type=button class=btn_grey value=確認(rèn)修改 onclick=check() input type=reset class=btn_grey value=取消修改 onclick=reset() a href=退出系統(tǒng) /a /div/td/tr /table 基于 JSP 銷售管理系統(tǒng)的設(shè)計和實(shí)現(xiàn) 27 /body /html script language=javascript function check() { if(==0){ alert(請輸入密碼 )。return。()。 } if(==0){ alert(請再次輸入新密碼 )。return。 =。 ()。 } ()。 } /script 修改用戶密碼的代碼如下： 基于 JSP 銷售管理系統(tǒng)的設(shè)計和實(shí)現(xiàn) 28 % page contentType=text/html。 String username=(username)。//接收舊密碼 String newpw1=(newpw1)。+ username+39。+password+39。 if(()){ //更新用戶信息表 String strUpdate=update tb_user set password=39。 where username=39。 (strUpdate)。javascript39。密碼修改成功 39。+ =39。/script)。javascript39。用戶名或密碼錯誤 39。+ =39。/script)。charset=gb2312 language=java% % //(username)。 % script language=javascript (../)。 圖 主界面演示 成功登錄以后進(jìn)入系統(tǒng)主界面 ,下圖為系統(tǒng)主界面 圖 系統(tǒng)主界面 客戶信息管理模塊演示 單擊【客戶信息 管理】按鈕，界面右側(cè)彈出如下圖所示的客戶信息管理模塊。 商品信息查詢模塊演示 單擊【商品信息查詢】按鈕，界面右側(cè)彈出如下圖所示的基礎(chǔ)信息管理模塊，其基本原理同客戶查詢模塊 圖 商品信息查詢界面 單擊【顯示全部數(shù)據(jù) 】按鈕，系統(tǒng)自動顯示全部的商品信息。具體的效果圖如下圖所示。 個人密碼修改模塊演示 單擊【個人密碼修改】按鈕，右側(cè)彈出如 下圖所示的界面。