山西旅游網(wǎng)站之旅游模塊的設(shè)計(jì)與實(shí)現(xiàn)

內(nèi)容摘要錯(cuò)誤!使用“開始”選項(xiàng)卡將標(biāo)題1,章應(yīng)用于要在此處顯示的文字。系統(tǒng)需求分析需求分析是讓我們明確目標(biāo)系統(tǒng)必須做什么的一個(gè)階段。對(duì)軟件進(jìn)行需求分析是軟件開發(fā)工作取得成功額前提條件，而需求分析的主要任務(wù)是明確了系統(tǒng)必須完成哪些工作，也就是對(duì)目標(biāo)系統(tǒng)提出精確和具體的要求。以下通過(guò)幾個(gè)小節(jié)來(lái)對(duì)本旅游網(wǎng)站在各方面的需求進(jìn)行分析。可行性分析可行性分析又被叫做可行性研究，是在最少的時(shí)間內(nèi)，對(duì)項(xiàng)目方案、技術(shù)等進(jìn)行經(jīng)濟(jì)技術(shù)論證，來(lái)確定是否更夠解決問(wèn)題并達(dá)到最佳的經(jīng)濟(jì)效果。技術(shù)可行性本系統(tǒng)采用前后端分離的設(shè)計(jì)模式，實(shí)現(xiàn)了前端與后端的代碼的并行開發(fā)，互不干擾[5]。其中后端采用SpringBoot框架開發(fā)，運(yùn)行在阿里云服務(wù)器上，訪問(wèn)數(shù)據(jù)庫(kù)，并為前端提供接口。前端使用Vue開發(fā)，通過(guò)快速搭建vue-cli腳手架工具實(shí)現(xiàn)。SpringBoot使用簡(jiǎn)單并且性能穩(wěn)定以及Vue容易上手和使用的特點(diǎn)充分說(shuō)明了本系統(tǒng)在技術(shù)方面可行[6]。經(jīng)濟(jì)可行性互聯(lián)網(wǎng)的飛速發(fā)展可以為我們提供更加高效的服務(wù)并且降低成本[7]。而且我省旅游景點(diǎn)眾多，無(wú)論是自然景觀還是人文歷史在數(shù)量上都十分可觀，適合各年齡層次的人群。設(shè)計(jì)這樣一個(gè)旅游網(wǎng)站成本較低，效率高，使用靈活方便，同時(shí)又和省內(nèi)重點(diǎn)發(fā)展旅游的戰(zhàn)略決策相吻合，很有發(fā)展前景，因此在經(jīng)濟(jì)上可行。操作可行性本系統(tǒng)操作簡(jiǎn)單，界面美觀大方，操作方面也可行。安全性分析（1）系統(tǒng)設(shè)置了游客、用戶和管理員的權(quán)限，游客只能對(duì)網(wǎng)站信息進(jìn)行閱覽；用戶登錄后可以加購(gòu)物車，支付以及收藏；管理員擁有對(duì)網(wǎng)站信息的管理的權(quán)限。（2）對(duì)輸入的信息進(jìn)行合法性的檢測(cè)，例如在登錄注冊(cè)時(shí)進(jìn)行數(shù)據(jù)的驗(yàn)證，盡可能保證網(wǎng)站的安全和高效性[8]。網(wǎng)站運(yùn)行環(huán)境本網(wǎng)站主要開發(fā)用于手機(jī)端的網(wǎng)頁(yè)，并且最終將部署于阿里云服務(wù)器上，通過(guò)網(wǎng)址訪問(wèn)即可。系統(tǒng)的開發(fā)使用到了“調(diào)接口與前端展示數(shù)據(jù)跟數(shù)據(jù)交互”的前后端分離的開發(fā)思想，后端給前端直接寫接口。其中后端接口的開發(fā)使用了IntelliJIDEA2019（開發(fā)平臺(tái)），Postman（測(cè)試工具），Mysql5.5(數(shù)據(jù)庫(kù)軟件)，SQLyog（Mysql管理工具）；前端開發(fā)使用到了WebStorm等軟件。網(wǎng)站的數(shù)據(jù)流圖數(shù)據(jù)流圖是系統(tǒng)邏輯功能的圖形表示，它描繪出了數(shù)據(jù)在軟件中流動(dòng)和被處理的邏輯過(guò)程，即使不是專業(yè)計(jì)算機(jī)技術(shù)也可以輕易讀懂。以下是關(guān)于本網(wǎng)站在頂層的數(shù)據(jù)流圖描述如圖2-1所示：網(wǎng)站管理網(wǎng)站管理員山西旅游網(wǎng)站旅游新聞旅游類別管理旅游新聞旅游類別管理旅游類別數(shù)據(jù)庫(kù)民宿預(yù)定用戶留言旅游景點(diǎn)旅游路線用戶下單民宿管理民宿房東訂單管理留言管理旅游路線管理旅游景點(diǎn)管理網(wǎng)站用戶旅游類別數(shù)據(jù)庫(kù)民宿預(yù)定用戶留言旅游景點(diǎn)旅游路線用戶下單民宿管理民宿房東訂單管理留言管理旅游路線管理旅游景點(diǎn)管理網(wǎng)站用戶圖2-1頂層數(shù)據(jù)流圖如上圖，頂層數(shù)據(jù)流圖只能在整體上清楚地描述數(shù)據(jù)在本網(wǎng)站的流向的加工過(guò)程，但要是具體到各個(gè)層面上的數(shù)據(jù)處理過(guò)程，頂層數(shù)據(jù)流圖是遠(yuǎn)遠(yuǎn)不夠的。所以將頂層數(shù)據(jù)流圖的每一環(huán)節(jié)進(jìn)行具體分析，進(jìn)一步細(xì)化，采用多層次的數(shù)據(jù)流圖進(jìn)行描述，以下是此網(wǎng)站的一層數(shù)據(jù)流圖和部分模塊的數(shù)據(jù)流圖：民宿信息民宿信息7民宿信息維護(hù)民宿房東評(píng)價(jià)管理評(píng)價(jià)信息訂單信息訂單信息6用戶評(píng)價(jià)5路線景點(diǎn)訂購(gòu)路線信息路線信息景點(diǎn)信息景點(diǎn)信息4旅游路線維護(hù)3旅游景點(diǎn)維護(hù)類別信息類別信息2旅游類別維護(hù)用戶新聞信息1旅游輪播新聞維護(hù)新聞信息網(wǎng)站管理員民宿信息民宿信息7民宿信息維護(hù)民宿房東評(píng)價(jià)管理評(píng)價(jià)信息訂單信息訂單信息6用戶評(píng)價(jià)5路線景點(diǎn)訂購(gòu)路線信息路線信息景點(diǎn)信息景點(diǎn)信息4旅游路線維護(hù)3旅游景點(diǎn)維護(hù)類別信息類別信息2旅游類別維護(hù)用戶新聞信息1旅游輪播新聞維護(hù)新聞信息網(wǎng)站管理員 圖2-2一層數(shù)據(jù)流圖2.2添加2.2添加類別類別信息網(wǎng)站管理員用戶閱覽顯示2.3刪除類別2.4修改類別信息2.1類別管理類別信息網(wǎng)站管理員用戶閱覽顯示2.3刪除類別2.4修改類別信息2.1類別管理類別信息類別信息圖2-3類別管理的二層數(shù)據(jù)流圖 路線信息網(wǎng)站管理員路線信息網(wǎng)站管理員4.2添加4.2添加路線4.1路線管理路線信息4.3路線信息4.3刪除路線用戶閱覽用戶閱覽4.44.4修改路線信息圖2-4路線管理的二層數(shù)據(jù)流圖 6.5評(píng)價(jià)訂購(gòu)6.4景點(diǎn)路線訂購(gòu)6.3路線閱覽6.2景點(diǎn)閱覽閱覽信息用戶信息校驗(yàn)6.1登錄用戶6.5評(píng)價(jià)訂購(gòu)6.4景點(diǎn)路線訂購(gòu)6.3路線閱覽6.2景點(diǎn)閱覽閱覽信息用戶信息校驗(yàn)6.1登錄用戶 圖2-5用戶評(píng)價(jià)的二層數(shù)據(jù)流圖系統(tǒng)功能分析本課題主要建立一個(gè)具有完整功能的旅游網(wǎng)站，要從用戶的需求和用戶的體驗(yàn)出發(fā)，實(shí)現(xiàn)旅游資訊的信息共享，為游客帶來(lái)方便。用戶權(quán)限瀏覽用戶通過(guò)連網(wǎng)訪問(wèn)本網(wǎng)站用戶可以在首頁(yè)上瀏覽輪播新聞模塊用戶可以瀏覽到旅游類別模塊用戶可以查看旅游景點(diǎn)信息用戶搜索到自己想要的內(nèi)容用戶瀏覽旅游路線模塊登錄用戶可以將喜愛的旅游產(chǎn)品加入收藏用戶可以瀏覽到民宿信息登錄用戶可以在線訂購(gòu)產(chǎn)品，并使用支付寶進(jìn)行在線支付已經(jīng)訂購(gòu)產(chǎn)品的用戶可以對(duì)本產(chǎn)品進(jìn)行評(píng)論用戶對(duì)個(gè)人中心的信息管理管理員權(quán)限管理員主要的職責(zé)是對(duì)網(wǎng)站的信息進(jìn)行維護(hù)，對(duì)網(wǎng)站產(chǎn)品就有增刪改查的權(quán)限，其功能主要如下：管理員通過(guò)連網(wǎng)登錄到后臺(tái)管理系統(tǒng)管理員可以對(duì)用戶的權(quán)限進(jìn)行管理，將普通用戶升級(jí)為管理員，也可以將管理員改為普通用戶。管理員可以對(duì)首頁(yè)的輪播新聞模塊進(jìn)行添加、刪除、修改、更換封面管理員可以對(duì)首頁(yè)的旅游類別模塊進(jìn)行添加、刪除、修改、更換封面管理員可以對(duì)首頁(yè)的旅游路線模塊進(jìn)行添加、刪除、修改、更換封面管理員可以對(duì)旅游產(chǎn)品的評(píng)論進(jìn)行查詢、刪除管理員可以對(duì)訂單信息進(jìn)行查詢、修改民宿房東民宿房東是網(wǎng)站民宿模塊的直接管理者，用戶通過(guò)注冊(cè)成為房東，可以進(jìn)行房源的上傳和信息維護(hù)。房東可以通過(guò)連網(wǎng)登陸到房東管理后臺(tái)房東可以對(duì)房源信息進(jìn)行添加、修改、刪除房東可以對(duì)用戶訂單進(jìn)行處理數(shù)據(jù)字典數(shù)據(jù)字典主要是對(duì)數(shù)據(jù)項(xiàng)，數(shù)據(jù)結(jié)構(gòu)和數(shù)據(jù)存儲(chǔ)，處理的詳細(xì)說(shuō)明，它和數(shù)據(jù)流圖共同構(gòu)成了完整的需求分析模型。以下是本網(wǎng)站關(guān)于旅游模塊的數(shù)據(jù)字典：neuedu_user(用戶表)=id（PK）+username+password+email+phone+question+answer+role+create_time+update_time+ipneuedu_news(新聞表)=id（PK）+name+subtitle+main_image+detail+is_banner+create_time+update_timeneuedu_category(旅游類別表)=id（PK）+parent_id+name+status+img+create_time+update_timeneuedu_product(路線表)=id（PK）+category_id+name+subtitle+main_image+sub_images+detail+price+stock+status+is_new+is_hot+create_time+update_timeneuedu_point(旅游景點(diǎn)表)=id（PK）+category_id+name+subtitle+main_image+detail++stock+price+create_time+update_timeneuedu_collection(產(chǎn)品收藏表)=id（PK）+user_id+product_idNeuedu_message(產(chǎn)品評(píng)價(jià)表)=id（PK）+user_id+product_id+user_name+message+create_time每章小結(jié)本階段我們明確了項(xiàng)目需要做什么并對(duì)具體功能進(jìn)行了設(shè)計(jì)，其中包括網(wǎng)站首頁(yè)和管理員功能的確定。之后又確定了網(wǎng)站的運(yùn)行環(huán)境以及開發(fā)工具的選擇，最終由具體功能分析出所需的數(shù)據(jù)字典?？紤]到網(wǎng)站安全性的問(wèn)題，我們?cè)O(shè)置了不同權(quán)限的使用者，不同權(quán)限的使用人員擁有的權(quán)限不同，同時(shí)使用了數(shù)據(jù)驗(yàn)證來(lái)校驗(yàn)登錄信息，盡可能保證網(wǎng)站的穩(wěn)定性。

系統(tǒng)設(shè)計(jì)功能模塊設(shè)計(jì)模塊設(shè)計(jì)原則模塊設(shè)計(jì)應(yīng)該秉承著各模塊獨(dú)立的思想，各模塊之間功能獨(dú)立且不會(huì)相互限制。要盡可能設(shè)計(jì)出高內(nèi)聚和低耦合的獨(dú)立模塊。功能模塊通過(guò)系統(tǒng)的需求分析，明確了此系統(tǒng)的旅游模塊分為前后臺(tái)兩大部分，前臺(tái)分為普通游客和注冊(cè)用戶，后臺(tái)主要為系統(tǒng)管理員。將網(wǎng)站詳細(xì)模塊化如下：旅游輪播新聞模塊旅游類別模塊旅游景點(diǎn)模塊旅游路線模塊留言故事模塊在線預(yù)定模塊功能結(jié)構(gòu)圖旅游網(wǎng)站旅游網(wǎng)站個(gè)人中心收藏與評(píng)論在線預(yù)定搜索商品閱覽網(wǎng)站信息登錄注冊(cè)用戶閱覽網(wǎng)站信息注冊(cè)成為會(huì)員普通游客

個(gè)人中心收藏與評(píng)論在線預(yù)定搜索商品閱覽網(wǎng)站信息登錄注冊(cè)用戶閱覽網(wǎng)站信息注冊(cè)成為會(huì)員普通游客圖3-1網(wǎng)站用戶功能結(jié)構(gòu)圖網(wǎng)站管理員網(wǎng)站管理員景點(diǎn)/路線管理旅游類別景點(diǎn)/路線管理旅游類別管理留言故事管理輪播新聞管理刪除留言故事查詢留言故事模糊查詢產(chǎn)品修改產(chǎn)品信息刪除旅游產(chǎn)品添加旅游產(chǎn)品查詢類別修改類別信息刪除旅游類別添加旅游類別刪除留言故事查詢留言故事模糊查詢產(chǎn)品修改產(chǎn)品信息刪除旅游產(chǎn)品添加旅游產(chǎn)品查詢類別修改類別信息刪除旅游類別添加旅游類別更換新聞封面修改新聞信息刪除輪播新聞添加新聞?shì)啿D3-2管理員功能結(jié)構(gòu)圖數(shù)據(jù)庫(kù)設(shè)計(jì)數(shù)據(jù)庫(kù)需求分析數(shù)據(jù)庫(kù)的設(shè)計(jì)是任何系統(tǒng)都不可或缺的組成部分，各模塊的功能實(shí)現(xiàn)也都；不開數(shù)據(jù)庫(kù)的支持。在進(jìn)行數(shù)據(jù)庫(kù)的設(shè)計(jì)時(shí)，首先要明確系統(tǒng)中的各個(gè)實(shí)體，并分析其屬性，從而得到各實(shí)體屬性圖，最終得到整個(gè)系統(tǒng)的E-R圖，以下是本系統(tǒng)旅游模塊的一些實(shí)體：用戶名用戶用戶名用戶ID密碼密碼權(quán)限用戶權(quán)限用戶郵箱郵箱問(wèn)題答案手機(jī)問(wèn)題答案手機(jī)密保問(wèn)題密保問(wèn)題圖3-1用戶實(shí)體屬性圖新聞新聞ID新聞名新聞名新聞副標(biāo)題新聞副標(biāo)題是否輪播旅游輪播新聞是否輪播旅游輪播新聞圖片地址圖片地址新聞描述新聞描述圖3-2旅游輪播新聞實(shí)體屬性圖類別類別ID父類父類ID類別名類別名類別圖片旅游類別類別圖片旅游類別類別類別圖3-3旅游類別實(shí)體屬性圖用戶ID用戶ID產(chǎn)品ID產(chǎn)品收藏表產(chǎn)品收藏表編號(hào)編號(hào)圖3-4產(chǎn)品收藏實(shí)體屬性圖景點(diǎn)類別景點(diǎn)類別ID景點(diǎn)名景點(diǎn)景點(diǎn)名景點(diǎn)ID門票價(jià)格副標(biāo)題旅游門票價(jià)格副標(biāo)題旅游景點(diǎn)門票數(shù)量門票數(shù)量景點(diǎn)圖片景點(diǎn)圖片景點(diǎn)詳情景點(diǎn)詳情圖3-5旅游景點(diǎn)實(shí)體屬性圖是否熱門是否熱門所屬類別ID所屬類別ID路線ID路線名路線名價(jià)格價(jià)格旅游路線旅游路線副標(biāo)題副標(biāo)題路線限購(gòu)路線限購(gòu)路線狀態(tài)路線詳情路線狀態(tài)路線詳情副圖片路線圖片副圖片路線圖片圖3-6旅游路線實(shí)體屬性圖用戶ID用戶ID留言ID留言故事提交留言故事提交產(chǎn)品產(chǎn)品ID留言用戶名留言用戶名圖3-7用戶留言故事實(shí)體屬性圖旅游新聞旅游新聞nmnmnm旅游類別nm旅游類別11nm網(wǎng)站管理員管理瀏覽n用戶nm網(wǎng)站管理員管理瀏覽n用戶旅游景點(diǎn)旅游景點(diǎn)nmnm旅游路線旅游路線aiannnmm留言故事留言故事圖3-8系統(tǒng)-旅游模塊E-R圖主要表設(shè)計(jì)本系統(tǒng)的數(shù)據(jù)庫(kù)為sxtravel,其中旅游模塊包含表：neuedu_user(用戶表)，neueud_news(旅游新聞表),neuedu_category(旅游類別表),neuedu_point(旅游景點(diǎn)表),neuedu_product(旅游路線表),neuedu_collection(產(chǎn)品收藏表),neueud_message(產(chǎn)品評(píng)價(jià)表)，以下是這些表的詳細(xì)信息：neuedu_user(用戶表)是用來(lái)存儲(chǔ)網(wǎng)站的所有用戶，包含普通用戶和網(wǎng)站管理員，主鍵為用戶id,該字段設(shè)置為自增。表3-1neuedu_user(用戶表）列名數(shù)據(jù)類型長(zhǎng)度主鍵非空自增注釋idint11是是是用戶idusernamevarchar50否是否用戶名passwordvarchar50否是否用戶密碼,MD5加密emailvarchar50否是否用戶emailphonevarchar20否是否用戶phonequestionvarchar100否是否找回密碼問(wèn)題answervarchar100否是否找回密碼答案roleint4否是否角色0-管理員,1-普通用戶create_timedatetime__否否否創(chuàng)建時(shí)間update_timedatetime__否否否最后更新時(shí)間ipvarchar20否否否用戶IPneuedu_news(新聞表)是用來(lái)存儲(chǔ)網(wǎng)頁(yè)首頁(yè)新聞?shì)啿バ畔⒌谋恚渲兄麈I為新聞ID，設(shè)置為為自增。圖3-2neuedu_news(旅游新聞表)列名數(shù)據(jù)類型長(zhǎng)度主鍵非空自增注釋idint11是是是新聞IDnamevarchar100否是否新聞名subtitlevarchar200否否否副標(biāo)題main_imagevarchar500否是否新聞主圖detailtext__否否否新聞詳情is_bannertinyint1否是否是否輪播create_timedatetime__否否否創(chuàng)建時(shí)間update_timedatetime__否否否最近更新時(shí)間neuedu_category(旅游類別表)主要是記錄各種旅游產(chǎn)品的分類，主鍵為類別ID，設(shè)置為自增。圖3-3neuedu_category(旅游類別表)列名數(shù)據(jù)類型長(zhǎng)度主鍵非空自增注釋idint11是是是類別idparent_idint50否是否父類ID，當(dāng)為0是，表示為根節(jié)點(diǎn)namevarchar50否是否類別名稱statustinyint1否是否類別狀態(tài)1-正常，2-已廢棄imgvarchar233否是否類別圖片create_timedatetime否否否創(chuàng)建時(shí)間update_timedatetime否否否最近更新時(shí)間neuedu_point(旅游景點(diǎn)表)是用來(lái)記錄旅游景點(diǎn)門票等的表，其中主鍵為景點(diǎn)ID，設(shè)置其為自增。圖3-4neuedu_point(旅游景點(diǎn)表)列名數(shù)據(jù)類型長(zhǎng)度主鍵非空自增注釋idint11 是是是景點(diǎn)IDcategory_idint11否是是所屬類別IDnamevarchar100否是是景點(diǎn)名subtitlevarchar200否否是副標(biāo)題main_imagevarchar500否是是主圖detailtext—否否是詳情stockint11否是是數(shù)量pricedecimal20,2否是是門票價(jià)格create_timedatetime—否否是創(chuàng)建時(shí)間update_timedatetime—否否是最近更新時(shí)間neuedu_product(路線表)是用來(lái)存儲(chǔ)精彩旅游路線的表，其中路線ID為主鍵，設(shè)置為自增。圖3-5neuedu_product(路線表)列名數(shù)據(jù)類型長(zhǎng)度主鍵非空自增注釋idint11是是是路線IDcategory_idint11否是否所屬類別IDnamevarchar100否是否路線名subtitlevarchar200否否否副標(biāo)題main_imagevarchar500否是否主圖sub_imagestext—否否否細(xì)節(jié)圖detailtext—否是否詳情pricedecimal20,2否是否價(jià)格stockint11否是否數(shù)量statusint6否是否狀態(tài)is_newtinyint1否否否是否上新is_hottinyint1否是否是否熱門create_timedatetime—否否否創(chuàng)建時(shí)間update_timedatetime—否否否最近更新時(shí)間neuedu_collection(產(chǎn)品收藏表)是用來(lái)存儲(chǔ)喜愛的旅游產(chǎn)品的表，其中收藏ID是主鍵，設(shè)置其為自增。圖3-6neuedu_collection(產(chǎn)品收藏表)列名數(shù)據(jù)類型長(zhǎng)度主鍵非空自增注釋idint11是是是收藏IDuser_idint11否是否用戶IDproduct_idint11否是否產(chǎn)品IDneuedu_message(產(chǎn)品評(píng)價(jià)表)是用來(lái)記錄已經(jīng)訂購(gòu)產(chǎn)品的用戶對(duì)于本產(chǎn)品評(píng)論的表，其中主鍵為評(píng)論ID，設(shè)置其為自增。圖3-7neuedu_message(產(chǎn)品評(píng)價(jià)表)列名數(shù)據(jù)類型長(zhǎng)度主鍵非空自增注釋idint11是是是評(píng)論IDuser_idint11否是否用戶IDproduct_idint11否是否產(chǎn)品IDuser_namevarchar255否是否用戶名messagevarchar255否是否評(píng)論信息create_timevarchar—否否否創(chuàng)建時(shí)間update_timedatetime—否否否最近更新時(shí)間本章小結(jié)本階段將網(wǎng)站進(jìn)行了模塊的劃分，不同模塊遵從了高內(nèi)聚低耦合的思想，并將每個(gè)模塊的具體實(shí)現(xiàn)進(jìn)行了設(shè)計(jì)；確定了實(shí)體類，分析其屬性，得到實(shí)體與屬性之間的關(guān)系，最終畫出了E-R圖。再通過(guò)E-R圖進(jìn)而確定了系統(tǒng)數(shù)據(jù)庫(kù)表。

系統(tǒng)詳細(xì)設(shè)計(jì)詳細(xì)設(shè)計(jì)階段的根本任務(wù)是確定怎樣具體地實(shí)現(xiàn)所要求地系統(tǒng)，我們通過(guò)這個(gè)階段的設(shè)計(jì)工作，應(yīng)該要得出對(duì)目標(biāo)系統(tǒng)的精確描述，但是這個(gè)階段還不是具體地編寫代碼，而是設(shè)計(jì)出程序的“藍(lán)圖”，最后我們程序員要將這個(gè)“藍(lán)圖”實(shí)現(xiàn)為具體的程序代碼。系統(tǒng)流程圖程序流程圖是一種廣泛應(yīng)用于描述過(guò)程設(shè)計(jì)的方法，可以對(duì)流程控制具有更加直輥的描繪，便于初學(xué)者的掌握。以下是對(duì)于本系統(tǒng)旅游模塊的整體流程圖以及部分功能的流程圖：圖4-1旅游模塊系統(tǒng)流程圖管理員獲取旅游產(chǎn)品信息圖4-1旅游模塊系統(tǒng)流程圖管理員獲取旅游產(chǎn)品信息短信通知詳情管理員后臺(tái)確認(rèn)訂單網(wǎng)上確認(rèn)完成訂單旅行結(jié)束開始行程游客到達(dá)指定地點(diǎn)提交訂單并支付用戶選擇心儀的產(chǎn)品加入購(gòu)物車用戶登錄網(wǎng)站上顯示產(chǎn)品信息管理員上傳產(chǎn)品信息管理員登錄發(fā)表留言

短信通知詳情管理員后臺(tái)確認(rèn)訂單網(wǎng)上確認(rèn)完成訂單旅行結(jié)束開始行程游客到達(dá)指定地點(diǎn)提交訂單并支付用戶選擇心儀的產(chǎn)品加入購(gòu)物車用戶登錄網(wǎng)站上顯示產(chǎn)品信息管理員上傳產(chǎn)品信息管理員登錄發(fā)表留言開始 開始管理員登錄管理員登錄進(jìn)入相應(yīng)的添加頁(yè)面進(jìn)入相應(yīng)的添加頁(yè)面輸入對(duì)應(yīng)的數(shù)據(jù)輸入對(duì)應(yīng)的數(shù)據(jù)校驗(yàn)數(shù)據(jù)是否合理校驗(yàn)數(shù)據(jù)是否合理是是提交數(shù)據(jù)庫(kù)否提交數(shù)據(jù)庫(kù)否添加完成添加完成圖4-2管理員添加景點(diǎn)的流程圖開始開始管理員登錄管理員登錄進(jìn)入添加封面頁(yè)面進(jìn)入添加封面頁(yè)面上傳對(duì)應(yīng)圖片上傳對(duì)應(yīng)圖片否否校驗(yàn)是否正確校驗(yàn)是否正確是是提交數(shù)據(jù)庫(kù)提交數(shù)據(jù)庫(kù)更換完成更換完成圖4-3管理員更換旅游封面圖片流程圖關(guān)鍵技術(shù)實(shí)現(xiàn)SpringBoot整合Mybatis（1）pom.xml中導(dǎo)入依賴:（2）配置perties文件:Mybatis逆向工程的配置Mybatis逆向工程就是通過(guò)相應(yīng)的插件以及配置，自動(dòng)生成Mybatis數(shù)據(jù)庫(kù)連接的一些文件。通過(guò)Mybatis官方提供的逆向工程，可以針對(duì)單表自動(dòng)生成對(duì)應(yīng)的映射文件、model類及dao層[9]。（1）使用插件，pom.xml文件中加入代碼：（2）新增generatorConfig.xml文件，配置數(shù)據(jù)庫(kù)連接以及指定生成的文件，位置和數(shù)據(jù)庫(kù)表:部分?jǐn)?shù)據(jù)庫(kù)表如下：跨域問(wèn)題本項(xiàng)目采用前后端分離的設(shè)計(jì)思想，前端使用Vue-cli腳手架工具搭建，在前端向后臺(tái)接口發(fā)送請(qǐng)求時(shí)，會(huì)出現(xiàn)跨域問(wèn)題。本次設(shè)計(jì)我們采用了后臺(tái)cors方案來(lái)解決此問(wèn)題。（1）前端設(shè)置baseURL：（2）后端配置CorsConfig文件：首頁(yè)的技術(shù)選擇一個(gè)優(yōu)秀的網(wǎng)站，要有美觀的界面和簡(jiǎn)單明了的操作。而這對(duì)于程序員來(lái)說(shuō)是一個(gè)挑戰(zhàn)，尋找合適的開發(fā)技術(shù)對(duì)于我們簡(jiǎn)單快捷地開發(fā)網(wǎng)頁(yè)是至關(guān)重要的。Vue是我們這次前端頁(yè)面開發(fā)的主要使用技術(shù)，它不僅好上手，還便于與第三方庫(kù)或現(xiàn)有項(xiàng)目整合。以下是網(wǎng)頁(yè)首頁(yè)使用Vue開發(fā)的結(jié)構(gòu)目錄：其中home.vue是父組件，components內(nèi)的為子組件，子組件在父組件內(nèi)注冊(cè)，但又與父組件分開編寫，使得開發(fā)結(jié)構(gòu)更加清晰，也便于后期的閱讀與二次開發(fā)。本章小結(jié)本階段的主要任務(wù)是對(duì)目標(biāo)的精準(zhǔn)描述，設(shè)計(jì)出本系統(tǒng)的“藍(lán)圖”。通過(guò)對(duì)各個(gè)模塊具體功能的分析，進(jìn)而畫出了程序流程圖。由于本階段還不是具體地編寫代碼，所以先對(duì)項(xiàng)目環(huán)境進(jìn)行搭建，并將關(guān)鍵技術(shù)進(jìn)行詳解，為下一階段的項(xiàng)目實(shí)現(xiàn)打下基礎(chǔ)。

系統(tǒng)實(shí)現(xiàn)網(wǎng)站瀏覽頁(yè)的設(shè)計(jì)首頁(yè)設(shè)計(jì)圖5-1網(wǎng)站首頁(yè)的設(shè)計(jì)（1）網(wǎng)站首頁(yè)主要是由頂部的搜素框，旅游新聞的輪播，中部的旅游類別，精彩旅游路線和底部的導(dǎo)航欄成。（2）游客在進(jìn)入網(wǎng)頁(yè)后，無(wú)需登錄即可通過(guò)搜索框查詢到相關(guān)內(nèi)容，通過(guò)點(diǎn)擊旅游類別可以查看到詳細(xì)列表，再點(diǎn)擊列表里的景點(diǎn)圖片可以查看到景點(diǎn)的詳細(xì)信息。路線詳情頁(yè)圖5-2旅游產(chǎn)品詳情頁(yè)（1）詳情頁(yè)主要是有旅游產(chǎn)品的信息和已訂購(gòu)過(guò)產(chǎn)品用戶的留言兩大部分組成。通過(guò)向數(shù)據(jù)庫(kù)查詢，展示產(chǎn)品的所有內(nèi)容（包括旅游產(chǎn)品名稱，詳細(xì)內(nèi)容，價(jià)格，旅游圖片，評(píng)價(jià)信息等等）（2）通過(guò)點(diǎn)擊詳情頁(yè)里的查看詳情可以查看到產(chǎn)品的具體信息，包括產(chǎn)品的描述以及出游規(guī)劃等等。（3）對(duì)于已經(jīng)注冊(cè)成為本網(wǎng)站的用戶，可以將喜愛的旅游產(chǎn)品加入收藏和在線訂購(gòu)。（4）根據(jù)此商品ID查詢到評(píng)論的Sql:<selectid="findMessage"parameterType="java.lang.Integer"resultMap="BaseResultMap">

select*fromneuedu_messagewhereproduct_id=#{productid}

</select>查看到的評(píng)論如下：圖5-3詳情頁(yè)的留言評(píng)論顯示管理員模塊設(shè)計(jì)管理員界面設(shè)計(jì)管理員登錄可以對(duì)首頁(yè)信息進(jìn)行管理（包括輪播新聞管理，旅游類別管理，旅游景點(diǎn)路線管理）：圖3-4管理員界面設(shè)計(jì)旅游輪播新聞管理新聞管理主要是新聞的查詢，添加，修改信息和刪除。圖3-5旅游新聞?shì)啿ス芾砉芾韱T登錄，對(duì)新聞信息進(jìn)行添加，寫入數(shù)據(jù)庫(kù)。旅游類別管理網(wǎng)站管理員擁有對(duì)網(wǎng)頁(yè)首頁(yè)旅游類別的管理功能，包括增加，刪除，修改的權(quán)限，操作后的結(jié)果會(huì)直接顯示在首頁(yè)上。管理員可以修改類別的狀態(tài)以更改類別的顯示，只有設(shè)置為正常的類別才能才首頁(yè)顯示，已廢棄狀態(tài)的類別則不顯示。圖3-6旅游類別管理管理員點(diǎn)擊編輯按鈕進(jìn)入編輯頁(yè)面，當(dāng)填寫完成數(shù)據(jù)后，點(diǎn)擊提交按鈕，即向接口層發(fā)送請(qǐng)求。請(qǐng)求成功后關(guān)閉編輯頁(yè)面。關(guān)鍵代碼如下：editSubmit:function(){

var_vm=this;

this.$refs.editForm.validate((valid)=>{

if(valid){

this.$confirm('確認(rèn)提交嗎？','提示',{}).then(()=>{

this.editLoading=true;

//NProgress.start();

this.service.post("/manage/category/set_category.do",{

id:_vm.editForm.id,

name:_vm.editF,

status:_vm.editForm.status,

}).then(res=>{

console.log(res)

if(res.data.status==0){

this.$refs['editForm'].resetFields();

this.editFormVisible2=false;

_vm.editLoading=false;

this.getCategorys();

}

})

});

}

});

}旅游路線管理旅游路線管理包括路線的添加，修改，刪除和查詢的頁(yè)面以及進(jìn)行數(shù)據(jù)庫(kù)操作。圖3-7旅游景點(diǎn)路線管理其中查詢功能支持模糊查詢，其主要Sql語(yǔ)句如下：<selectid="findProductsByNameAndId"parameterType="map"resultMap="BaseResultMap">

select*fromneuedu_product

<where>

<iftest="productId!=null">

id=#{productId}

</if>

<iftest="productName!=null">

namelike#{productName}

</if>

</where>

</select>旅游圖片的更換管理員可以對(duì)所有網(wǎng)頁(yè)顯示的旅游圖片進(jìn)行更換，并將更換的圖片上傳到云服務(wù)器上，更改數(shù)據(jù)中圖片存儲(chǔ)的路徑，最終將新?lián)Q的圖片顯示出來(lái)。圖3-8更換圖片編輯頁(yè)面關(guān)鍵代碼如下：本章小結(jié)本階段主要完成了對(duì)網(wǎng)站的代碼編寫，包括后端接口層，前端用戶界面和前端管理員界面三大部分，實(shí)現(xiàn)了產(chǎn)品搜索，旅游新聞，旅游類別，旅游路線的首頁(yè)顯示以及管理員對(duì)上述信息的添加，修改，刪除，上傳封面的具體功能。項(xiàng)目編寫完成后，購(gòu)買阿里云服務(wù)器，在線部署。

系統(tǒng)測(cè)試軟件測(cè)試是開發(fā)系統(tǒng)的過(guò)程中一個(gè)非常重要的過(guò)程，它并非是簡(jiǎn)單的找到程序運(yùn)行中的錯(cuò)誤，而是始終貫穿于軟件生產(chǎn)過(guò)程中，是對(duì)目標(biāo)系統(tǒng)前期分析，中期設(shè)計(jì)與最終實(shí)現(xiàn)的全部審查。測(cè)試的目標(biāo)測(cè)試的本質(zhì)是一個(gè)發(fā)現(xiàn)程序中錯(cuò)誤而執(zhí)行程序的過(guò)程，我們應(yīng)盡可能發(fā)現(xiàn)錯(cuò)誤，力求設(shè)計(jì)出最大限度暴露錯(cuò)誤的測(cè)試方案。測(cè)試的原則（1）測(cè)試應(yīng)盡早并且大量的測(cè)試（2）程序員在測(cè)試時(shí)應(yīng)盡量避免測(cè)試自己設(shè)計(jì)的程序。（3）測(cè)試前應(yīng)當(dāng)設(shè)計(jì)合理可靠的測(cè)試用例.（4）在編寫測(cè)試用例時(shí)，除了要編寫合法的輸入數(shù)據(jù)，不合法的輸入數(shù)據(jù)也應(yīng)當(dāng)設(shè)計(jì)編寫。（5）測(cè)試的環(huán)境應(yīng)當(dāng)和用戶實(shí)際使用環(huán)境保持一直。（6）適當(dāng)保留測(cè)試程中的文檔，如測(cè)試用例，出錯(cuò)統(tǒng)計(jì)等等，作為軟件開發(fā)的組成部分之一，為后來(lái)的系統(tǒng)維護(hù)提供方便。測(cè)試的方法按照軟件測(cè)試的開發(fā)階段劃分，被分為單元測(cè)試，集成測(cè)試，系統(tǒng)測(cè)試和確認(rèn)測(cè)試等幾個(gè)階段。單元測(cè)試單元測(cè)試又被稱為模塊測(cè)試，是對(duì)計(jì)算機(jī)軟件的一些基礎(chǔ)原件及不同模塊進(jìn)行測(cè)試，屬于最基本的測(cè)試方法[10]。常見的單元測(cè)試采用白盒測(cè)試的方法，將系統(tǒng)隔離成單獨(dú)模塊進(jìn)行測(cè)試。集成測(cè)試集成測(cè)試也叫做組裝測(cè)試，是將單獨(dú)的功能模塊組成一個(gè)子系統(tǒng)進(jìn)行測(cè)試，將所有模塊有序化的檢測(cè)，避免了模塊之間交互時(shí)可能發(fā)生的錯(cuò)誤。系統(tǒng)測(cè)試系統(tǒng)測(cè)試是檢測(cè)完整的程序是否可以和系統(tǒng)的硬件、網(wǎng)絡(luò)、平臺(tái)和其他軟件正確配置、連接以滿足用戶的實(shí)際需求。確認(rèn)測(cè)試確認(rèn)測(cè)試是為了測(cè)試軟件是否可以滿足系統(tǒng)開發(fā)時(shí)的用途和軟件需求說(shuō)明書的規(guī)定，以及從用戶的角度看是否符合未來(lái)的使用期望。網(wǎng)站測(cè)試結(jié)果本次設(shè)計(jì)我負(fù)責(zé)的功能模塊主要是首頁(yè)信息的顯示以及后端管理員對(duì)首頁(yè)信息的管理，所以前后臺(tái)操作的顯示與數(shù)據(jù)庫(kù)內(nèi)數(shù)據(jù)的一致性是非常重要的。數(shù)據(jù)的一致性主要體現(xiàn)在管理員在后臺(tái)對(duì)新聞、類別、景點(diǎn)和路線的添加、刪除、修改會(huì)正確顯示在網(wǎng)站首頁(yè)上，具體地說(shuō)是進(jìn)行了某項(xiàng)操作后，數(shù)據(jù)庫(kù)內(nèi)地?cái)?shù)據(jù)會(huì)不會(huì)馬上更新。以下是我對(duì)網(wǎng)站的旅游功能進(jìn)行集中測(cè)試后，得到的部分結(jié)果：網(wǎng)站首頁(yè)網(wǎng)站的頁(yè)面是用Vue實(shí)現(xiàn)的，其中涉及到組件之間的跳轉(zhuǎn)，直接直接影響下一級(jí)頁(yè)面的顯示，所以對(duì)首頁(yè)的功能進(jìn)行詳細(xì)的測(cè)試是非常有必要的。測(cè)試后發(fā)現(xiàn)首頁(yè)的功能都可以正常的運(yùn)行，并且個(gè)頁(yè)面攜帶信息跳轉(zhuǎn)都符合要求，例如在首頁(yè)搜索雁門關(guān)，會(huì)顯示具體的旅游商品列表，結(jié)果如圖：圖6-1搜索列表測(cè)試網(wǎng)站后臺(tái)管理如對(duì)類別和路線的添加、修改和刪除都進(jìn)行了一系列都進(jìn)行了測(cè)試，基本都符合設(shè)計(jì)要求，結(jié)果如下：后臺(tái)添加一項(xiàng)旅游類別：圖6-2后臺(tái)添加類別前臺(tái)類別模塊顯示結(jié)果：圖3-6前臺(tái)顯示類別測(cè)試本章小結(jié)本階段的主要任務(wù)是對(duì)目標(biāo)系統(tǒng)的軟件測(cè)試。首先，在項(xiàng)目編寫完成后，采用人工測(cè)試的方法，先對(duì)程序的各部分進(jìn)行詳細(xì)地檢查，再請(qǐng)同學(xué)和老師檢查一遍，以便發(fā)現(xiàn)問(wèn)題。之后再進(jìn)行機(jī)器測(cè)試，在網(wǎng)頁(yè)上運(yùn)行目標(biāo)程序來(lái)發(fā)現(xiàn)錯(cuò)誤，及時(shí)改正。

結(jié)論經(jīng)過(guò)三個(gè)月的分析與設(shè)計(jì)，山西旅游網(wǎng)站已經(jīng)完成。其中旅游新聞，旅游類別，旅游景點(diǎn)路線等幾大板塊的功能已全部實(shí)現(xiàn)。該網(wǎng)站頁(yè)面布局友好，功能完善，而且部署于服務(wù)器上，使用戶隨時(shí)隨地地獲取旅游資訊，方便又快捷。開發(fā)時(shí)使用前后端分離的思想，后臺(tái)的錯(cuò)誤不會(huì)直接反映到前臺(tái)，前后臺(tái)各司其職