演示視頻： 

https://www.bilibili.com/video/BV144421c74s/

第四章 系統(tǒng)功能實(shí)現(xiàn)

在管理信息系統(tǒng)的生命周期中，僅過(guò)了需求分析、系統(tǒng)設(shè)計(jì)等階段之后，便開(kāi)始了系統(tǒng)實(shí)施階段。在系統(tǒng)分析和設(shè)計(jì)階段，系統(tǒng)開(kāi)發(fā)工作主要是集中在邏輯、功能和技術(shù)設(shè)計(jì)上，系統(tǒng)實(shí)施階段要繼承此前面各個(gè)階段的工作成果，將技術(shù)設(shè)計(jì)轉(zhuǎn)化為物理實(shí)現(xiàn)，因此系統(tǒng)實(shí)施的成果是系統(tǒng)分析和設(shè)計(jì)階段的結(jié)晶。

3.1后臺(tái)登陸頁(yè)面

1.描述：為了保證系統(tǒng)的安全性，要使用本系統(tǒng)必須先登陸到系統(tǒng)中。管理員登錄采用AJAX方式進(jìn)行驗(yàn)證，先是在前臺(tái)獲取輸入的管理中登錄賬號(hào)、密碼，點(diǎn)擊登錄后，通過(guò)AJAX方式，后臺(tái)異步進(jìn)行驗(yàn)證，實(shí)現(xiàn)頁(yè)面無(wú)刷新的管理員登錄。

2.程序運(yùn)行效果圖如圖3.1所示：

圖3.1 管理員登陸頁(yè)面設(shè)計(jì)

3.在登陸頁(yè)面輸入用戶(hù)名和密碼以，點(diǎn)擊提交按鈕，跳轉(zhuǎn)到登陸的service中，在該service中會(huì)對(duì)用戶(hù)名，密碼進(jìn)行判斷，如果正確提示“通過(guò)驗(yàn)證”，進(jìn)入到管理界面，如果錯(cuò)誤則提示“用戶(hù)名和密碼不正確”，頁(yè)面調(diào)轉(zhuǎn)到登陸頁(yè)。

3.2管理員模塊

1.描述：管理員主頁(yè)面：左方頁(yè)面展示了管理員可操作的幾大功能，進(jìn)入相關(guān)的管理頁(yè)面可以鏈接到子菜單，并且高亮顯示，每個(gè)管理模塊下面都有相應(yīng)的子菜單。

2.程序運(yùn)行效果圖如圖3.2所示：

圖3.2管理員主頁(yè)面

在每個(gè)jsp頁(yè)面將會(huì)對(duì)相關(guān)用戶(hù)進(jìn)行攔截操作，這樣可以提高安全性，防止用戶(hù)不經(jīng)過(guò)登陸頁(yè)面而進(jìn)入任何子菜單頁(yè)面：

4.2.1.1類(lèi)別信息錄入

1. 描述：管理員輸入類(lèi)別相關(guān)正確信息后點(diǎn)擊錄入按鈕，如果是沒(méi)有輸入完整的普通用戶(hù)信息，比如沒(méi)有輸入類(lèi)別名稱(chēng)，都會(huì)給出相應(yīng)的錯(cuò)誤提示，不能錄入成功。輸入數(shù)據(jù)都通過(guò)form表單中定義的方法οnsubmit="return checkForm()"來(lái)檢查，checkForm()函數(shù)中是各種的校驗(yàn)輸入數(shù)據(jù)的方式。

2. 程序效果圖如下圖3.3所示：

圖3.3 類(lèi)別信息錄入

3.流程圖如下圖3.4所示：

圖3.4 報(bào)刊類(lèi)別信息錄入流程圖

4.2.1.2類(lèi)別信息管理

1.描述：管理員點(diǎn)擊左側(cè)的菜單“報(bào)刊類(lèi)別管理”，頁(yè)面跳轉(zhuǎn)到類(lèi)別管理界面，調(diào)用后臺(tái)的action類(lèi)查詢(xún)所有報(bào)刊類(lèi)別信息。

2.程序效果圖如下圖3.5所示

圖3.5 報(bào)刊類(lèi)別管理

3.2.2.1報(bào)刊信息錄入

1.描述：在此頁(yè)面主要是輸入報(bào)刊信息，包括報(bào)刊名稱(chēng)、報(bào)刊介紹、報(bào)刊圖片、報(bào)刊價(jià)格等，其中報(bào)刊介紹這個(gè)地方，使用的是開(kāi)源的在線(xiàn)文本編輯器fckEditor這個(gè)富文本框?qū)崿F(xiàn)。是否為空也是通過(guò)form表單中的οnsubmit="return checkForm()來(lái)檢查。

2.程序效果圖如圖3.7所示：

圖3.7 報(bào)刊信息錄入

3.2.2.2報(bào)刊信息管理

1.描述：管理員點(diǎn)擊左側(cè)的菜單“報(bào)刊管理”，頁(yè)面跳轉(zhuǎn)到報(bào)刊管理界面，調(diào)用后臺(tái)的報(bào)刊Action類(lèi)查詢(xún)出所有的報(bào)刊信息，并把這些信息封轉(zhuǎn)到數(shù)據(jù)集合List中，綁定到request對(duì)象，然后頁(yè)面跳轉(zhuǎn)到相應(yīng)的jsp，顯示出報(bào)刊信息。

2.程序效果圖如下圖3.8所示

圖3.8 報(bào)刊信息管理頁(yè)面

3.2.3.1會(huì)員信息管理

1.描述：游客訪(fǎng)問(wèn)該站點(diǎn)的時(shí)候，可以注冊(cè)成為會(huì)員，管理員登陸后可以管理會(huì)員信息，點(diǎn)擊左側(cè)的“會(huì)員管理“，頁(yè)面調(diào)轉(zhuǎn)中后臺(tái)的是java類(lèi)userAction，在此類(lèi)中，讀取數(shù)據(jù)庫(kù)中，提取會(huì)員的信息，綁定到request對(duì)象，再輸出到相應(yīng)的jsp顯示頁(yè)面頁(yè)面。

2.程序效果圖如圖3.9所示：

圖3.9會(huì)員信息管理

3.2.3.1查詢(xún)訂單信息

1.描述：管理員點(diǎn)擊左側(cè)的菜單“訂單管理”，頁(yè)面跳轉(zhuǎn)到訂單管理界面，調(diào)用后臺(tái)的訂單Action類(lèi)查詢(xún)出所有的訂單信息，并把這些信息封轉(zhuǎn)到數(shù)據(jù)集合List中，綁定到request對(duì)象，然后頁(yè)面跳轉(zhuǎn)到相應(yīng)的jsp，顯示出訂單信息。

2.程序效果圖如圖3.12所示：

圖3.12 查詢(xún)訂單信息

3.2.3.2訂單受理

1.描述：點(diǎn)擊未受理的訂單信息，點(diǎn)擊確定對(duì)話(huà)框，完成訂單受理操作。

訂單管理關(guān)鍵代碼：

1.描述：輸入用戶(hù)名和用戶(hù)的原有密碼，輸入新密碼以后點(diǎn)擊修改按鈕即可修改密碼成功。

2.程序效果圖如圖3.16所示：

圖3.16 修改密碼

1.描述：點(diǎn)此按鈕回到系統(tǒng)的主頁(yè)面。

3.3普通用戶(hù)模塊

1.描述：頁(yè)面的上方顯示的是該網(wǎng)站的標(biāo)題，下方主要部分是信息顯示區(qū)域，左側(cè)上部分是報(bào)刊分類(lèi)信息，下部分是聯(lián)系我們，點(diǎn)擊類(lèi)別名稱(chēng)可以鏈接到改類(lèi)別下的報(bào)刊信息。

2.程序運(yùn)行效果圖如圖3.17所示：

圖3.17 系統(tǒng)主頁(yè)面設(shè)計(jì)

1.描述：對(duì)于游客，至于瀏覽的功能，如果想進(jìn)一步使用本系統(tǒng)，比如說(shuō)購(gòu)買(mǎi)報(bào)刊、在線(xiàn)下訂單等，首先需要注冊(cè)一個(gè)合法的賬號(hào)，然后登陸后，方能使用，點(diǎn)擊導(dǎo)航欄菜單“注冊(cè)會(huì)員”，調(diào)用js的open()方法，彈出注冊(cè)頁(yè)面，輸入相關(guān)正確信息后點(diǎn)擊注冊(cè)按鈕即可完成注冊(cè)，如果是沒(méi)有輸入完整的信息，或都會(huì)給出相應(yīng)的錯(cuò)誤提示，不能錄入成功。輸入數(shù)據(jù)都通過(guò)form表單中定義的方法οnsubmit="return checkForm()"來(lái)檢查，checkForm()函數(shù)中是各種的校驗(yàn)輸入數(shù)據(jù)的方式。

2.程序效果圖如圖3.19所示：

圖3.19 用戶(hù)注冊(cè)界面設(shè)計(jì)

1.描述：用戶(hù)注冊(cè)賬號(hào)并成功登錄系統(tǒng)后，通過(guò)主頁(yè)的報(bào)刊展示或按報(bào)刊類(lèi)別找到想要購(gòu)買(mǎi)的報(bào)刊，點(diǎn)擊報(bào)刊圖片，打開(kāi)報(bào)刊詳細(xì)信息界面，瀏覽報(bào)刊的具體信息，如果想要購(gòu)買(mǎi)該報(bào)刊，輸入購(gòu)買(mǎi)數(shù)量，點(diǎn)擊購(gòu)買(mǎi)按鈕，完成報(bào)刊購(gòu)買(mǎi)操作。

2.程序效果圖如圖3.19所示：

圖3.20 購(gòu)買(mǎi)報(bào)刊

1.描述：和超市購(gòu)物一樣，用戶(hù)購(gòu)買(mǎi)的報(bào)刊暫時(shí)存放在購(gòu)物車(chē)中，點(diǎn)擊菜單中的“我的購(gòu)物車(chē)”，即可查看當(dāng)用戶(hù)購(gòu)物車(chē)中的內(nèi)容，用戶(hù)可以實(shí)現(xiàn)報(bào)刊數(shù)量的增加、減少，刪除某一件報(bào)刊和清空購(gòu)物車(chē)操作。購(gòu)物車(chē)管理采用AJAX技術(shù)實(shí)現(xiàn)，即上述所說(shuō)操作，均通過(guò)AJAX方式異步處理，頁(yè)面無(wú)任何刷新，后臺(tái)處理完成后，前臺(tái)只顯示Zui終的操作結(jié)果。

2.程序效果圖如圖3.21。

圖3.21 購(gòu)物車(chē)管理