第10章WebApp開發(fā)綜合案例

第10章WebApp開發(fā)綜合案例第一頁(yè)，共101頁(yè)。目錄

10.2Web商品進(jìn)銷存信息系統(tǒng)2

10.3Web書城信息系統(tǒng)3

10.4本章小結(jié)4

10.1WebApp項(xiàng)目開發(fā)概述1

10.5課程設(shè)計(jì)任務(wù)書及評(píng)價(jià)5第二頁(yè)，共101頁(yè)。10.1WebApp項(xiàng)目開發(fā)概述第10章WebApp開發(fā)綜合案例教學(xué)目標(biāo)●了解Web工程概念及與傳統(tǒng)軟件工程的區(qū)別●理解WebApp的概念、特點(diǎn)和開發(fā)過(guò)程●掌握WebApp的分析、設(shè)計(jì)和測(cè)試方法●掌握WebApp綜合開發(fā)方法及課程設(shè)計(jì)過(guò)程第三頁(yè)，共101頁(yè)。10.1WebApp項(xiàng)目開發(fā)概述10.1.1WebApp的特點(diǎn)及類型

1）WebE的概念及與傳統(tǒng)項(xiàng)目的區(qū)別1998年YogeshDeshpande和SteveHansen提出了Web工程（簡(jiǎn)稱WebE）的概念，是指按計(jì)劃進(jìn)行的網(wǎng)絡(luò)綜合性工作?；赪eb的系統(tǒng)和應(yīng)用簡(jiǎn)稱WebApp,不同于其他計(jì)算機(jī)軟件，而是基于web的系統(tǒng)與“頁(yè)面排版和軟件開發(fā)、市場(chǎng)和預(yù)算、內(nèi)部交流和外部聯(lián)系以及藝術(shù)和技術(shù)間”綜合作用的產(chǎn)物。第四頁(yè)，共101頁(yè)。10.1WebApp項(xiàng)目開發(fā)概述WebE與傳統(tǒng)軟件工程的區(qū)別，主要體現(xiàn)在6個(gè)方面，并如表10-1所示：（1）WebApp強(qiáng)調(diào)信息的含量，傳統(tǒng)軟件工程則強(qiáng)調(diào)系統(tǒng)功能的完善；（2）WebApp關(guān)注視覺(jué)和感覺(jué)，傳統(tǒng)的軟件界面則奉行“簡(jiǎn)單為美”原則；（3）多數(shù)WebApp是數(shù)據(jù)驅(qū)動(dòng)，傳統(tǒng)的軟件開發(fā)多是功能驅(qū)動(dòng)或過(guò)程驅(qū)動(dòng)；（4）WebApp適應(yīng)不同的用戶，傳統(tǒng)軟件系統(tǒng)的用戶群體則常圈定在某個(gè)范圍之內(nèi)；（5）WebApp應(yīng)在短期內(nèi)開發(fā)完成，很難用傳統(tǒng)軟件工程中的形式化方法和測(cè)試技術(shù)；（6）WebE要求技術(shù)、藝術(shù)和科學(xué)在更大范圍內(nèi)相互結(jié)合。第五頁(yè)，共101頁(yè)。10.1WebApp項(xiàng)目開發(fā)概述比較內(nèi)容傳統(tǒng)項(xiàng)目小型WebApp項(xiàng)目大型WebApp項(xiàng)目需求收集嚴(yán)格的受限制的嚴(yán)格的技術(shù)規(guī)格說(shuō)明模型、規(guī)格說(shuō)明健全總體描述UML、模型、規(guī)格說(shuō)明健全項(xiàng)目持續(xù)時(shí)間以月或年為度量單位以天、周或月為度量單位以月或年為度量單位測(cè)試和質(zhì)量保證致力于取得質(zhì)量目標(biāo)致力于風(fēng)險(xiǎn)控制重視所有的SQA活動(dòng)風(fēng)險(xiǎn)管理明確的內(nèi)部的明確的可交付使用的期限18個(gè)月或更長(zhǎng)3-6個(gè)月或更短3-12個(gè)月或更短發(fā)布過(guò)程嚴(yán)格的快速的嚴(yán)格的發(fā)布后客戶的反饋需要大量的主動(dòng)工作以用戶交互中自動(dòng)獲得自動(dòng)獲得及由請(qǐng)求反饋獲得表10-1WebApp與傳統(tǒng)軟件項(xiàng)目的區(qū)別第六頁(yè)，共101頁(yè)。10.1WebApp項(xiàng)目開發(fā)概述2）WebApp的特點(diǎn)WebApp的特點(diǎn)具有以下8個(gè)方面：（1）網(wǎng)絡(luò)密集性（Networkintensiveness）。（2）并發(fā)性（Concurrency）。（3）無(wú)法預(yù)測(cè)的負(fù)載量（Unpredictableload）。（4）性能敏感性（Performancesensitive）。（5）高可用性（Highavailability）。（6）數(shù)據(jù)驅(qū)動(dòng)(Datadriven)。（7）內(nèi)容敏感（Contentsensitive）。（8）持續(xù)演化(Continuousevolution)。WebApp驅(qū)動(dòng)持續(xù)演化的過(guò)程的特征：

①即時(shí)性。

②安全性。

③美觀性。第七頁(yè)，共101頁(yè)。10.1WebApp項(xiàng)目開發(fā)概述WebApp的開發(fā)具有3個(gè)特點(diǎn)：WebApp常以增量的方式進(jìn)行開發(fā)；經(jīng)常發(fā)生變化；期限較短。因此，整個(gè)WebE過(guò)程也與這些特點(diǎn)相適應(yīng)。

3）WebApp主要應(yīng)用類型在WebApp中，主要應(yīng)用類型包括：（1）信息型。（2）下載型。（3）可定制型。（4）交互型。（5）用戶輸入型。（6）面向事務(wù)型。（7）面向服務(wù)型。（8）門戶型。（9）數(shù)據(jù)庫(kù)訪問(wèn)型。（10）數(shù)據(jù)倉(cāng)庫(kù)型。第八頁(yè)，共101頁(yè)。10.1WebApp項(xiàng)目開發(fā)概述10.1.2WebApp開發(fā)過(guò)程及技術(shù)方法1.WebApp開發(fā)過(guò)程WebApp的分散性和交互性，使其開發(fā)遵從一定的開發(fā)規(guī)范、技術(shù)標(biāo)準(zhǔn)和流程，以保證整個(gè)開發(fā)團(tuán)隊(duì)協(xié)調(diào)一致的工作，從而提高開發(fā)工作效率，提升項(xiàng)目質(zhì)量。WebApp開發(fā)需要過(guò)程模型、適合WebApp開發(fā)特點(diǎn)的技術(shù)和方法。過(guò)程、技術(shù)（工具）和方法稱為WebE的三要素。

1）WebE過(guò)程及WebApp開發(fā)流程根據(jù)WebE的特點(diǎn)，可構(gòu)建WebE過(guò)程框架，如圖10-1所示。（1）溝通交流（Communication）。在WebE過(guò)程中，溝通交流的特點(diǎn)有3種WebE活動(dòng)：規(guī)劃（Formulation）、提?。‥licitation）和協(xié)商（Negotiation）。（2）計(jì)劃（Planning）。做出由一個(gè)任務(wù)定義和一個(gè)時(shí)間表組成的WebApp增量式項(xiàng)目開發(fā)計(jì)劃。（3）建模（Modeling）。軟件項(xiàng)目和設(shè)計(jì)應(yīng)與WebApp開發(fā)相適應(yīng)，然后并入WebApp建模活動(dòng)中。（4）構(gòu)建（Construction）。利用Web工具和技術(shù)構(gòu)建已建模的WebApp，并可快速測(cè)試暴露設(shè)計(jì)問(wèn)題及時(shí)調(diào)整及修改。第九頁(yè)，共101頁(yè)。10.1WebApp項(xiàng)目開發(fā)概述第十頁(yè)，共101頁(yè)。10.1WebApp項(xiàng)目開發(fā)概述（5）部署（Deployment）。在實(shí)際開發(fā)過(guò)程中，WebApp開發(fā)的目標(biāo)是按時(shí)、保質(zhì)、保量完成預(yù)期交付軟件。通常WebApp開發(fā)采用增量的迭代模型，其開發(fā)流程與傳統(tǒng)軟件開發(fā)項(xiàng)目的過(guò)程類似，具體WebApp開發(fā)流程，如圖10-2所示。主要任務(wù)包括：①對(duì)問(wèn)題進(jìn)行定義及陳述交流；②制定項(xiàng)目協(xié)議/合同及計(jì)劃/方案；③分析需求；④設(shè)計(jì)體系結(jié)構(gòu)、導(dǎo)航、接口；⑤使用Web開發(fā)工具實(shí)現(xiàn)WebApp；⑥測(cè)試及發(fā)布。圖10-2WebApp開發(fā)流程第十一頁(yè)，共101頁(yè)。10.1WebApp項(xiàng)目開發(fā)概述2.WebApp開發(fā)技術(shù)及方法1）技術(shù)和工具建立高質(zhì)量的WebApp，需要三種技術(shù)：（1）基于部件的開發(fā)。（2）安全性技術(shù)。（3）Internet標(biāo)準(zhǔn)HTML和XML。2）WebE方法WebE方法主要有以下5種：（1）交流方法。（2）需求分析方法。（4）設(shè)計(jì)方法。（5）測(cè)試方法。

第十二頁(yè)，共101頁(yè)。10.1WebApp項(xiàng)目開發(fā)概述10.1.3WebApp需求分析WebApp的需求分析有3個(gè)任務(wù)：表述問(wèn)題、收集需求和分析建模，在表述問(wèn)題期間主要確定WebApp的目的和目標(biāo)，并定義用戶種類。收集需求主要通過(guò)調(diào)研等確定具體功能、內(nèi)容、界面等需求，并以分析建模進(jìn)行具體描述。主要進(jìn)行4種分析：①內(nèi)容分析；②交互分析；③功能分析；④配置分析。分析重點(diǎn)是解決3個(gè)重要問(wèn)題：①表達(dá)或處理的信息內(nèi)容；②為最終用戶提供的功能；③WebApp表達(dá)內(nèi)容和執(zhí)行功能時(shí)，表現(xiàn)的行為，可將問(wèn)題的回答表示為分析模型的一部分。

第十三頁(yè)，共101頁(yè)。10.1WebApp項(xiàng)目開發(fā)概述WebE根據(jù)自身的特點(diǎn)，將分析模型分為：1）內(nèi)容分析模型對(duì)WebE基礎(chǔ)的內(nèi)容進(jìn)行分析。內(nèi)容模型包含結(jié)構(gòu)元素，為WebApp的內(nèi)容需求提供一個(gè)重要的視圖。其結(jié)構(gòu)元素包含內(nèi)容對(duì)象(如，文本、圖形圖像、照片、視頻圖橡、音頻)，其內(nèi)容對(duì)象是WebApp的一部分。2）交互分析模型交互模型由4種元素組成：用例、順序圖、狀態(tài)圖、用戶界面原型。（1）用例。（2）順序圖。（3）狀態(tài)圖。（4）用戶界面原型。第十四頁(yè)，共101頁(yè)。10.1WebApp項(xiàng)目開發(fā)概述3）功能分析模型功能模型描述WebApp的兩個(gè)處理元素，各元素代表過(guò)程抽象的2個(gè)不同層次：（1）用戶可觀察到由WebApp傳遞給最終用戶的功能。（2）分析類中實(shí)現(xiàn)與類相關(guān)的行為的操作。

4）配置分析模型客戶端軟件提供的基礎(chǔ)設(shè)施，使用戶可從所在位置訪問(wèn)。通常，瀏覽器用于顯示從服務(wù)器下載的內(nèi)容和功能。應(yīng)針對(duì)各種瀏覽器特性及配置(配置模型的部分詳細(xì)說(shuō)明)，對(duì)WebApp進(jìn)行徹底測(cè)試。第十五頁(yè)，共101頁(yè)。10.1WebApp項(xiàng)目開發(fā)概述5）關(guān)系導(dǎo)航分析模型關(guān)系導(dǎo)航分析(Relationship-navigationanalysis，RNA)提供一系列分析步驟，主要分析各網(wǎng)頁(yè)之間的關(guān)系。RNA方法可以分成5步：（1）用戶分析。（2）元素分析。（3）關(guān)系分材。（4）導(dǎo)航分析。（5）評(píng)估分析。第十六頁(yè)，共101頁(yè)。10.1WebApp項(xiàng)目開發(fā)概述10.1.4WebApp設(shè)計(jì)

1.WebApp設(shè)計(jì)的目標(biāo)要求WebApp設(shè)計(jì)的目標(biāo)要求，主要包括7個(gè)方面：（1）簡(jiǎn)單性。（2）一致性。（3）相符性。（4）健壯性。（5）導(dǎo)航性。（6）視覺(jué)吸引。（7）兼容性。第十七頁(yè)，共101頁(yè)。10.1WebApp項(xiàng)目開發(fā)概述2.WebApp的設(shè)計(jì)活動(dòng)WebApp設(shè)計(jì)可分為6種活動(dòng)：構(gòu)件設(shè)計(jì)、體系結(jié)構(gòu)設(shè)計(jì)、導(dǎo)航設(shè)計(jì)、內(nèi)容設(shè)計(jì)、美觀設(shè)計(jì)和界面設(shè)計(jì)。每種設(shè)計(jì)都影響整體質(zhì)量，可用金字塔表示，如圖10-3所示。1）構(gòu)件設(shè)計(jì)WebApp經(jīng)過(guò)發(fā)展逐漸形成為模板化功能化。其處理功能主要包括：數(shù)據(jù)庫(kù)查詢及其他操作；與外部企業(yè)系統(tǒng)的數(shù)據(jù)接口；用戶的注冊(cè)和認(rèn)證。為了重復(fù)利用這些功能，應(yīng)設(shè)計(jì)和構(gòu)建一些程序構(gòu)件，同普通軟件在形式上一致。利用構(gòu)件技術(shù)，可便于組建各種WebApp。2）體系結(jié)構(gòu)設(shè)計(jì)體系結(jié)構(gòu)的設(shè)計(jì)主要定義WebApp超媒體結(jié)構(gòu)、設(shè)計(jì)模式、設(shè)計(jì)模板、內(nèi)容設(shè)計(jì)。設(shè)計(jì)模式為解決某些問(wèn)題的一般性方法。如在WebApp中處理數(shù)據(jù)功能時(shí)，可用體系結(jié)構(gòu)和構(gòu)件級(jí)設(shè)計(jì)模式。超文本級(jí)的設(shè)計(jì)模式著重導(dǎo)航特征的設(shè)計(jì)，允許用戶以流暢的方式在WebApp內(nèi)容間移動(dòng)。

第十八頁(yè)，共101頁(yè)。10.1WebApp項(xiàng)目開發(fā)概述圖10-3WebApp設(shè)計(jì)金字塔模型

第十九頁(yè)，共101頁(yè)。10.1WebApp項(xiàng)目開發(fā)概述

體系結(jié)構(gòu)的設(shè)計(jì)與WebApp的目標(biāo)、內(nèi)容、導(dǎo)航原則緊密相關(guān)。體系結(jié)構(gòu)主要分為4種：線性結(jié)構(gòu)、網(wǎng)格結(jié)構(gòu)、層次結(jié)構(gòu)和網(wǎng)狀結(jié)構(gòu)。

（1）線性結(jié)構(gòu)。當(dāng)內(nèi)部交互可預(yù)測(cè)順序時(shí)，Web內(nèi)容串形相連，常選擇線型結(jié)構(gòu)。這種結(jié)構(gòu)簡(jiǎn)單，但缺乏靈活性。如圖10-4所示。

（2）網(wǎng)格結(jié)構(gòu)：當(dāng)WebApp內(nèi)容可分類地組織成二維或更高維時(shí)，可采用網(wǎng)格結(jié)構(gòu)，如圖10-5所示。這種結(jié)構(gòu)有很大靈活性，但也容易帶來(lái)混亂。

圖10-4線性結(jié)構(gòu)圖10-5網(wǎng)格結(jié)構(gòu)第二十頁(yè)，共101頁(yè)。10.1WebApp項(xiàng)目開發(fā)概述

（3）層次結(jié)構(gòu)。如圖10-6是最常見(jiàn)的體系結(jié)構(gòu)。其結(jié)構(gòu)可設(shè)計(jì)成使控制流水平地穿過(guò)垂直分支（超文本分支）的方式。在此結(jié)構(gòu)中左邊展示的內(nèi)容可由超文本鏈接其他分支的內(nèi)容，實(shí)現(xiàn)內(nèi)容快速導(dǎo)航。

（4）網(wǎng)絡(luò)結(jié)構(gòu)。如圖10-7在很多方面類似于面向?qū)ο笙到y(tǒng)的體系結(jié)構(gòu)。對(duì)結(jié)構(gòu)構(gòu)件（網(wǎng)頁(yè)）進(jìn)行設(shè)計(jì)，使構(gòu)件可將控制傳遞（以超文本鏈接）到系統(tǒng)中的其他部件，使導(dǎo)航相對(duì)靈活。

圖10-6層次結(jié)構(gòu)圖10-7網(wǎng)絡(luò)結(jié)構(gòu)第二十一頁(yè)，共101頁(yè)。10.1WebApp項(xiàng)目開發(fā)概述

體系結(jié)構(gòu)線性結(jié)構(gòu)網(wǎng)格結(jié)構(gòu)層次結(jié)構(gòu)特點(diǎn)結(jié)構(gòu)比較固定Web內(nèi)容一維化Web內(nèi)容多維化最常見(jiàn)的結(jié)構(gòu)優(yōu)點(diǎn)簡(jiǎn)單有極大的靈活性有較大的靈活性缺點(diǎn)靈活性不高很容易帶來(lái)混亂易混亂例子訂單大型網(wǎng)站普通網(wǎng)站上述4種類型的體系結(jié)構(gòu)，比較如表10-2所示。表10-2不同的體系結(jié)構(gòu)比較第二十二頁(yè)，共101頁(yè)。10.1WebApp項(xiàng)目開發(fā)概述

3）導(dǎo)航設(shè)計(jì)導(dǎo)航設(shè)計(jì)的主要過(guò)程為：①識(shí)別用戶角色，不同的用戶角色可獲得不同的內(nèi)容和服務(wù)。如注冊(cè)客戶、特權(quán)客戶可獲得不同級(jí)別的信息和服務(wù)；②為每一類用戶角色確定訪問(wèn)目標(biāo)；③為每類用戶的每個(gè)訪問(wèn)目標(biāo)設(shè)計(jì)最佳的導(dǎo)航路徑。導(dǎo)航設(shè)計(jì)還要解決使用各種輔助手段使導(dǎo)航更容易方便。在導(dǎo)航設(shè)計(jì)時(shí)，應(yīng)為同類用戶建立一個(gè)語(yǔ)義導(dǎo)航單元，以便后繼的管理。

4）內(nèi)容設(shè)計(jì)對(duì)內(nèi)容對(duì)象建模后，編寫對(duì)象傳遞的信息并對(duì)其格式化，盡量滿足用戶需求。常以所提供信息的概要描述和內(nèi)容對(duì)象的類型說(shuō)明來(lái)設(shè)計(jì)內(nèi)容對(duì)象。第二十三頁(yè)，共101頁(yè)。10.1WebApp項(xiàng)目開發(fā)概述

5）美觀及布局設(shè)計(jì)美觀設(shè)計(jì)又稱美工（學(xué)）設(shè)計(jì)，包括顏色配置、幾何圖案設(shè)計(jì)、文字大小字體和位置、圖形使用等。在布局及設(shè)計(jì)中，主要考慮全局顏色配置、字體、字號(hào)、風(fēng)格、樣式、補(bǔ)充媒體（音頻、視頻、動(dòng)畫）的使用，以及其他美觀元素。在設(shè)計(jì)時(shí)應(yīng)進(jìn)行布局規(guī)劃。在設(shè)計(jì)布局時(shí)，主要基本原則是：（1）巧用空間。（2）重視內(nèi)容。（3）順序組織布局元素。（4）組織導(dǎo)航、內(nèi)容和功能。（5）不要以滾動(dòng)條擴(kuò)展空間。（6）瀏覽器窗口大小。第二十四頁(yè)，共101頁(yè)。10.1WebApp項(xiàng)目開發(fā)概述

6）界面設(shè)計(jì)界面設(shè)計(jì)包括屏幕布局，交互模式定義和導(dǎo)航機(jī)制描述。界面設(shè)計(jì)應(yīng)考慮3個(gè)方面:用戶目前位置、操作及可導(dǎo)向的目標(biāo)。并注重6項(xiàng)基本原則：（1）頁(yè)面速度。（2）頁(yè)面正確。（3）菜單和界面風(fēng)格統(tǒng)一。（4）鏈接指示明顯。（5）界面功能清晰。（6）常用表格等工具。第二十五頁(yè)，共101頁(yè)。10.1WebApp項(xiàng)目開發(fā)概述

10.1.5WebApp測(cè)試應(yīng)先測(cè)試最終用戶所見(jiàn)內(nèi)容和界面，再對(duì)體系結(jié)構(gòu)及導(dǎo)航設(shè)計(jì)等方面進(jìn)行測(cè)試。最后，轉(zhuǎn)到測(cè)試技術(shù)能力，WebApp基礎(chǔ)設(shè)施及安裝或?qū)崿F(xiàn)方面。WebApp測(cè)試過(guò)程，如圖10-8所示。圖10-8WebApp測(cè)試過(guò)程1）內(nèi)容測(cè)試用于檢驗(yàn)WebApp提供信息的正確性、準(zhǔn)確性和相關(guān)性。信息的正確性指信息的可靠性非誤傳，避免誤解與糾紛；準(zhǔn)確性指是否有語(yǔ)法或拼寫錯(cuò)誤。內(nèi)容測(cè)試目的是發(fā)現(xiàn)內(nèi)容方面的錯(cuò)誤。除了檢查靜態(tài)內(nèi)容，還應(yīng)檢測(cè)從數(shù)據(jù)庫(kù)所維護(hù)的數(shù)據(jù)中導(dǎo)出的動(dòng)態(tài)內(nèi)容。第二十六頁(yè)，共101頁(yè)。10.1WebApp項(xiàng)目開發(fā)概述圖10-3WebApp設(shè)計(jì)金字塔模型

第二十七頁(yè)，共101頁(yè)。10.1WebApp項(xiàng)目開發(fā)概述

2）界面測(cè)試界面測(cè)試的總體策略是：①發(fā)現(xiàn)與特定的界面機(jī)制相關(guān)的錯(cuò)誤；②發(fā)現(xiàn)界面實(shí)現(xiàn)導(dǎo)航語(yǔ)義方式的錯(cuò)誤、功能性錯(cuò)誤或內(nèi)容顯示錯(cuò)誤。用戶與WebApp以界面機(jī)制交互，測(cè)試的主要內(nèi)容為：（1）鏈接測(cè)試。（2）表單測(cè)試。（3）Cookies測(cè)試。（4）客戶端腳本測(cè)試。（5）動(dòng)態(tài)HTML測(cè)試。（6）彈出窗口測(cè)試。（7）CGI腳本測(cè)試。（8）流動(dòng)內(nèi)容測(cè)試。（9）界面機(jī)制的應(yīng)用。第二十八頁(yè)，共101頁(yè)。10.1WebApp項(xiàng)目開發(fā)概述

3）性能測(cè)試性能測(cè)試用于發(fā)現(xiàn)性能方面的問(wèn)題，其產(chǎn)生原因是：服務(wù)器端資源缺乏、不合適的網(wǎng)絡(luò)帶寬及數(shù)據(jù)庫(kù)數(shù)量，不完善或不當(dāng)?shù)牟僮飨到y(tǒng)能力，功能設(shè)計(jì)不當(dāng)，可能導(dǎo)致客戶-服務(wù)器性能下降的其他軟硬問(wèn)題。性能測(cè)試的目的：①了解系統(tǒng)如何對(duì)負(fù)載作出反應(yīng)；②收集度量數(shù)據(jù)，這些數(shù)據(jù)將促使修改設(shè)計(jì)，從而使性能的大改善。性能測(cè)試策略，包括以下3個(gè)方面（1）連接速度測(cè)試。（2）負(fù)載測(cè)試。（3）壓力測(cè)試。4）構(gòu)件級(jí)測(cè)試構(gòu)件級(jí)測(cè)試也稱功能測(cè)試，通過(guò)集中測(cè)試，試圖發(fā)現(xiàn)WebApp功能方面的錯(cuò)誤。每個(gè)功能都是一個(gè)軟件模塊，可用黑盒技術(shù)對(duì)其進(jìn)行測(cè)試。構(gòu)件級(jí)測(cè)試用例常受表單級(jí)的輸入驅(qū)動(dòng)。第二十九頁(yè)，共101頁(yè)。10.1WebApp項(xiàng)目開發(fā)概述

5）導(dǎo)航測(cè)試導(dǎo)航描述了用戶在一個(gè)頁(yè)面內(nèi)操作的方式。主要檢測(cè)WebApp是否易于導(dǎo)航：導(dǎo)航是否直觀?Web系統(tǒng)的主要部分是否可通過(guò)主頁(yè)存取?Web系統(tǒng)是否需要站點(diǎn)地圖、搜索引擎或其他的導(dǎo)航幫助?在一頁(yè)面上放太多信息常起到相反效果。導(dǎo)航測(cè)試的目的始終是確保在WebApp上線前發(fā)現(xiàn)導(dǎo)航功能方面的錯(cuò)誤。測(cè)試每個(gè)導(dǎo)航都執(zhí)行了預(yù)期功能：（1）導(dǎo)航鏈接。（2）重定向。（3）書簽。（4）框架和框架集。（5）站點(diǎn)地圖。（6）內(nèi)部搜索引擎。第三十頁(yè)，共101頁(yè)。10.1WebApp項(xiàng)目開發(fā)概述

6）配置測(cè)試配置的可變性和不穩(wěn)定性是測(cè)試的重要因素。主要測(cè)試常用客戶端和服務(wù)器端配置，確保用戶在所有配置中的體驗(yàn)一樣，并將特定于特殊配置的錯(cuò)誤分離出來(lái)。7）安全性測(cè)試安全性測(cè)試將一系列設(shè)計(jì)的測(cè)試合并，模擬攻擊WebApp及其環(huán)境中的弱點(diǎn)，驗(yàn)證其安全性。WebApp的安全性測(cè)試區(qū)域主要包括：(1)測(cè)試有效和無(wú)效的用戶名和密碼。(2)WebApp是否有超時(shí)的限制。(3)日志文件是至關(guān)重要。(4)使用安全套接字時(shí)。(5)測(cè)試無(wú)授權(quán)可否在服務(wù)器端放置和編輯腳本。測(cè)試網(wǎng)站的數(shù)據(jù)安全能力和抗攻擊能力，包括:(1)網(wǎng)站網(wǎng)絡(luò)環(huán)境安全測(cè)試。(2)系統(tǒng)軟件安全測(cè)試。(3)客戶端應(yīng)用程序安全測(cè)試。(4)服務(wù)器端應(yīng)用程序安全測(cè)試。(5)防御能力測(cè)試。第三十一頁(yè)，共101頁(yè)。10.1WebApp項(xiàng)目開發(fā)概述

10.1.6WebApp項(xiàng)目管理

1）構(gòu)建WebApp項(xiàng)目團(tuán)隊(duì)開發(fā)大型的WebApp需要有一個(gè)具有強(qiáng)有力的團(tuán)隊(duì)，開發(fā)人員所具有的技能和知識(shí)層次結(jié)構(gòu)可組成一個(gè)由管理、技術(shù)和人員交流技能構(gòu)成的三維技能空間。管理技能包括調(diào)整、規(guī)劃和將Web系統(tǒng)與已經(jīng)存在的信息系統(tǒng)集成；技術(shù)技能包括計(jì)算、網(wǎng)絡(luò)和Internet通訊；人員交流技能包括圖形設(shè)計(jì)、布局、人員通訊、表達(dá)技能等。開發(fā)人員可分為6類：Web決策人員（如項(xiàng)目經(jīng)理）、內(nèi)容提供人員、Web開發(fā)人員、Web發(fā)布人員、Web支持人員、Web管理人員。其結(jié)構(gòu)如圖10-9所示。其成員可屬于不同類別，分別承擔(dān)不同的任務(wù)。圖10-9Web項(xiàng)目團(tuán)隊(duì)結(jié)構(gòu)第三十二頁(yè)，共101頁(yè)。10.1WebApp項(xiàng)目開發(fā)概述。2）軟件項(xiàng)目管理原則進(jìn)行WebApp項(xiàng)目管理的指導(dǎo)原則，主要有6項(xiàng)：（1）啟動(dòng)項(xiàng)目。（2）選擇外包供應(yīng)商。（3）評(píng)估報(bào)價(jià)的正確性和估算的可靠性。（4）理解所期望或?qū)崿F(xiàn)的項(xiàng)目管理程度。（5）確定開發(fā)進(jìn)度。（6）管理范圍。。3）配置管理對(duì)于WebApp配置管理，主要注重解決4個(gè)問(wèn)題：內(nèi)容、人員、可伸縮性和關(guān)聯(lián)控制。第三十三頁(yè)，共101頁(yè)。10.2Web商品進(jìn)銷存信息系統(tǒng)10.2.1系統(tǒng)需求分析1.系統(tǒng)開發(fā)的背景隨著信息化社會(huì)經(jīng)濟(jì)發(fā)展方式的轉(zhuǎn)變，企業(yè)面臨著激烈競(jìng)爭(zhēng)，改善內(nèi)部及整個(gè)供應(yīng)鏈各環(huán)節(jié)的管理、調(diào)度及資源配置，迅速適應(yīng)客戶新需求和市場(chǎng)新機(jī)遇成為決定性因素。企業(yè)是一個(gè)充分利用資源(人、財(cái)、物、信息和時(shí)間)，創(chuàng)造價(jià)值的機(jī)構(gòu)，ebApp可對(duì)這些資源進(jìn)行計(jì)劃、調(diào)度、控制、衡量、改進(jìn)的管理技術(shù)和支持。商品進(jìn)銷存是企業(yè)供銷的重要部門，是WebApp主要組成部分。開發(fā)和使用合理的WebApp，有效地控制存儲(chǔ)、檢索和資源有效利用，有助于讓產(chǎn)、供、銷、財(cái)務(wù)形成一個(gè)統(tǒng)一的整體，從而使企業(yè)處于全面受控狀態(tài)，壓縮投資規(guī)模，加快資金周轉(zhuǎn)，降低產(chǎn)品成本和不必要的原料和在商品積壓。第三十四頁(yè)，共101頁(yè)。10.2Web商品進(jìn)銷存信息系統(tǒng)2.

系統(tǒng)的可行性分析WebApp項(xiàng)目研發(fā)目的是：利用計(jì)算機(jī)網(wǎng)絡(luò)和數(shù)據(jù)庫(kù)技術(shù)，使企業(yè)生產(chǎn)、庫(kù)存和銷售能夠有利結(jié)合起來(lái)，產(chǎn)銷存銜接，提高企業(yè)的效率和效益。主要任務(wù)包括：（1）適用性。（2）經(jīng)濟(jì)性。（3）整體性。（4）功能需求。（5）性能需求。（6）安全保密性。（7）用戶界面需求。（8）環(huán)境需求。第三十五頁(yè)，共101頁(yè)。10.2Web商品進(jìn)銷存信息系統(tǒng)3系統(tǒng)功能需求分析

1）需求問(wèn)題提出以前，企業(yè)通過(guò)手工或單機(jī)維護(hù)“數(shù)據(jù)表”管理進(jìn)貨與庫(kù)存等數(shù)據(jù)。使用中遇到很多問(wèn)題，包括：（1）文件級(jí)共享，共享性差，安全性低；（2）實(shí)時(shí)性差，“數(shù)據(jù)表”中的內(nèi)容只有及時(shí)保存后，其他電腦才能讀到，另外，不能允許兩個(gè)以上的人同時(shí)更新庫(kù)存文件；（3）查詢、統(tǒng)計(jì)等操作不方便；（4）以前根本不能實(shí)現(xiàn)Web網(wǎng)上訂購(gòu)功能。

2）功能需求分析在數(shù)據(jù)庫(kù)服務(wù)器及SQLServer2008中，創(chuàng)建商品進(jìn)銷存管理數(shù)據(jù)庫(kù)，在數(shù)據(jù)庫(kù)上建立各關(guān)系模式對(duì)應(yīng)的庫(kù)表，并確定主鍵、索引、參照完整性、用戶自定義完整性等。第三十六頁(yè)，共101頁(yè)。10.2Web商品進(jìn)銷存信息系統(tǒng)（1）C/S模式實(shí)現(xiàn)的庫(kù)存管理系統(tǒng)功能需求：●對(duì)各原始數(shù)據(jù)表實(shí)現(xiàn)輸入、修改、刪除、添加、查詢、打印等基本操作；●方便及時(shí)多用戶地錄入商品、進(jìn)貨、工具等入出庫(kù)單數(shù)據(jù)；●方便查閱、核對(duì)入出庫(kù)單數(shù)據(jù)，并能方便維護(hù)商品、進(jìn)貨、工具等入出庫(kù)單原始數(shù)據(jù)；●以組合方式快速查閱商品、進(jìn)貨、工具等入出庫(kù)單原始數(shù)據(jù)；●按一鍵完成對(duì)庫(kù)存、按月或分日對(duì)商品、進(jìn)貨的統(tǒng)計(jì)；●自動(dòng)產(chǎn)生商品或進(jìn)貨的實(shí)時(shí)庫(kù)存；●以樹型結(jié)構(gòu)或表格方式方便查閱各類各種商品或進(jìn)貨的實(shí)時(shí)庫(kù)存；●由分類統(tǒng)計(jì)值，反查其明細(xì)清單；●將主要表或查詢信息按需導(dǎo)出到“數(shù)據(jù)表”中，支持原有手工處理要求，導(dǎo)出到“數(shù)據(jù)表”的數(shù)據(jù)能用于保存或排版打印等需要；●分級(jí)別用戶管理；●月份設(shè)定與統(tǒng)計(jì)管理；第三十七頁(yè)，共101頁(yè)。10.2Web商品進(jìn)銷存信息系統(tǒng)●高級(jí)管理員的管理操作如：系統(tǒng)數(shù)據(jù)的備份與恢復(fù)、系統(tǒng)用戶的維護(hù)、動(dòng)態(tài)SQL命令操作、系統(tǒng)日志查閱等；●系統(tǒng)設(shè)計(jì)成傳統(tǒng)的Windows多文檔多窗口操作界面，要求系統(tǒng)具有操作方便、簡(jiǎn)捷等特點(diǎn)；●用戶管理功能，包括用戶登錄、注冊(cè)新用戶、更改用戶密碼等功能；●其他你認(rèn)為子系統(tǒng)應(yīng)有的查詢、統(tǒng)計(jì)功能；●要求所設(shè)計(jì)系統(tǒng)界面友好，功能安排合理，操作使用方便，并能進(jìn)一步考慮子系統(tǒng)在安全性、完整性、并發(fā)控制、備份恢復(fù)等方面的功能要求。（2）B/S模式實(shí)現(xiàn)的網(wǎng)上訂購(gòu)系統(tǒng)功能需求：●實(shí)現(xiàn)網(wǎng)上用戶的注冊(cè)與登錄，登錄用戶的管理；●方便查閱（如分頁(yè)查詢）商品及庫(kù)存信息，方便商品選購(gòu)；●實(shí)現(xiàn)基本的購(gòu)物車功能；●完成訂購(gòu)、實(shí)現(xiàn)網(wǎng)上支付過(guò)程，并自動(dòng)產(chǎn)生訂購(gòu)明細(xì)數(shù)據(jù)，產(chǎn)生商品第三十八頁(yè)，共101頁(yè)。10.2Web商品進(jìn)銷存信息系統(tǒng)●要求Web網(wǎng)頁(yè)系統(tǒng)要運(yùn)行穩(wěn)定、可靠，操作簡(jiǎn)單、方便。

3）庫(kù)存管理系統(tǒng)C/S模式要求基于以上系統(tǒng)涉及的處理數(shù)據(jù)，C/S模式實(shí)現(xiàn)的庫(kù)存管理系統(tǒng)具體涉及到問(wèn)題：（1）方便及時(shí)多用戶地錄入商品、進(jìn)貨、工具等入出庫(kù)單數(shù)據(jù)；（2）方便查閱、核對(duì)入出庫(kù)單數(shù)據(jù)，并方便維護(hù)商品、進(jìn)貨、工具等入出庫(kù)單原始數(shù)據(jù)；（3）以組合方式快速查閱商品、進(jìn)貨、工具等入出庫(kù)單原始數(shù)據(jù)；（4）按一鍵完成對(duì)庫(kù)存、按月或分日對(duì)商品、進(jìn)貨的統(tǒng)計(jì)（5）自動(dòng)產(chǎn)生商品或進(jìn)貨的實(shí)時(shí)庫(kù)存；（6）以樹型結(jié)構(gòu)或表格方式方便查閱各類各種商品或進(jìn)貨的實(shí)時(shí)庫(kù)存；（7）由分類統(tǒng)計(jì)值，反查其明細(xì)清單；（8）將主要表或查詢信息按需導(dǎo)出到“數(shù)據(jù)表”中，支持原有手工處理要求，導(dǎo)出到“數(shù)據(jù)表”的數(shù)據(jù)能用于保存或排版打印等需要；（9）分級(jí)別用戶管理；（10）月份設(shè)定與統(tǒng)計(jì)管理等。

第三十九頁(yè)，共101頁(yè)。10.2Web商品進(jìn)銷存信息系統(tǒng)

4）業(yè)務(wù)流程及數(shù)據(jù)流圖在認(rèn)真調(diào)查分析有關(guān)信息需求的基礎(chǔ)上，通過(guò)對(duì)Web訂購(gòu)子系統(tǒng)的業(yè)務(wù)流程圖分析，可得到其中“網(wǎng)上訂購(gòu)”部分的數(shù)據(jù)流圖，如圖10-10所示。圖10-10Web訂購(gòu)子系統(tǒng)中“網(wǎng)上訂購(gòu)”數(shù)據(jù)流圖第四十頁(yè)，共101頁(yè)。10.2Web商品進(jìn)銷存信息系統(tǒng)庫(kù)存管理業(yè)務(wù)處理的商品庫(kù)存管理子系統(tǒng)的業(yè)務(wù)流程圖，如圖10-11。從而得到數(shù)據(jù)流圖。圖10-11庫(kù)存管理子系統(tǒng)業(yè)務(wù)流程圖

第四十一頁(yè)，共101頁(yè)。10.2Web商品進(jìn)銷存信息系統(tǒng)5）系統(tǒng)數(shù)據(jù)字典數(shù)據(jù)流圖主要用于描述數(shù)據(jù)與處理的關(guān)系，數(shù)據(jù)字典則是系統(tǒng)中各類數(shù)據(jù)描述的集合，是進(jìn)行詳細(xì)的數(shù)據(jù)收集和數(shù)據(jù)分析所獲得的主要成果。數(shù)據(jù)字典通常包括數(shù)據(jù)項(xiàng)、數(shù)據(jù)結(jié)構(gòu)、數(shù)據(jù)流、數(shù)據(jù)存儲(chǔ)和處理過(guò)程五個(gè)部分。以下數(shù)據(jù)字典卡片的形式來(lái)舉例說(shuō)明。

（1）“商品入庫(kù)單”數(shù)據(jù)結(jié)構(gòu)：名字：商品入庫(kù)單別名：商品生產(chǎn)量描述：每天生產(chǎn)或加工車間，以入庫(kù)單形式來(lái)記錄其產(chǎn)量，并登記入庫(kù)定義：商品入庫(kù)單=入庫(kù)單號(hào)+類別+規(guī)格+材質(zhì)+單位+生產(chǎn)車間+成本+日期+入庫(kù)值+經(jīng)辦人位置：保存到入出庫(kù)表或打印保存第四十二頁(yè)，共101頁(yè)。10.2Web商品進(jìn)銷存信息系統(tǒng)（2）“商品入庫(kù)單”數(shù)據(jù)結(jié)構(gòu)之?dāng)?shù)據(jù)項(xiàng)：名字：入庫(kù)單號(hào)名字：類別別名：序號(hào)別名：商品類別名描述：唯一標(biāo)識(shí)某商品入庫(kù)的數(shù)字編號(hào)描述：商品的第一大分類名定義：整型數(shù)定義：字符型漢字名稱，漢字?jǐn)?shù)<=3位置：商品入庫(kù)表、商品入出庫(kù)表位置：商品入庫(kù)表、商品入出庫(kù)表、商品庫(kù)存表、各統(tǒng)計(jì)表，以及其他數(shù)據(jù)項(xiàng)的定義略。

（3）數(shù)據(jù)流數(shù)據(jù)流是數(shù)據(jù)結(jié)構(gòu)在系統(tǒng)內(nèi)傳輸?shù)穆窂健Ｇ懊嬉旬嫵龅臄?shù)據(jù)流圖能較好地反映出數(shù)據(jù)的前后流動(dòng)關(guān)系，除此外還能描述為（以“入庫(kù)單數(shù)據(jù)流”來(lái)說(shuō)明）：第四十三頁(yè)，共101頁(yè)。10.2Web商品進(jìn)銷存信息系統(tǒng)數(shù)據(jù)流名：入庫(kù)單數(shù)據(jù)流說(shuō)明：“商品入庫(kù)單”數(shù)據(jù)結(jié)構(gòu)在系統(tǒng)內(nèi)的流向數(shù)據(jù)流來(lái)源：管理員接收事務(wù)數(shù)據(jù)流去向：庫(kù)存處理事務(wù)平均流量：每天幾十次高峰期流量：每天上百次

（4）數(shù)據(jù)存儲(chǔ)數(shù)據(jù)存儲(chǔ)是數(shù)據(jù)結(jié)構(gòu)停留或保存的地方，也是數(shù)據(jù)流的來(lái)源和去向之一。它可以是手工文檔或手工憑單，也可是計(jì)算機(jī)文檔。對(duì)數(shù)據(jù)存儲(chǔ)的描述通常包括（以入庫(kù)表數(shù)據(jù)存儲(chǔ)為例）：數(shù)據(jù)存儲(chǔ)名：入庫(kù)表說(shuō)明：入庫(kù)單數(shù)據(jù)，作為原始數(shù)據(jù)需要保存與備查編號(hào)：入庫(kù)單為唯一標(biāo)識(shí)，順序整數(shù)，從1開始每次增加1輸入的數(shù)據(jù)流：入庫(kù)單數(shù)據(jù)流，來(lái)自生產(chǎn)車間第四十四頁(yè)，共101頁(yè)。10.2Web商品進(jìn)銷存信息系統(tǒng)輸出的數(shù)據(jù)流：出庫(kù)單數(shù)據(jù)流，用于銷售部門銷售數(shù)據(jù)結(jié)構(gòu)：“商品入庫(kù)單”、“商品出庫(kù)單”、“商品庫(kù)存”數(shù)據(jù)量：一天，100*100=10000字節(jié)存取頻度：每小時(shí)存取更新10-20次，查詢>=100次存取方式：聯(lián)機(jī)處理、檢索與更新、順序檢索與隨機(jī)檢索數(shù)據(jù)流圖表達(dá)了數(shù)據(jù)和處理的關(guān)系，數(shù)據(jù)字典則是系統(tǒng)中各類數(shù)據(jù)描述的集合，是進(jìn)行詳細(xì)的數(shù)據(jù)收集和數(shù)據(jù)分析所獲得的主要成果。數(shù)據(jù)字典通常包括數(shù)據(jù)項(xiàng)、數(shù)據(jù)結(jié)構(gòu)、數(shù)據(jù)流、數(shù)據(jù)存儲(chǔ)和處理過(guò)程五個(gè)部分。以下數(shù)據(jù)字典卡片的形式來(lái)舉例說(shuō)明?！吧唐啡霂?kù)單”數(shù)據(jù)結(jié)構(gòu)：名字：商品入庫(kù)單別名：商品生產(chǎn)量描述：每天生產(chǎn)或加工車間，以入庫(kù)單形式來(lái)記錄其產(chǎn)量，并登記入庫(kù)定義：商品入庫(kù)單=入庫(kù)單號(hào)+類別+規(guī)格+材質(zhì)+單位+生產(chǎn)車間+成本+日期+入庫(kù)值+經(jīng)辦人位置：保存到入出庫(kù)表或打印保存第四十五頁(yè)，共101頁(yè)。10.2Web商品進(jìn)銷存信息系統(tǒng)（5）處理過(guò)程處理過(guò)程的具體處理邏輯一般用判定表或判定樹來(lái)描述。數(shù)據(jù)字典中只需要描述處理過(guò)程的說(shuō)明性信息。如“實(shí)時(shí)商品庫(kù)存計(jì)算”的處理過(guò)程說(shuō)明如下：處理過(guò)程名：實(shí)時(shí)商品庫(kù)存計(jì)算說(shuō)明：隨著入庫(kù)單、出庫(kù)單的不斷輸入，要能實(shí)時(shí)計(jì)算出當(dāng)前各商品的庫(kù)存輸入：入庫(kù)單數(shù)據(jù)流，來(lái)自生產(chǎn)車間；出庫(kù)單數(shù)據(jù)流，來(lái)自銷售部門銷售輸出：計(jì)算出各商品當(dāng)前庫(kù)存處理：商品庫(kù)存計(jì)算的功能就是實(shí)時(shí)計(jì)算商品庫(kù)存，處理頻度：每小時(shí)20-40次，每當(dāng)有入庫(kù)單數(shù)據(jù)流或出庫(kù)單數(shù)據(jù)流發(fā)生都要引發(fā)庫(kù)存計(jì)算事務(wù)，計(jì)算庫(kù)存涉及的數(shù)據(jù)：每小時(shí)4kb-10kb，希望在發(fā)生入庫(kù)或出庫(kù)信息時(shí)實(shí)時(shí)計(jì)算庫(kù)存。第四十六頁(yè)，共101頁(yè)。10.2Web商品進(jìn)銷存信息系統(tǒng)

6）具體處理的主要數(shù)據(jù)B/S模式實(shí)現(xiàn)的網(wǎng)上訂購(gòu)系統(tǒng)的具體處理的主要數(shù)據(jù)要求：（1）可以實(shí)現(xiàn)網(wǎng)上用戶的注冊(cè)與登錄，登錄用戶的管理；（2）方便查閱（如分頁(yè)查詢）商品及庫(kù)存信息，方便商品選購(gòu)（3）實(shí)現(xiàn)基本的購(gòu)物車具體功能；（4）完成訂購(gòu)、實(shí)現(xiàn)網(wǎng)上支付過(guò)程，并自動(dòng)產(chǎn)生訂購(gòu)明細(xì)數(shù)據(jù)，產(chǎn)生商品Web銷售對(duì)應(yīng)的出庫(kù)記錄；自動(dòng)更改商品庫(kù)存；（5）事后能查閱個(gè)人的歷史訂單及明細(xì)數(shù)據(jù)；（6）具有商務(wù)網(wǎng)站基本功能：網(wǎng)站公告、系統(tǒng)簡(jiǎn)介、用戶信息維護(hù)、找回密碼、聯(lián)系、友情鏈接等。C/S與B/S兩類系統(tǒng)共用同一個(gè)數(shù)據(jù)庫(kù)，數(shù)據(jù)間緊密依賴、密切關(guān)聯(lián)與聯(lián)動(dòng)，數(shù)據(jù)庫(kù)則集中存放在企業(yè)服務(wù)器上的SQLServer2008的DBMS中。7）系統(tǒng)需要管理的實(shí)體信息10.2.2系統(tǒng)設(shè)計(jì)

1）數(shù)據(jù)庫(kù)概念結(jié)構(gòu)設(shè)計(jì)根據(jù)實(shí)體聯(lián)系分析可以畫出基于Web進(jìn)銷存信息系統(tǒng)的E-R圖，如圖10-12所示。第四十七頁(yè)，共101頁(yè)。10.2Web商品進(jìn)銷存信息系統(tǒng)圖10-12Web進(jìn)銷存信息系統(tǒng)E-R圖第四十八頁(yè)，共101頁(yè)。10.2Web商品進(jìn)銷存信息系統(tǒng)由實(shí)體之間的聯(lián)系，可畫出各實(shí)體的E-R圖，如圖10-13至圖10-18所示?？山⑾鄳?yīng)關(guān)系數(shù)據(jù)表。

圖10-13現(xiàn)有庫(kù)存實(shí)體E-R圖圖10-14入庫(kù)實(shí)體E-R圖圖10-17設(shè)備庫(kù)存實(shí)體E-R圖圖10-18計(jì)劃采購(gòu)實(shí)體E-R第四十九頁(yè)，共101頁(yè)。10.2Web商品進(jìn)銷存信息系統(tǒng)實(shí)體與實(shí)體間的關(guān)系E-R圖，如圖10-19所示。圖10-19實(shí)體之間關(guān)系E-R圖第五十頁(yè)，共101頁(yè)。10.2Web商品進(jìn)銷存信息系統(tǒng)2）系統(tǒng)功能模塊設(shè)計(jì)

（1）主要功能模塊。庫(kù)存系統(tǒng)包含6個(gè)主要功能模塊，即系統(tǒng)模塊、入庫(kù)業(yè)務(wù)管理模塊、出庫(kù)業(yè)務(wù)管理模塊、退料業(yè)務(wù)管理模塊（還庫(kù)業(yè)務(wù)管理模塊）、盤點(diǎn)業(yè)務(wù)管理模塊（報(bào)表輸出）、需求管理模塊。對(duì)于每個(gè)功能模塊，都包含數(shù)據(jù)錄入、編輯、查詢、統(tǒng)計(jì)、打印、應(yīng)急、幫助等功能。

（2）開發(fā)步驟。開發(fā)一個(gè)典型數(shù)據(jù)庫(kù)應(yīng)用程序，需要3個(gè)步驟：數(shù)據(jù)庫(kù)設(shè)計(jì)、GUI用戶界面設(shè)計(jì)和業(yè)務(wù)邏輯實(shí)現(xiàn)。后面將具體介紹相關(guān)步驟，GUI設(shè)計(jì)通常需要和業(yè)務(wù)邏輯交替進(jìn)行。對(duì)Web網(wǎng)上訂購(gòu)子系統(tǒng)的功能進(jìn)行集中、分類，按照結(jié)構(gòu)化程序設(shè)計(jì)的要求，可得出子系統(tǒng)的功能模塊圖如圖10-20，而庫(kù)存管理子系統(tǒng)各項(xiàng)功能模塊如圖10-21所示。第五十一頁(yè)，共101頁(yè)。10.2Web商品進(jìn)銷存信息系統(tǒng)圖10-20Web網(wǎng)上訂購(gòu)子系統(tǒng)一級(jí)功能模塊圖圖10-21庫(kù)存管理子系統(tǒng)功能模塊圖

第五十二頁(yè)，共101頁(yè)。10.2Web商品進(jìn)銷存信息系統(tǒng)

3）操作流程設(shè)計(jì)網(wǎng)上訂購(gòu)系統(tǒng)運(yùn)行時(shí)通?？梢园凑杖鐖D10-22所示的操作流程進(jìn)行操作。

4）數(shù)據(jù)庫(kù)設(shè)計(jì)按照實(shí)體-聯(lián)系圖轉(zhuǎn)化為關(guān)系模式的方法，本系統(tǒng)共使用到至少23個(gè)關(guān)系模式(含4個(gè)輔助關(guān)系)，在此只給出23個(gè)表名：Web訂單表(weborders)；Web訂單明細(xì)表weborderdetails)；Web用戶表(webuser)；Web購(gòu)買折扣表(webdiscount)；Web支付方式表(Webpaydefault)；Web即時(shí)信息表(webmessage)；商品年月設(shè)置表tccpny)；商品入出庫(kù)表(tccprck)；第五十三頁(yè)，共101頁(yè)。10.2Web商品進(jìn)銷存信息系統(tǒng)圖10-22網(wǎng)站操作流程示意圖

第五十四頁(yè)，共101頁(yè)。10.2Web商品進(jìn)銷存信息系統(tǒng)商品實(shí)時(shí)庫(kù)存表(tccpsskc)；月累計(jì)庫(kù)存表(tccptj)；商品月區(qū)段庫(kù)存表(tccpkctj)；月商品明細(xì)庫(kù)存表(tccpkc200412)；進(jìn)貨年月設(shè)置表tcplny)；進(jìn)貨入出庫(kù)表(tcplrck)；進(jìn)貨實(shí)時(shí)庫(kù)存表(tcplsskc)；進(jìn)貨累計(jì)庫(kù)存表(tcpltj)；進(jìn)貨月區(qū)段庫(kù)存表(tcplkctj)；進(jìn)貨月區(qū)段庫(kù)存表2(tcplkctj2)；月進(jìn)貨明細(xì)庫(kù)存表(tcplkc200412)；工具庫(kù)存表(tcmjkc)；系統(tǒng)用戶表(users)；日志表(logs)；系統(tǒng)參數(shù)表(tcsyspara)。數(shù)據(jù)庫(kù)庫(kù)表關(guān)系圖如圖10-23所示。第五十五頁(yè)，共101頁(yè)。10.2Web商品進(jìn)銷存信息系統(tǒng)【注意】表索引對(duì)性能的影響以及是否采用，需要通過(guò)實(shí)際系統(tǒng)的運(yùn)行比較進(jìn)行判定。圖10-23系統(tǒng)數(shù)據(jù)庫(kù)庫(kù)表關(guān)系圖第五十六頁(yè)，共101頁(yè)。10.2Web商品進(jìn)銷存信息系統(tǒng)10.2.3系統(tǒng)實(shí)現(xiàn)

1.主窗體及其菜單（1）庫(kù)存管理子系統(tǒng)的主窗體。以庫(kù)存管理子系統(tǒng)為例，采用了多文檔界面，為此需在本系統(tǒng)項(xiàng)目中添加一個(gè)多文檔窗體，命名為frmmain.在主窗體中,可加入主菜單、工具欄與狀態(tài)欄等,如圖10-24。圖10-24庫(kù)存管理子系統(tǒng)的主界面第五十七頁(yè)，共101頁(yè)。10.2Web商品進(jìn)銷存信息系統(tǒng)

（2）主窗體的菜單。在主窗體中，單擊鼠標(biāo)右鍵，選擇彈出式菜單中的“menueditor…”命令，創(chuàng)建如圖10-25所示的應(yīng)用系統(tǒng)菜單結(jié)構(gòu)。圖10-25庫(kù)存管理主窗體菜單

第五十八頁(yè)，共101頁(yè)。10.2Web商品進(jìn)銷存信息系統(tǒng)

2.主要模塊的實(shí)現(xiàn)

1）商品出庫(kù)或入庫(kù)錄入模塊企業(yè)商品的采購(gòu)入庫(kù)錄入窗口，其運(yùn)行界面(只列出子窗口，以下同)示意圖，如圖10-26所示。出庫(kù)或入庫(kù)錄入組合查詢窗口如圖10-27所示。

圖10-26商品采購(gòu)入庫(kù)錄入窗口圖10-27商品出庫(kù)或入庫(kù)組合查詢窗口第五十九頁(yè)，共101頁(yè)。10.2Web商品進(jìn)銷存信息系統(tǒng)

2）商品月明細(xì)庫(kù)存生成與查詢模塊商品月明細(xì)庫(kù)存生成與查詢模塊的運(yùn)行界面如圖10-29所示,模塊實(shí)現(xiàn)簡(jiǎn)述：利用組合條件實(shí)現(xiàn)查詢，能方便并快速地查找到信息。系統(tǒng)年月設(shè)置表控制著商品月明細(xì)庫(kù)存的天數(shù)范圍及對(duì)月明細(xì)庫(kù)存表的創(chuàng)建、生成、結(jié)轉(zhuǎn)、刪除等管理功能，圖10-28及圖10-29所示的窗口簡(jiǎn)明地實(shí)現(xiàn)了這些功能。第六十頁(yè)，共101頁(yè)。10.2Web商品進(jìn)銷存信息系統(tǒng)

圖10-28商品明細(xì)庫(kù)存生成與查詢模塊運(yùn)行界面圖10-29系統(tǒng)年月設(shè)置表的控制功能第六十一頁(yè)，共101頁(yè)。10.2Web商品進(jìn)銷存信息系統(tǒng)

3）商品實(shí)時(shí)庫(kù)存計(jì)算與組合查詢模塊

商品實(shí)時(shí)庫(kù)存計(jì)算與組合查詢模塊的運(yùn)行界面如圖10-30所示,模塊實(shí)現(xiàn)簡(jiǎn)述：本功能窗體被設(shè)計(jì)成上下兩部分，上部分?jǐn)?shù)據(jù)網(wǎng)格控件顯示查到的庫(kù)存記錄；下部分可組合6種條件。商品實(shí)時(shí)庫(kù)存樹形查詢窗體，如圖10-31所示。

圖10-30商品實(shí)時(shí)庫(kù)存組合查詢窗體圖10-31商品實(shí)時(shí)庫(kù)存樹形查詢窗體第六十二頁(yè)，共101頁(yè)。10.2Web商品進(jìn)銷存信息系統(tǒng)

4）商品進(jìn)銷存統(tǒng)計(jì)模塊商品進(jìn)銷存統(tǒng)計(jì)模塊的運(yùn)行界面如圖10-32所示,模塊主要實(shí)現(xiàn)商品進(jìn)貨、銷售、庫(kù)存和結(jié)余統(tǒng)計(jì)（主要包含月產(chǎn)量、銷量及結(jié)余等）與顯示，及月商品間段庫(kù)存統(tǒng)計(jì)（主要包含期初值、生產(chǎn)量、銷售量、銷量及期末值等）與顯示功能。

圖10-32商品進(jìn)銷存統(tǒng)計(jì)報(bào)表窗口第六十三頁(yè)，共101頁(yè)。10.3Web書城信息系統(tǒng)

10.3.1可行性分析1）技術(shù)可行性 建立Web書城信息系統(tǒng)(簡(jiǎn)稱網(wǎng)上書城0的技術(shù)方面,從計(jì)算機(jī)及網(wǎng)絡(luò)硬件及軟件資源方面都可行。在軟件開發(fā)方面，本系統(tǒng)是一個(gè)基于ASP、VBScript和SQLServer2008的Web應(yīng)用程序。2）經(jīng)濟(jì)可行性

(1)費(fèi)用支出。主要包括3個(gè)方面： ①在基建投資上； ②其他一次支出； ③經(jīng)常性支出。

(2)經(jīng)濟(jì)效益。

(3)投資回收周期。3）社會(huì)可行性

(1)法律方面的可行性。

(2)使用方面的可行性。4）結(jié)論 第六十四頁(yè)，共101頁(yè)。10.3Web書城信息系統(tǒng)10.3.2軟件需求分析Web書城是一種高質(zhì)量、更快捷方便的購(gòu)書方式。Web書城不僅可用于圖書的再線銷售，也有音碟、影碟的在線銷售和相關(guān)廣告宣傳與鏈接導(dǎo)航。而且網(wǎng)站式的書店對(duì)圖書的管理更加合理化、信息化、現(xiàn)代化。售書的同時(shí)還具有書籍類商品管理、購(gòu)物車、訂單管理、會(huì)員管理等功能，非常靈活的網(wǎng)站內(nèi)容和文章管理功能。開發(fā)一個(gè)Web書城，采用結(jié)構(gòu)化設(shè)計(jì)分析方法，該系統(tǒng)包括前臺(tái)購(gòu)書和后臺(tái)管理兩大總的模塊，后臺(tái)管理模塊又包括分類錄入書籍（以及書籍的相關(guān)信息，如名稱、頁(yè)數(shù)、摘要、目錄等）和管理前臺(tái)用戶，前臺(tái)管理模塊包括用戶登錄，查詢、瀏覽書籍，以及購(gòu)書功能。本網(wǎng)站的所有會(huì)員都可以特價(jià)買書，新用戶可通過(guò)注冊(cè)成為本網(wǎng)站的會(huì)員，并可定購(gòu)書籍和查詢訂單。第六十五頁(yè)，共101頁(yè)。10.3Web書城信息系統(tǒng)

1）系統(tǒng)功能需求開發(fā)一個(gè)基于WEB的Web書城信息系統(tǒng)。具體功能包括：(1)瀏覽功能：所有人員都可以瀏覽圖書館的圖書信息。(2)讀者注冊(cè)：讀者在借書之前需要辦理借書證，獲得登陸系統(tǒng)密碼。(3)借還功能：合法借書者可以借、還圖書和雜志。(4)借書管理:管理員可以進(jìn)行注冊(cè)更改注銷借書者信息等維護(hù)工作。(5)讀者登錄系統(tǒng)，通過(guò)系統(tǒng)完成續(xù)借和預(yù)約圖書和雜志功能。(6)統(tǒng)計(jì)功能：包括對(duì)讀者借書情況、圖書情況的統(tǒng)計(jì)功能2）系統(tǒng)結(jié)構(gòu)分析Web書城管理系統(tǒng)的結(jié)構(gòu)，可以劃分為兩個(gè)部分。如圖10-33所示。系統(tǒng)前臺(tái)管理和系統(tǒng)后臺(tái)管理。第六十六頁(yè)，共101頁(yè)。10.3Web書城信息系統(tǒng)系統(tǒng)前臺(tái)管理和系統(tǒng)后臺(tái)管理。

圖10-33Web書城信息系統(tǒng)功能結(jié)構(gòu)第六十七頁(yè)，共101頁(yè)。10.3Web書城信息系統(tǒng)（1）系統(tǒng)前臺(tái)。如圖10-34所示。圖10-34系統(tǒng)前臺(tái)結(jié)構(gòu)圖第六十八頁(yè)，共101頁(yè)。10.3Web書城信息系統(tǒng)（2）系統(tǒng)后臺(tái)。如圖10-35所示。圖10-35系統(tǒng)后臺(tái)結(jié)構(gòu)圖3）系統(tǒng)數(shù)據(jù)流圖Web書城管理系統(tǒng)主要處理模塊的數(shù)據(jù)流程圖，如圖10-36至圖10-40所示。圖10-36頂層數(shù)據(jù)流程圖第六十九頁(yè)，共101頁(yè)。10.3Web書城信息系統(tǒng)圖10-37購(gòu)書系統(tǒng)細(xì)化分析數(shù)據(jù)流程圖圖10-38“書處理”的細(xì)化

第七十頁(yè)，共101頁(yè)。10.3Web書城信息系統(tǒng)圖10-39“支付處理”的細(xì)化圖10-40“配送”的細(xì)化

第七十一頁(yè)，共101頁(yè)。10.3Web書城信息系統(tǒng)4）軟件系統(tǒng)數(shù)據(jù)字典以下僅以圖10-41至圖10-42，訂書處理的1層數(shù)據(jù)流圖為例，其相對(duì)應(yīng)的數(shù)據(jù)字典為：數(shù)據(jù)源點(diǎn)及匯點(diǎn)描述：加工邏輯詞條描述：數(shù)據(jù)流名詞條描述：數(shù)據(jù)文件詞條描述。網(wǎng)上圖書銷售的數(shù)據(jù)字典，主要通過(guò)以下幾個(gè)部分進(jìn)行描述。

（1）數(shù)據(jù)存儲(chǔ)。三個(gè)數(shù)據(jù)表的數(shù)據(jù)存儲(chǔ)，如表10-3所示。第七十二頁(yè)，共101頁(yè)。10.3Web書城信息系統(tǒng)表10-3數(shù)據(jù)表的數(shù)據(jù)存儲(chǔ)名字別名描述定義位置用戶表會(huì)員表記錄會(huì)員的個(gè)人基本情況用戶表=會(huì)員id+姓名+聯(lián)系方式+家庭住址+登錄密碼Web書城數(shù)據(jù)庫(kù)管理員表管理員表記錄會(huì)員的個(gè)人基本情況管理員表=管理員id+職位+聯(lián)系方式+姓名+登錄密碼Web書城數(shù)據(jù)庫(kù)圖書表圖書表記錄所賣書的基本信息圖書表=圖書id+名稱+出處+作者+出版日期Web書城數(shù)據(jù)庫(kù)（2）數(shù)據(jù)結(jié)構(gòu)。三個(gè)數(shù)據(jù)表的數(shù)據(jù)結(jié)構(gòu)，如表10-4所示。第七十三頁(yè)，共101頁(yè)。10.3Web書城信息系統(tǒng)表10-4數(shù)據(jù)表的數(shù)據(jù)結(jié)構(gòu)名字別名定義位置會(huì)員id會(huì)員號(hào)，編號(hào)會(huì)員id=會(huì)員申請(qǐng)日期+會(huì)員個(gè)人編號(hào)會(huì)員申請(qǐng)日期=8{數(shù)字字符}8會(huì)員個(gè)人編號(hào)=5{數(shù)字字符}5用戶表管理員id管理員號(hào)，管理員編號(hào)管理員id=部門編號(hào)+職工個(gè)人編號(hào)部門編號(hào)=2{數(shù)字字符}2職工個(gè)人編號(hào)=5{數(shù)字字符}5管理員表圖書id圖書號(hào)，圖書編號(hào)圖書id=種類編號(hào)+編號(hào)種類編號(hào)=2{數(shù)字字符}2編號(hào)=5{數(shù)字字符}5圖書表（3）數(shù)據(jù)元素。用戶表、管理員表和Web書城數(shù)據(jù)庫(kù)的數(shù)據(jù)元素，如表10-5所示

第七十四頁(yè)，共101頁(yè)。10.3Web書城信息系統(tǒng)表10-5數(shù)據(jù)元素名字別名描述定義位置姓名昵稱1{字符}8用戶表、管理員表Web書城數(shù)據(jù)庫(kù)聯(lián)系方式聯(lián)系方式手機(jī)、電子郵件或電話聯(lián)系方式12{數(shù)字型}12|8{數(shù)字型}8用戶表、管理員表Web書城數(shù)據(jù)庫(kù)職位職位1{漢字}4用戶表、管理員表Web書城數(shù)據(jù)庫(kù)密碼登陸密碼6{字符}6用戶表、管理員表Web書城數(shù)據(jù)庫(kù)出處出版社1{漢字}15圖書表Web書城數(shù)據(jù)庫(kù)作者編輯者1{漢字}4圖書表Web書城數(shù)據(jù)庫(kù)第七十五頁(yè)，共101頁(yè)。10.3Web書城信息系統(tǒng)5）實(shí)體—聯(lián)系圖Web書城的實(shí)體—聯(lián)系圖。如圖10-41所示。圖10-41Web書城系統(tǒng)E-R圖第七十六頁(yè)，共101頁(yè)。10.3Web書城信息系統(tǒng)6）狀態(tài)轉(zhuǎn)換圖Web書城的狀態(tài)轉(zhuǎn)換圖。如圖10-42所示。圖10-42Web書城系統(tǒng)狀態(tài)轉(zhuǎn)換圖第七十七頁(yè)，共101頁(yè)。10.3Web書城信息系統(tǒng)10.3.3軟件設(shè)計(jì)1.子系統(tǒng)設(shè)計(jì)

1）子系統(tǒng)功能（1）提供了全面,詳細(xì)的圖書購(gòu)物入口，輕松實(shí)現(xiàn)快捷購(gòu)買。（2）可以通過(guò)不同分類進(jìn)行導(dǎo)航,用最方便,最快捷的方式找到你需要的圖書。（3）提供了圖書購(gòu)物所需的各種工具與網(wǎng)站,滿足你的圖書購(gòu)買需求。（4）公正性很強(qiáng)(大站.專站.小站）排列順序分明.公平公正的圖書網(wǎng)址TOP排行榜。第七十八頁(yè)，共101頁(yè)。10.3Web書城信息系統(tǒng)2）子系統(tǒng)流程圖經(jīng)過(guò)系統(tǒng)需求分析，可以設(shè)計(jì)并畫出Web書城子系統(tǒng)流程圖，如圖10-43所示。圖10-43Web書城子系統(tǒng)流程圖第七十九頁(yè)，共101頁(yè)。10.3Web書城信息系統(tǒng)3）子系統(tǒng)模塊設(shè)計(jì)（1）書籍管理模塊。（2）用戶管理模塊。（3）銷售統(tǒng)計(jì)模塊。（4）商品查詢模塊。（5）商品瀏覽模塊。（6）購(gòu)物車模塊。第八十頁(yè)，共101頁(yè)。10.3Web書城信息系統(tǒng)2.數(shù)據(jù)結(jié)構(gòu)設(shè)計(jì)（1)books表。數(shù)據(jù)結(jié)構(gòu)的books表，如表10-6所示。表10-6books表第八十一頁(yè)，共101頁(yè)。10.3Web書城信息系統(tǒng)（2)user表。數(shù)據(jù)結(jié)構(gòu)的user表，如表10-7所示。表10-7user表第八十二頁(yè)，共101頁(yè)。10.3Web書城信息系統(tǒng)3.網(wǎng)站模塊及界面設(shè)計(jì)1）網(wǎng)站模塊接口網(wǎng)上書店的網(wǎng)站模塊及其接口，如圖10-44所示。圖10-44網(wǎng)站模塊及其接口第八十三頁(yè)，共101頁(yè)。10.3Web書城信息系統(tǒng)2）界面設(shè)計(jì)（1）Web書城界面設(shè)計(jì)構(gòu)思。表10-8Web書城系統(tǒng)界面總體表書店模塊書店主界面書籍查看暢銷書籍新書上架書籍詳細(xì)介紹用戶用戶登陸用戶注冊(cè)找回密碼用戶注銷購(gòu)物車查看購(gòu)物車支付金額管理員后臺(tái)主界面后臺(tái)用戶管理前臺(tái)用戶管理前臺(tái)用戶詳細(xì)信息書籍分類管理書籍查看書籍修改書籍添加

（2）界面功能設(shè)計(jì)。如表10-7所示。10.3.4軟件實(shí)現(xiàn)鑒于篇幅有限，主要概要簡(jiǎn)介界面的實(shí)現(xiàn)。1）Web書城主界面Web書城主界面，如圖10-45所示。圖10-45Web書城頁(yè)面在主頁(yè)面用戶可以登陸，注冊(cè)，找回密碼，查詢書籍等。點(diǎn)擊相應(yīng)的超鏈接即可。圖10-45Web書城頁(yè)面

第八十四頁(yè)，共101頁(yè)。10.3Web書城信息系統(tǒng)

在主頁(yè)面用戶可以登陸，注冊(cè)，找回密碼，查詢書籍等。點(diǎn)擊相應(yīng)的超鏈接即可。2）書籍查詢書籍查詢可按書名、作者、出版社等關(guān)鍵字進(jìn)行查詢，在輸入框中輸入相應(yīng)的信息，點(diǎn)擊“搜索”即可，轉(zhuǎn)到相應(yīng)的書籍。Web書城書籍查詢界面，如圖10-46所示。第八十五頁(yè)，共101頁(yè)。10.3Web書城信息系統(tǒng)

圖10-46書籍查詢界面

第八十六頁(yè)，共101頁(yè)。10.3Web書城信息系統(tǒng)3）暢銷書籍暢銷書籍頁(yè)面，可以分門別類地列出大量最近最受歡迎的各種書籍信息，通過(guò)點(diǎn)擊即可查詢?yōu)g覽。4）最新書籍最新書籍頁(yè)面是最近新添書籍，可以讓用戶了解最近新書。5）書籍詳細(xì)介紹書籍詳細(xì)介紹頁(yè)面是對(duì)一本書的詳細(xì)介紹，包括書名、作者、價(jià)格、評(píng)論。6）用戶登陸在用戶登陸時(shí)要輸入用戶名、密碼，還有驗(yàn)證碼。如果信息合法，則進(jìn)入登陸成功頁(yè)面。用戶注冊(cè)及會(huì)員登錄界面如圖10-47所示。第八十七頁(yè)，共101頁(yè)。10.3Web書城信息系統(tǒng)圖10-47用戶注冊(cè)及會(huì)員登錄界面第八十八頁(yè)，共101頁(yè)。10.3Web書城信息系統(tǒng)7）登陸成功用戶登陸成功后，會(huì)在登陸窗口上顯示“***用戶，歡迎您！”的提示。8）登錄失敗如果登陸失敗，會(huì)談出對(duì)話框提示密碼錯(cuò)誤，會(huì)提示用戶重新登陸。9）找回密碼用戶要找回密碼，需要回答問(wèn)題或向注冊(cè)的郵箱/手機(jī)發(fā)送信息，重新輸入找回的密碼。10）用戶注冊(cè)用戶注冊(cè)，需要輸入用戶名、密碼、確認(rèn)密碼、電子郵箱、問(wèn)題、問(wèn)題答案。然后進(jìn)行提交。11）查看購(gòu)物車查看購(gòu)物車，可查看書籍的數(shù)量及總價(jià)等，也可刪除或重新購(gòu)物，最后經(jīng)過(guò)確認(rèn)付款結(jié)賬。如圖10-48所示。第八十九頁(yè)，