畢業(yè)設(shè)計(jì)（論文）：淺談購物商城系統(tǒng)的作用

第一章引言21世紀(jì)是數(shù)字信息時(shí)代，是因特網(wǎng)的時(shí)代。按照淘寶對外公布的數(shù)據(jù)，2007年淘寶成交433億元，在中國零售業(yè)僅此云百聯(lián)集團(tuán)，位居第二，目前平局每天成交按照他們提供的支付寶交易額更高達(dá)接近3億元。當(dāng)代社會，隨著中國改革開放的深化，城市越來越大，工作越來越晚，交通越來越繁忙，通過電子商務(wù)網(wǎng)(網(wǎng)購)這個(gè)途徑只會越來越深化，越來越被更多的人采用。網(wǎng)點(diǎn)優(yōu)勢:買一件應(yīng)季的衣服，采用傳統(tǒng)的途徑解訣問題，需要空出專門的時(shí)間，到商業(yè)區(qū)進(jìn)行逛，挑，試，買幾個(gè)動作，當(dāng)然如果后續(xù)不滿意還要加上個(gè)退的環(huán)節(jié)，從這個(gè)方面來說，要買這件衣服所花的除了標(biāo)簽上標(biāo)的價(jià)格之外，還要花費(fèi)時(shí)間成本，交通成本等等，勞心勞力;而相對于網(wǎng)購，點(diǎn)擊鼠標(biāo)，半個(gè)小時(shí)完成挑選對比，除了不能試穿，全部搞定,可以安心等待衣服上門，而且價(jià)格絕對是要比商城里便宜得多(因?yàn)椴槐刂Ц渡坛堑奈飿I(yè)，人員，廣告等等成本的均攤。)可謂既省時(shí)間，又省金錢同時(shí)，我們可以經(jīng)常發(fā)放調(diào)查問卷，進(jìn)行終端用戶調(diào)查，了解終端用戶真正需要的是哪方面的服務(wù)以及如何打出我們的品牌，隨時(shí)掌握市場概況。產(chǎn)品消費(fèi)群體、消費(fèi)方式、消費(fèi)習(xí)慣及影響市場的主要因素分析:隨著網(wǎng)絡(luò)的發(fā)展、電子商務(wù)的發(fā)展,大多數(shù)年輕消費(fèi)者越來越喜歡網(wǎng)上購物，因?yàn)榫W(wǎng)上購物可以節(jié)省購物時(shí)間，還可以提供大量的商品讓消費(fèi)者選擇，非常便捷?，F(xiàn)代年輕人非常適應(yīng)網(wǎng)上購物這種方式，這對我們的網(wǎng)店有很大的優(yōu)勢，會為我們提供大量的商機(jī)。但是網(wǎng)上購物最大的擔(dān)憂依然是信譽(yù)問題，因此我們的營銷模式將采用實(shí)體店加網(wǎng)店同時(shí)運(yùn)營，這樣我們網(wǎng)店在網(wǎng)上的信譽(yù)將得到極大提高。項(xiàng)目背景與問題概述項(xiàng)目背景隨著計(jì)算機(jī)技術(shù)在各行各業(yè)日益廣泛和深入的應(yīng)用。電子商務(wù)的應(yīng)用也越來越普遍。網(wǎng)絡(luò)在各行各業(yè)的發(fā)展戰(zhàn)略中占據(jù)了重要的位置，成為商家不可分割的部分。商品的宣傳已不只局限于電視和報(bào)紙，網(wǎng)絡(luò)已成為商家展示自己的另一個(gè)舞臺。商家建立網(wǎng)站，將商家各方面的宣傳與服務(wù)展現(xiàn)于網(wǎng)絡(luò)中，通過網(wǎng)絡(luò)更可實(shí)現(xiàn)如網(wǎng)上購物、信息查詢等公益。因此，對于商家來說，擁有一個(gè)屬于自己的網(wǎng)站是至關(guān)重要的。“網(wǎng)上商城”實(shí)際上是運(yùn)行在web服務(wù)器中的一個(gè)web運(yùn)用程序?！熬W(wǎng)上商店”模擬一般的商店的經(jīng)營模式。利用網(wǎng)頁、腳本程序來實(shí)現(xiàn)“網(wǎng)上商城”的進(jìn)貨管理、銷售管理、庫存管理。互聯(lián)網(wǎng)技術(shù)提供的不僅僅是供需雙方間的較低的交易成本，還有較低的選擇費(fèi)和更多可供選擇的商品。這些特點(diǎn)促使商家更多地通過使用網(wǎng)站來實(shí)現(xiàn)電子商務(wù)。問題概述用戶可以登錄網(wǎng)站進(jìn)行購買商品在信息技術(shù)日新月異的今天，隨著新技術(shù)、新功能的演變，開發(fā)一個(gè)網(wǎng)上購物系統(tǒng)有著多種技術(shù)手段來實(shí)現(xiàn)。如何根據(jù)具體需求采用合適的技術(shù)來實(shí)現(xiàn)，是很多軟件開發(fā)者正在考慮的問題。研究的意義和重要性研究的意義隨著計(jì)算機(jī)和網(wǎng)絡(luò)的日趨普及,越來越多的商家在網(wǎng)上升起商店,向消費(fèi)者展示出一片新鮮的購物大地。在美、日等信息化程度較高的國家和地區(qū),網(wǎng)絡(luò)商店發(fā)展速度迅猛,美國的世界級超一流的零售商,如沃爾瑪凱瑪特、家庭倉儲、科羅格、J.C培尼等紛紛躋身于網(wǎng)絡(luò)經(jīng)商的行列。調(diào)查表明:美國的家庭已越來越習(xí)慣于在家中購物。在我國,網(wǎng)上購物從無到有也不過短短幾年時(shí)間。互聯(lián)網(wǎng)技術(shù)的飛快發(fā)展給人們的生活帶來了巨大的變化,電子商務(wù)的發(fā)展催生了一種新的購物方式——網(wǎng)上購物,它以快速的信息更新,方便快捷的購物方式,實(shí)惠的商品定位吸引了越來越多的人參與其中。相比傳統(tǒng)零售行業(yè),網(wǎng)上購物具有許多無可比擬的優(yōu)勢。首先,以商鋪銷售或商場銷售等為代表的零售行業(yè)因受地域限制,其影響范圍僅限于較小的區(qū)域,而借助四通八達(dá)的互聯(lián)網(wǎng),消費(fèi)者可以通過網(wǎng)上商城瀏覽和獲取世界各地商家的商品信息;其次,通過網(wǎng)上購物渠道,消費(fèi)者可以足不出戶地進(jìn)行購物;再次,同樣是管理商品信息和統(tǒng)計(jì),傳統(tǒng)零售行業(yè)需要花費(fèi)大量勞動力才能完成,而銷售網(wǎng)站許多信息都可以輕松地進(jìn)行自動化管理,極大的降低企業(yè)的管理成本;最后,建立自己的網(wǎng)上購物系統(tǒng),有利于提升企業(yè)和商家的企業(yè)形象,提高服務(wù)質(zhì)量,展示企業(yè)的信息化水平。本課題的目的在于通過對網(wǎng)上商城開發(fā),初探當(dāng)前互聯(lián)網(wǎng)編程的一些流行框架和技術(shù),同時(shí)通過參考當(dāng)前較為成功的商城網(wǎng)站的設(shè)計(jì),探尋更佳的購物體驗(yàn)和更高效的產(chǎn)品信息管理,實(shí)現(xiàn)更輕松快捷的購物體驗(yàn),降低傳統(tǒng)商戶進(jìn)行網(wǎng)上交易的門檻。研究的重要性當(dāng)今的企業(yè),如果仍然依靠傳統(tǒng)的方式宣傳自己企業(yè)的形象和文化、采購自己企業(yè)所需的原材料和配套部件、推銷自己企業(yè)的產(chǎn)品,則顯得十分落后而且難以適應(yīng)激烈的市場競爭。因此,當(dāng)代企業(yè)紛紛建立自己的網(wǎng)站,借助于互聯(lián)網(wǎng)快速的信息傳遞加速自身的發(fā)展。一個(gè)企業(yè)網(wǎng)站的規(guī)劃與建設(shè),自然而然也就成了眾多類型的網(wǎng)站規(guī)劃與建設(shè)的典范;企業(yè)網(wǎng)站的規(guī)劃與建設(shè)這一研究課題,也自然而然地成為當(dāng)今乃至今后一段長時(shí)間內(nèi),企業(yè)內(nèi)部和互聯(lián)網(wǎng)上的一個(gè)相當(dāng)重要的討論對象。21世紀(jì)是信息化的社會,互聯(lián)網(wǎng)實(shí)現(xiàn)了世界范圍的網(wǎng)絡(luò)間的互聯(lián)和信息共享,并已全面介入人類生產(chǎn)生活的方方面面,帶動著人類社會的飛速發(fā)展。研究的內(nèi)容和主要工作研究的內(nèi)容商城購物系統(tǒng)的設(shè)計(jì)與研究的基本思路、原則:A?基本思路?先對商城購物系統(tǒng)做下需求分析,收集整理相關(guān)文獻(xiàn)資料,制定畢業(yè)設(shè)計(jì)劃,制定整改方案,確定購物系統(tǒng)所要的需求。再結(jié)合課題的理論學(xué)習(xí),提出實(shí)現(xiàn)大致方案,其次通過查閱相關(guān)資料和進(jìn)行實(shí)踐考察最終確定商城系統(tǒng)的詳細(xì)方案步驟以及內(nèi)容。然后著手查閱相關(guān)資料,設(shè)計(jì)好購物系統(tǒng)的各個(gè)功能模塊,解決各種應(yīng)用終端的兼容性問題,了解購物安全的基本知識,將所學(xué)的理論知識與實(shí)踐應(yīng)用結(jié)合起來熟悉整個(gè)購物系統(tǒng)的設(shè)計(jì)的步驟與實(shí)施的過程,并撰寫畢業(yè)設(shè)計(jì)報(bào)告修改以及確定畢業(yè)論文。 B設(shè)計(jì)原則實(shí)用性:指從互聯(lián)網(wǎng)電子商務(wù)發(fā)展現(xiàn)狀的實(shí)際情況出發(fā),使之達(dá)到使用方便且能發(fā)揮效益的目的。???先進(jìn)性:指采用當(dāng)前國際先進(jìn)成熟的主流硬件和硬件技術(shù)。安全性:指用各種有效的安全措施,保證商城購物系統(tǒng)的正常運(yùn)行?？蓴U(kuò)充性:在各種操作系統(tǒng)都能夠平穩(wěn)安全運(yùn)行。本人主要工作 在此項(xiàng)目中，本人做了如下工作：在項(xiàng)目開發(fā)中，本人主要負(fù)責(zé)系統(tǒng)需求分析、功能性分析、主體框架設(shè)計(jì)搭建、前端頁面設(shè)計(jì)，系統(tǒng)文檔撰寫、系統(tǒng)整體測試等工作。

第二章相關(guān)技術(shù)系統(tǒng)是采用基于傳統(tǒng)的MVC框架結(jié)構(gòu)，對應(yīng)使用easyUI、JavaScript、jQuery、CSS、Java、HTML、UML建模等技術(shù)來實(shí)現(xiàn)。軟件工程開發(fā)模型傳統(tǒng)瀑布模型瀑布模型(也稱為線性順序模型)，由溫斯頓·羅伊斯在1970年提出，在20世紀(jì)80年代以前，瀑布模型一直都是唯一被廣泛采用的軟件開發(fā)模型。這個(gè)模型中，軟件生命周期中的制訂計(jì)劃，需求分析，軟件設(shè)計(jì)，程序編寫，軟件測試和運(yùn)行維護(hù)依次由上至下順序展開，如同瀑布流水，逐級下落，最終得到軟件產(chǎn)品。理想化的瀑布模型是單邊逐一而下的，認(rèn)為人在工作過程中不可能犯錯誤。實(shí)際的瀑布模型是帶有反饋逐一而下的，當(dāng)后一階段發(fā)現(xiàn)前一階段的錯誤時(shí)，可以修正前一階段的錯誤繼續(xù)完成后一階段的任務(wù)。圖2-1瀑布模型[1]瀑布模型的優(yōu)點(diǎn)：促進(jìn)軟件開發(fā)工程化，為項(xiàng)目提供了按階段劃分的檢查點(diǎn)降低軟件開發(fā)的復(fù)雜度，當(dāng)前一階段完成后，只需去關(guān)注后續(xù)階段可以在增量模型中使用瀑布模型瀑布模型的缺點(diǎn)：缺乏靈活性不適應(yīng)用戶需求的變化，項(xiàng)目的各個(gè)階段之間極少有反饋如果軟件需求不明確或者經(jīng)常變更需求，最終可能導(dǎo)致開發(fā)出的軟件與用戶預(yù)期的軟件不符，往往會導(dǎo)致大量的返工，有時(shí)甚至?xí)o開發(fā)人員帶來災(zāi)難性的后果，而這一點(diǎn)又常常在項(xiàng)目生命期的后期才有所覺察。

第三章系統(tǒng)分析軟件需求過程是整個(gè)軟件開發(fā)初始階段，對軟件的品質(zhì)具有決定性的作用。軟件需求工程研究如何理解和說明用戶對所開發(fā)軟件的要求和期望。需求就是以一種清晰、簡明、一致且無二義性的方式對一個(gè)待開發(fā)系統(tǒng)中的各個(gè)方面有意義的陳述的集合[4]。需求必須是完整的，足以使設(shè)計(jì)師和工程師來開發(fā)一個(gè)使客戶滿意的軟件制品。IEEE軟件工程標(biāo)準(zhǔn)詞匯表(1997年)中定義需求為[5]：用戶解決問題或達(dá)到目標(biāo)所需的條件或能力(Capability)；系統(tǒng)或系統(tǒng)部件要滿足合同、標(biāo)準(zhǔn)、規(guī)范或其它正式規(guī)定文檔所需具有的條件或能力；一種反映上面(l)或(2)所描述的條件或能力的文檔說明。軟件需求包括三個(gè)不同的層次：業(yè)務(wù)需求、用戶需求和功能需求（也包括非功能需求）。需求分析業(yè)務(wù)需求(businessrequirement)是客戶對軟件制品目標(biāo)的高層次要求。業(yè)務(wù)描述<描述系統(tǒng)當(dāng)前的主要業(yè)務(wù)問題，進(jìn)一步闡述通過計(jì)算機(jī)軟件要達(dá)到哪些目標(biāo)，解決哪些主要問題等。示例：>能夠?qū)崿F(xiàn)商品展示、商品檢索、商品選擇、網(wǎng)上訂貨、網(wǎng)上支付和商品發(fā)貨等功能，對網(wǎng)上購物的全過程進(jìn)行管理實(shí)現(xiàn)對網(wǎng)上購物過程中產(chǎn)生的所有業(yè)務(wù)數(shù)據(jù)的管理，如訂貨單、支付記錄、發(fā)貨信息的管理與維護(hù)具有配套的系統(tǒng)后臺管理維護(hù)功能，能夠?qū)ι唐沸畔?、用戶信息、系統(tǒng)日志等信息進(jìn)行管理與維護(hù)，并能夠進(jìn)行對應(yīng)的權(quán)限管理響應(yīng)速度合理，安全性較高系統(tǒng)運(yùn)行穩(wěn)定，并且應(yīng)易于維護(hù)主要業(yè)務(wù)流程<使用UML的活動圖描述系統(tǒng)的主要業(yè)務(wù)流程等。示例：>（一）商品展示活動圖圖3-1商品展示活動圖（二）網(wǎng)上購物活動圖圖3-2網(wǎng)上訂貨活動圖功能需求功能(function)是刻畫系統(tǒng)行為、特別是系統(tǒng)與環(huán)境關(guān)系的重要概念。用戶需求(UserRequirement)描述了待開發(fā)的軟件必須完成的任務(wù)。功能需求(FunctionalRequirement)定義了必須實(shí)現(xiàn)的軟件功能，使得用戶通過這些功能完成他們的任務(wù)，從而滿足業(yè)務(wù)需要。角色分析以下從網(wǎng)上購物系統(tǒng)的實(shí)際需求分析，系統(tǒng)涉及到以下角色：表3-1系統(tǒng)角色表角色職責(zé)或功能用戶(買家)瀏覽購買商品業(yè)務(wù)功能商品選購圖3-7商品選購用例圖表3-1商品選購用例描述描述項(xiàng)說明用例名稱商品選購標(biāo)識符*YL01用例描述描述了買家使用本系統(tǒng)銷售管理子系統(tǒng)進(jìn)行商品選購的整個(gè)過程參與者表客戶（買家）優(yōu)先級1狀態(tài)*進(jìn)行中前置條件用戶已登錄系統(tǒng)后置條件系統(tǒng)給出操作成功提示基本操作流1.用戶在系統(tǒng)主頁上選擇商品分類，進(jìn)入商品列表查看界面或在搜索框中要購買商品關(guān)鍵信息進(jìn)行檢索，提取符合條件的商品列表；2.找到所需商品后點(diǎn)擊“查看詳細(xì)信息”按鈕，進(jìn)入商品詳細(xì)信息查看頁面；3.確定購買后，設(shè)置購買數(shù)量，點(diǎn)擊界面上的“放入購物車”按鈕；4.根據(jù)需要，點(diǎn)擊“繼續(xù)購物”按鈕，返回主界面繼續(xù)選購其他商品；可選操作流1．用戶將選購商品放入購物車后，不繼續(xù)選購其他商品，進(jìn)入購物車中確認(rèn)商品信息，確認(rèn)無誤后，點(diǎn)擊結(jié)算按鈕，進(jìn)入支付界面。2.用戶將選購商品放入購物車后，可以進(jìn)入購物車刪除已放入商品。被泛化用例表該用例的特化用例列表被包含用例表無被擴(kuò)展用例表無修改歷史記錄*暫無問題*暫無決策*暫無頻率*暫無表3-2商品信息獲取用例描述描述項(xiàng)說明用例名稱商品信息獲取標(biāo)識符*YL02用例描述描述了買家使用本系統(tǒng)進(jìn)行商品信息獲取的過程參與者表客戶（買家）優(yōu)先級2狀態(tài)*進(jìn)行中前置條件用戶已登錄系統(tǒng)后置條件系統(tǒng)顯示所獲取商品信息基本操作流1.用戶在系統(tǒng)主頁上選擇商品分類，進(jìn)入商品列表查看界面。2.輸入關(guān)鍵字，進(jìn)入關(guān)鍵字相關(guān)商品列表查看界面?？蛇x操作流無被泛化用例表無被包含用例表商品選購被擴(kuò)展用例表無修改歷史記錄*暫無問題*暫無決策*暫無頻率*暫無表3-3購物車管理用例描述描述項(xiàng)說明用例名稱購物車管理標(biāo)識符*YL03用例描述描述了買家使用本系統(tǒng)進(jìn)行購物車管理的整個(gè)過程參與者表客戶（買家）優(yōu)先級2狀態(tài)*進(jìn)行中前置條件用戶已登錄系統(tǒng)后置條件系統(tǒng)給出操作成功提示基本操作流1.用戶在系統(tǒng)商品列表頁面選擇某一商品2.點(diǎn)擊“加入購物車”按鈕3.將商品加入購物車可選操作流1．用戶可同時(shí)選擇多種商品再點(diǎn)擊“加入購物車”按鈕，同時(shí)加入多種商品被泛化用例表無被包含用例表商品選購被擴(kuò)展用例表無修改歷史記錄*暫無問題*暫無決策*暫無頻率*暫無表3-4將商品放入購物車用例描述描述項(xiàng)說明用例名稱將商品放入購物車標(biāo)識符*YL04用例描述描述了買家使用本系統(tǒng)將商品放入購物車的整個(gè)過程參與者表客戶（買家）優(yōu)先級3狀態(tài)*進(jìn)行中前置條件用戶已登錄系統(tǒng)后置條件系統(tǒng)給出操作成功提示基本操作流1．選擇商品2．點(diǎn)擊“加入購物車按鈕”可選操作流1．用戶可同時(shí)選擇多種商品再點(diǎn)擊“加入購物車”按鈕，同時(shí)加入多種商品被泛化用例表無被包含用例表購物車管理被擴(kuò)展用例表無修改歷史記錄*暫無問題*暫無決策*暫無頻率*暫無表3-5將商品從購物車移除用例描述描述項(xiàng)說明用例名稱將商品從購物車移除標(biāo)識符*YL05用例描述描述了買家使用本系統(tǒng)將商品移出購物車的整個(gè)過程參與者表客戶（買家）優(yōu)先級3狀態(tài)*進(jìn)行中前置條件用戶已登錄系統(tǒng)后置條件系統(tǒng)給出操作成功提示基本操作流1．點(diǎn)擊“購物車”按鈕進(jìn)入購物車管理界面2.選擇商品3．點(diǎn)擊“移出購物車按鈕”可選操作流1．用戶可同時(shí)選擇多種商品再點(diǎn)擊“移出購物車”按鈕，同時(shí)移出多種商品被泛化用例表無被包含用例表購物車管理被擴(kuò)展用例表無修改歷史記錄*暫無問題*暫無決策*暫無頻率*暫無表3-6設(shè)置購買數(shù)量用例描述描述項(xiàng)說明用例名稱設(shè)置購買數(shù)量標(biāo)識符*YL06用例描述描述了買家使用本系統(tǒng)進(jìn)行商品選購的時(shí)設(shè)置購買數(shù)量整個(gè)過程參與者表客戶（買家）優(yōu)先級3狀態(tài)*進(jìn)行中前置條件用戶已登錄系統(tǒng)后置條件系統(tǒng)給出操作成功提示基本操作流1.用戶點(diǎn)擊“購買數(shù)量”后的加減箭頭，或在文本框內(nèi)輸入購買數(shù)量2.點(diǎn)擊“確認(rèn)”可選操作流無被泛化用例表無被包含用例表購物車管理被擴(kuò)展用例表無修改歷史記錄*暫無問題*暫無決策*暫無頻率*暫無表3-7檢索商品用例描述描述項(xiàng)說明用例名稱檢索商品標(biāo)識符*YL07用例描述描述了買家使用本系統(tǒng)在商品選購時(shí)進(jìn)行商品檢索的整個(gè)過程參與者表客戶（買家）優(yōu)先級3狀態(tài)*進(jìn)行中前置條件用戶已登錄系統(tǒng)后置條件系統(tǒng)給出用戶所搜索商品列表基本操作流1.用戶點(diǎn)擊在文本框中輸入關(guān)鍵字2.點(diǎn)擊“搜索”按鈕可選操作流無被泛化用例表無被包含用例表商品信息獲取被擴(kuò)展用例表手動瀏覽商品、使用關(guān)鍵字進(jìn)行商品檢索修改歷史記錄*暫無問題*暫無決策*暫無頻率*暫無表3-8查看商品詳細(xì)信息用例描述描述項(xiàng)說明用例名稱查看商品詳細(xì)信息標(biāo)識符*YL08用例描述描述了買家使用本系統(tǒng)在商品選購時(shí)進(jìn)行商品詳細(xì)信息查看的整個(gè)過程參與者表客戶（買家）優(yōu)先級3狀態(tài)*進(jìn)行中前置條件用戶已登錄系統(tǒng)后置條件系統(tǒng)給出用戶所查看商品詳細(xì)信息基本操作流1.選擇某一商品類別2.選擇某一具體商品3.點(diǎn)擊“查看詳情”按鈕可選操作流無。被泛化用例表無被包含用例表商品信息獲取被擴(kuò)展用例表無修改歷史記錄*暫無問題*暫無決策*暫無頻率*暫無非功能需求非功能需求[7]包括產(chǎn)品必須遵從的標(biāo)準(zhǔn)、規(guī)范和合約；外部界面的具體細(xì)節(jié)和性能要求；設(shè)計(jì)或?qū)崿F(xiàn)的約束條件及質(zhì)量屬性。環(huán)境需求表3-1服務(wù)器端環(huán)境系統(tǒng)所使用數(shù)據(jù)庫MYSQL操作系統(tǒng)Windows2008R2Web服務(wù)器IIS7.5數(shù)據(jù)庫MYSQL客戶端：表3-2客戶端環(huán)境操作系統(tǒng)WindowsXP或其以上版本操作系統(tǒng)瀏覽器IE6.0以及其以上版本（IE7.0、IE8.0）分辨率最佳效果為1024×768像素性能需求<主要闡述系統(tǒng)運(yùn)行相對于性能的相關(guān)需求，以下為范本>可維護(hù)性維護(hù)方法：系統(tǒng)能真正做到使自身在數(shù)據(jù)損壞、丟失等情況下將備份數(shù)據(jù)倒回，實(shí)現(xiàn)數(shù)據(jù)的恢復(fù)。提供對系統(tǒng)自身的集中操作維護(hù)的功能。易操作性界面設(shè)計(jì)：系統(tǒng)應(yīng)提供美觀實(shí)用，方便和直觀的圖形用戶管理界面，充分考慮員工的習(xí)慣，簡單易學(xué)，操作方便，所有菜單驅(qū)動的處理和各種快捷鍵，一鍵功能以確保多數(shù)達(dá)到?？蓴U(kuò)展性功能擴(kuò)展：系統(tǒng)從系統(tǒng)結(jié)構(gòu)、功能設(shè)計(jì)、管理對象等各方面的功能擴(kuò)展來考慮，以滿足用戶今后系統(tǒng)擴(kuò)充和擴(kuò)大使用范圍的要求。軟硬件升級：系統(tǒng)應(yīng)采取的硬件和軟件平臺，軟件和硬件的負(fù)載平衡機(jī)制的可擴(kuò)展性充分考慮。系統(tǒng)要具有靈活的擴(kuò)展能力，來適應(yīng)關(guān)鍵的軟件和硬件的開發(fā)及管理能力的上升。開放性系統(tǒng)的數(shù)據(jù)格式應(yīng)符合國家相關(guān)標(biāo)準(zhǔn)及行業(yè)標(biāo)準(zhǔn)，以此確保應(yīng)用程序具有良好的互操作性和移植的可能。安全需求<主要闡述有關(guān)系統(tǒng)運(yùn)行的安全性保障的相關(guān)需求，以下為范本>容錯性當(dāng)用戶輸入或誤操作導(dǎo)致非法數(shù)據(jù)產(chǎn)生時(shí)，系統(tǒng)應(yīng)具有一定的容錯機(jī)制。在這種情況下，系統(tǒng)應(yīng)給出友好的提示，提示用戶重新輸入或者進(jìn)行自動的修復(fù)校正。系統(tǒng)的外在環(huán)境安全安全系統(tǒng)要以充分考慮網(wǎng)絡(luò)的高級別，多層次的安全性措施為前提，包括系統(tǒng)的備份，防火墻，用戶權(quán)限和其他措施，以確保數(shù)據(jù)安全和機(jī)密信息不被泄露；考慮到系統(tǒng)的硬件和軟件故障恢復(fù)等應(yīng)急措施，以保障網(wǎng)絡(luò)的安全和處理安全性。形成相對獨(dú)立的安全機(jī)制，以防止來自系統(tǒng)外的未經(jīng)授權(quán)的訪問。系統(tǒng)內(nèi)部安全確保外部系統(tǒng)安全的同時(shí)，該系統(tǒng)還必須確保授權(quán)用戶的合法使用。系統(tǒng)運(yùn)行安全從邏輯上講，該系統(tǒng)應(yīng)具有抵抗非法入侵的能力；在物理方面，該系統(tǒng)應(yīng)確保沒有潛在的單點(diǎn)故障，并提供資源的數(shù)據(jù)備份功能。系統(tǒng)支持定期自動和手動數(shù)據(jù)備份，能夠在數(shù)據(jù)損壞或數(shù)據(jù)丟失的情況下找回?cái)?shù)據(jù)，實(shí)現(xiàn)一定程度的數(shù)據(jù)恢復(fù)。

第四章系統(tǒng)設(shè)計(jì)任何工程項(xiàng)目，在生產(chǎn)之前必須要作設(shè)計(jì)，軟件工程項(xiàng)目也一樣，在軟件編碼前也必須先進(jìn)行軟件設(shè)計(jì)。軟件設(shè)計(jì)是軟件開發(fā)的關(guān)鍵步驟，直接影響軟件的質(zhì)量。如果說在軟件需求分析階段已經(jīng)完全弄清楚了軟件的各種需求，就較好地解決了所開發(fā)的軟件“做什么”的問題，并已在軟件需求說明書中詳盡和充分地闡明了這些需求，那么下一步就要著手對軟件系統(tǒng)的功能結(jié)構(gòu)、數(shù)據(jù)結(jié)構(gòu)和用戶界面等進(jìn)行設(shè)計(jì)，即軟件設(shè)計(jì)階段要解決“怎么做”的問題，并最終通過“設(shè)計(jì)模型圖”來反映設(shè)計(jì)的結(jié)果。頁面設(shè)計(jì)用戶注冊模塊用戶注冊是為游客（沒有用戶名）所設(shè)計(jì)的。用戶在沒有注冊之前可以瀏覽本站商品，搜索本站商品，但是不可以購買商品。用戶注冊包括：用戶名，密碼。注冊成功后，可以登錄系統(tǒng)實(shí)現(xiàn)購買商品。注冊頁面，如下圖；4.1.2用戶登錄模塊用戶注冊成功后,可以使用剛剛注冊的用戶名密碼登陸網(wǎng)站。用戶登錄后系統(tǒng)會對用戶名及密碼進(jìn)行核對,如果正確,用戶就登陸成功,就可以購買商品。圖4.1.2登錄頁面4.1.3商品展示模塊這是網(wǎng)站的主頁面,用戶不登陸也可以進(jìn)入該頁面,登陸成功后,用戶可以實(shí)現(xiàn)購物功能。此頁面主要是顯示一些主要商品的圖片、名稱、價(jià)格等信息,用戶可以輸入商品名稱,種類等進(jìn)行搜索,也可以直接點(diǎn)擊商品查看商品細(xì)節(jié)信息。圖主頁面圖商品頁面4.1.4商品詳情模塊當(dāng)你點(diǎn)擊一個(gè)商品的鏈接,可以進(jìn)入商品的詳情頁面,這里會相識一個(gè)商品的所有具體信息,你可以選擇直接購買這個(gè)商品或者將此商品加入購物車。圖4.1.4商品詳情頁面4.1.5購物車模塊用戶喜歡的商品可以選擇放進(jìn)購物車?yán)?可以在購物車?yán)锂a(chǎn)看用戶選擇的商品的名稱價(jià)格以及購物車商品的總價(jià),用戶可以對購物車中的商品進(jìn)行操作,修改購買數(shù)量，刪除商品,清空購物車,提交購物車等。圖4.1.5購物車頁面第五章編碼實(shí)現(xiàn)5.1核心代碼購物車頁面<divid="app"><h1>購物清單</h1><table><thead><tr><td><inputtype="checkbox"v-on:click="selectAll(isSelectAll)"><labelfor="all">全選</label></td><tdwidth="500">商品信息</td><td>單價(jià)</td><td>數(shù)量</td><td>金額</td><td>操作</td></tr></thead><tbody><trv-for="(item,index)inlist":key="item.id"><td><inputtype="checkbox"name=""id=""v-model="item.selected"></td><td><img:src="item.img"tppabs="/preview/100881/2018-08-08/cart/item.img"><divclass="info"><h6>{{item.tit}}-{{item.img}}</h6></div></td><td>{{item.price}}</td><td><divclass="num"><spanv-on:click="item.num++">+</span><inputtype="text"name=""id=""v-model="item.num"><spanv-on:click="item.num--">-</span></div></td><td>{{item.price*item.num}}</td><td><spanv-on:click="deleteNowGoods(index)">刪除</span></td></tr></tbody><tfoot><tr><tdcolspan="2"><buttonv-on:click="deleteGoods">刪除所選商品</button></td><tdcolspan="4"class="text-right">{{getGoodsNums.goodsNum}}件商品(不含運(yùn)費(fèi))：{{getGoodsNums.goodsPrice}}元去結(jié)算</td></tr></tfoot></table></div><scriptsrc="js/vue.js"tppabs="/preview/100881/2018-08-08/cart/js/vue.js"></script><script>varvm=newVue({el:'#app',data:{list:[{id:1,tit:'一字領(lǐng)吊帶裙2018夏季新款',num:1,price:97,selected:false},{id:2,tit:'韓版潮繡花襯衫女',num:1,price:67,},{id:3,tit:'闊腿褲女裝夏2018新款',num:1,price:169,},{id:4,tit:'百搭學(xué)生可愛貓咪小禮帽',num:3,price:19,},{id:5,tit:'2018夏季新款夾克男',num:3,price:55,}]},methods:{selectAll:function(e){console.log(e,this.list.length);for(vari=0;i<this.list.length;i++){this.list[i].selected=!e;}},deleteGoods:function(){//過濾沒有被選中的的商品重新賦值到購物車列表this.list=this.list.filter(function(e){return!e.selected;});console.log(this.list);},//刪除單條商品deleteNowGoods:function(index){//根據(jù)索引刪除list的記錄this.list.splice(index,1);console.log(this.list);}},computed:{isSelectAll:function(){returnthis.list.every(function(e){returne.selected;});},getGoodsNums:function(e){//已選中商品vargoods=this.list.filter(function(e){returne.selected;});//已選中商品總價(jià)格vartotalGoodsPrice=0;for(vari=0;i<goods.length;i++){totalGoodsPrice+=goods[i].price*goods[i].num;}return{goodsNum:goods.length,goodsPrice:totalGoodsPrice}}},mounted:function(){}});</script>聯(lián)系客服頁面<divclass="qqBox"> <divclass="BoxHead"> <divclass="headImg"> <imgsrc="img/robat/機(jī)器人客服1.jpg"/> </div> <divclass="internetName">客服中心</div> </div> <divclass="context"> <divclass="conLeft"> <ul> <li> <divclass="liLeft"><imgsrc="img/robat/機(jī)器人客服1.jpg"/style="width:40px;height:40px;"></div> <divclass="liRight"> <spanclass="intername">機(jī)器人客服1</span> <spanclass="infor">厲害了</span> </div> </li> <liclass="bg"> <divclass="liLeft"><imgsrc="img/robat/機(jī)器人客服2.jpg"/style="width:40px;height:40px;"></div> <divclass="liRight"> <spanclass="intername">機(jī)器人客服2</span> <spanclass="infor">親</span> </div> </li> <li> <divclass="liLeft"><imgsrc="img/robat/機(jī)器人客服3.jpg"/style="width:40px;height:40px;"></div> <divclass="liRight"> <spanclass="intername">機(jī)器人客服3</span> <spanclass="infor">您好！</span> </div> </li> <li> <divclass="liLeft"><imgsrc="img/robat/機(jī)器人客服4.jpg"/style="width:40px;height:40px;"></div> <divclass="liRight"> <spanclass="intername">機(jī)器人客服4</span> <spanclass="infor">可以</span> </div> </li> <li> <divclass="liLeft"><imgsrc="img/robat/機(jī)器人客服5.jpg"/style="width:40px;height:40px;"></div> <divclass="liRight"> <spanclass="intername">機(jī)器人客服5</span> <spanclass="infor">[圖片]</span> </div> </li> </ul> </div> <divclass="conRight"> <divclass="Righthead"> <divclass="headName">客服中心</div> <divclass="headConfig"> <ul> <li><imgsrc="img/robat/20170926103645_06.jpg"/></li> <li><imgsrc="img/robat/20170926103645_08.jpg"/></li> <li><imgsrc="img/robat/20170926103645_10.jpg"/></li> <li><imgsrc="img/robat/20170926103645_12.jpg"/></li> </ul> </div> </div> <divclass="RightCont"> <ulclass="newsList"> </ul> </div> <divclass="RightFoot"> <divclass="emjon"> <ul> <li><imgsrc="img/robat/look/em_02.jpg"/></li> <li><imgsrc="img/robat/look/em_05.jpg"/></li> <li><imgsrc="img/robat/look/em_07.jpg"/></li> <li><imgsrc="img/robat/look/em_12.jpg"/></li> <li><imgsrc="img/robat/look/em_14.jpg"/></li> <li><imgsrc="img/robat/look/em_16.jpg"/></li> <li><imgsrc="img/robat/look/em_20.jpg"/></li> <li><imgsrc="img/robat/look/em_23.jpg"/></li> <li><imgsrc="img/robat/look/em_25.jpg"/></li> <li><imgsrc="img/robat/look/em_30.jpg"/></li> <li><imgsrc="img/robat/look/em_31.jpg"/></li> <li><imgsrc="img/robat/look/em_33.jpg"/></li> <li><imgsrc="img/robat/look/em_37.jpg"/></li> <li><imgsrc="img/robat/look/em_38.jpg"/></li> <li><imgsrc="img/robat/look/em_40.jpg"/></li> <li><imgsrc="img/robat/look/em_45.jpg"/></li> <li><imgsrc="img/robat/look/em_47.jpg"/></li> <li><imgsrc="img/robat/look/em_48.jpg"/></li> <li><imgsrc="img/robat/look/em_52.jpg"/></li> <li><imgsrc="img/robat/look/em_54.jpg"/></li> <li><imgsrc="img/robat/look/em_55.jpg"/></li> </ul> </div> <divclass="footTop"> <ul> <li><imgsrc="img/robat/20170926103645_31.jpg"/></li> <liclass="ExP"><imgsrc="img/robat/20170926103645_33.jpg"/></li> <li><imgsrc="img/robat/20170926103645_35.jpg"/></li> <li><imgsrc="img/robat/20170926103645_37.jpg"/></li> <li><imgsrc="img/robat/20170926103645_39.jpg"/></li> <li><imgsrc="img/robat/20170926103645_41.jpg"alt=""/></li> <li><imgsrc="img/robat/20170926103645_43.jpg"/></li> <li><imgsrc="img/robat/20170926103645_45.jpg"/></li> </ul> </div> <divclass="inputBox"> <textareaid="dope"style="width:99%;height:75px;border:none;outline:none;"name=""rows=""cols=""></textarea> <buttonclass="sendBtn">發(fā)送(s)</button> </div> </div> </div> </div></div><scripttype="text/javascript"src="js/jquery.min1.js"></script><scripttype="text/javascript"src="js/chat.js"></script><divclass="container"></div><!--客服部分--><divstyle="right:-230px;"class="contactusdiyou"> <divclass="hoverbtn"> <span>聯(lián)</span><span>系</span><span>我</span><span>們</span> <imgclass="hoverimg"src="img/images/hoverbtnbg.gif"height="9"width="13"> </div> <divclass="conter"> <divclass="con1"> <dlclass="fn_cle"> <dt><imgsrc="img/images/tel.png"height="31"width="31"></dt> <ddclass="f1">咨詢熱線：</dd> <ddclass="f2"><spanclass="ph_num">131-3372-8647</span></dd> </dl> </div> <divclass="blank0"></div> <divclass="qqcall"> <dlclass="fn_cle"> <dt><imgsrc="img/images/zxkfqq.png"height="31"width="31"></dt> <ddclass="f1f_s14">在線客服：</dd> <ddclass="f2kefuQQ"> <span>客服一</span> 聯(lián)系QQ：1648744303 </dd> </dl> <divclass="blank0"></div> </div> <divclass="blank0"></div> <divclass="weixincall"> <dlclass="fn_cle"> <dt><imgsrc="img/images/weixin.png"height="31"width="31"></dt> <ddclass="f1">官方微信站：</dd> <ddclass="f3"><imgsrc="img/images/wechat_code.png"height="73"width="73"></dd> </dl> </div> <divclass="blank0"></div> <divclass="dytimer"> <spanstyle="font-weight:bold;">公司官網(wǎng)：</span> <span><ahref="index.html">隔壁小鋪</a></span> </div> </div></div><divclass="diyoumask"></div><scripttype="text/javascript">$(function(){ $(".contactusdiyou").hover(function(){ $(".hoverimg").attr("src","images/hoverbtnbg1.gif"); $('.diyoumask').fad