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

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

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

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

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

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

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

select*fromneuedu_messagewhereproduct_id=#{productid}

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

}

})

});

}

});

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

select*fromneuedu_product

<where>

<iftest="productId!=null">

id=#{productId}

</if>

<iftest="productName!=null">

namelike#{productName}

</if>

</where>

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

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

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