【正文】 1000) —P_time 路線大約用時(shí) int 單位分鐘（7）評(píng)價(jià)信息表(_evaluate)表 37 評(píng)價(jià)信息表字段名稱 含義 字段類型 備注E_ID 信息編號(hào) int 主鍵C_ ID 評(píng)論對象 int 外鍵S_ ID 評(píng)論對象 int 外鍵T_ ID 評(píng)論對象 int 外鍵E_context 評(píng)論內(nèi)容 nvarchar(1000) —第 3 章 秦皇島市 O2O 旅游電子商務(wù)網(wǎng)站分析和總體設(shè)計(jì) 25 E_time 評(píng)論時(shí)間 datetime —（8）行程信息表(_schedule)表 38 行程信息表字段名稱 含義 字段類型 備注id 行程編號(hào) int 主鍵C_ID 制定人 int 外鍵days 天數(shù) int —S_ID 景點(diǎn) int 外鍵G_ID 餐飲 int 外鍵（9）訂單信息表(_order)表 35 訂單信息表字段名稱 含義 字段類型 備注O_ID 信息編號(hào) int 主鍵O_YudingTime預(yù)定時(shí)間 datetime —O_Intime 使用時(shí)間 datetime —O_Check 訂單狀態(tài) nvarchar(20) —O_Days 天數(shù) int 商品為餐飲時(shí)空值O_Price 價(jià)格 money —G_ID 訂購商品 int 外鍵C_ID 下單人 int 外鍵（10）留言（發(fā)帖）表(_topic)表 310 留言（發(fā)帖）信息表字段名稱 含義 字段類型 備注id 編號(hào) int 主鍵C_ ID 發(fā)布者 int 外鍵title 主題 nvarchar(100) message 時(shí)為空content 內(nèi)容 nvarchar(2022) —燕山大學(xué)本科生畢業(yè)論文26time 時(shí)間 datetime —type 類型 nvarchar(20) topic 或 message（11）回復(fù)信息表(_retopic)表 311 回復(fù)信息表字段名稱 含義 字段類型 備注Re_id 編號(hào) int 主鍵id 回復(fù)對象 int topic 表的外鍵mid 回復(fù)者 int C_id 或 M_idcontent 內(nèi)容 nvarchar(2022) —time 時(shí)間 datetime — 本章小結(jié)本章第一部分對秦皇島市 O2O 旅游電子商務(wù)網(wǎng)站開發(fā)的可行性進(jìn)行分析，主要分析了網(wǎng)站開發(fā)的必要性和可行性。第二部分對網(wǎng)站的功能需求進(jìn)行整體分析。第三部分對網(wǎng)站的流程進(jìn)行分析，包括整體流程和數(shù)據(jù)流程。第四部分分析了網(wǎng)站總體設(shè)計(jì)，包括總體構(gòu)架、功能結(jié)構(gòu)設(shè)計(jì)和數(shù)據(jù)庫設(shè)計(jì)。第 4 章 網(wǎng)站的詳細(xì)設(shè)計(jì) 27 第 4 章 網(wǎng)站的詳細(xì)設(shè)計(jì)在本章中將對網(wǎng)站設(shè)計(jì)進(jìn)行詳細(xì)介紹，從兩方面進(jìn)行，一方面是網(wǎng)站前臺(tái)設(shè)計(jì)，另一方面是網(wǎng)站后臺(tái)設(shè)計(jì)。重點(diǎn)包括網(wǎng)站設(shè)計(jì)的主要理念、設(shè)計(jì)的思路，以及各個(gè)功能實(shí)現(xiàn)的效果圖展示。 網(wǎng)站前臺(tái)設(shè)計(jì) 首頁設(shè)計(jì)首頁最上方設(shè)計(jì)是為網(wǎng)站 logo，包括聯(lián)系在線客服以及用戶的登陸注冊功能，并且設(shè)計(jì)了投訴功能，不管是游客還是商家都可以通過這個(gè)功能維護(hù)自身的合法權(quán)益，也通過此監(jiān)督機(jī)制為網(wǎng)站營造一個(gè)健康的氛圍。下面緊接著是導(dǎo)航，將游客按類別分為幾大模塊，在點(diǎn)擊不同類別的時(shí)候?qū)@示最適合他們的信息。導(dǎo)航下面設(shè)計(jì)為比較醒目的 banner 圖片切換焦點(diǎn)圖，將秦皇島最迷人的景色逐一展現(xiàn)，使用戶身臨其境。如圖 41 所示。圖 41 首頁banner在設(shè)計(jì)過程中，將主頁的主體內(nèi)容按功能分為 4 大類：島上玩、島上吃、島上住和社區(qū)，分別涵蓋著景點(diǎn)信息、飯店信息、賓館信息和交流信息。這些使網(wǎng)站的使用者登陸后能夠準(zhǔn)確的把握住自己的需求，簡單地找燕山大學(xué)本科生畢業(yè)論文28到自己想要的信息。如圖 44445 所示。圖 42 首頁play圖 43 首頁cate圖 44 首頁hotel首頁的最下方設(shè)計(jì)為管理員、商家登陸、留言和網(wǎng)站的信息以及一些第 4 章 網(wǎng)站的詳細(xì)設(shè)計(jì) 29 友情鏈接。如圖 45 所示。圖 45 首頁munity由于秦皇島的氣候特點(diǎn)，網(wǎng)站首頁的整體設(shè)計(jì)風(fēng)格簡約、清爽，功能劃分全面、清晰，意在使用戶僅登錄網(wǎng)站便能感受到秦皇島的美麗與涼爽 [6]。 前臺(tái)主要功能模塊設(shè)計(jì) 注冊登錄模塊設(shè)計(jì)網(wǎng)站的注冊登錄界面保留著首頁的導(dǎo)航和頁面底部，方便用戶進(jìn)行其他操作。如圖 46,圖 47 所示。圖 46 用戶注冊燕山大學(xué)本科生畢業(yè)論文30圖 47 登錄界面登錄成功后網(wǎng)站導(dǎo)航顯示用戶的名稱，點(diǎn)擊名稱可以進(jìn)入個(gè)人中心界面，對自己的信息進(jìn)行管理，包括基本信息修改、密碼修改、訂單管理和行程管理。如圖 48 所示。圖 48 登陸成功 賓館預(yù)訂模塊設(shè)計(jì)首先，用戶通過首頁的分類點(diǎn)擊進(jìn)入“島上住” 模塊，可以看到各個(gè)賓館的基本信息，點(diǎn)擊旁邊的評(píng)價(jià)可以對賓館進(jìn)行評(píng)價(jià)或著查看其他人的評(píng)價(jià)。如圖 49 所示。第 4 章 網(wǎng)站的詳細(xì)設(shè)計(jì) 31 圖 49 賓館展示接著，點(diǎn)擊此頁中的賓館圖片或者在首頁中點(diǎn)擊賓館圖片，可以查看此賓館的房間信息。如圖 410 所示。圖 410 房間展示燕山大學(xué)本科生畢業(yè)論文32最后，點(diǎn)擊訂房，添加自己的信息后可以實(shí)現(xiàn)在線預(yù)訂功能。如圖 411所示。圖 411 預(yù)訂 行程制定模塊設(shè)計(jì)用戶通過首頁可以進(jìn)入景點(diǎn)信息瀏覽界面，對所有景點(diǎn)進(jìn)行瀏覽。如圖 412 所示。圖 412 景點(diǎn)展示點(diǎn)擊某個(gè)景點(diǎn)的圖片或者首頁的景點(diǎn)圖片，均可進(jìn)入該景點(diǎn)的詳細(xì)信第 4 章 網(wǎng)站的詳細(xì)設(shè)計(jì) 33 息，并且可以將此景點(diǎn)加入行程單。如圖 413 所示。圖 413 單個(gè)景點(diǎn)展示 個(gè)人中心模塊設(shè)計(jì)用戶點(diǎn)擊導(dǎo)航上自己的名字可以進(jìn)入個(gè)人中心頁面，對自己的信息進(jìn)行管理。如圖 414 所示。圖 414 個(gè)人中心基本信息：點(diǎn)擊后可以查看基本信息，并對其進(jìn)行修改。如圖 415，燕山大學(xué)本科生畢業(yè)論文34圖416 所示。圖 415 基本信息圖 416 修改個(gè)人信息我的訂單：可以查看已預(yù)訂的訂單，并對其進(jìn)行管理，剛預(yù)訂的訂單會(huì)顯示為尚未驗(yàn)證狀態(tài)，等待商家驗(yàn)證。如果不可預(yù)訂，訂單狀態(tài)會(huì)改為未通過驗(yàn)證，用戶可以退訂，或者與商家聯(lián)系進(jìn)一步商量；如果可以預(yù)訂，第 4 章 網(wǎng)站的詳細(xì)設(shè)計(jì) 35 訂單狀態(tài)會(huì)該為待支付，這時(shí)用戶需要在線支付。支付成功的話，訂單狀態(tài)改為已支付。如圖 417 所示。圖 417 我的訂單我的行程：行程管理可以查看之前瀏覽景點(diǎn)所加入行程單的信息，網(wǎng)站根據(jù)用戶加入的景點(diǎn)進(jìn)行規(guī)劃行程，顯示給用戶，用戶若想重新制定可以將行程刪除，再次選擇其他景點(diǎn)加入。如圖 418 所示。圖 418 我的行程修改密碼：用戶可以對自己的密碼進(jìn)行修改。如圖 419 所示。圖 419 修改密碼燕山大學(xué)本科生畢業(yè)論文36 論壇模塊設(shè)計(jì)用戶進(jìn)入論壇界面可以查看所有論壇的標(biāo)題，并且在最下方可以發(fā)布自己的主題帖，前提是用戶需要登錄。如圖 420 所示。圖 420 論壇查看、發(fā)帖點(diǎn)擊某個(gè)帖子后，可以對其詳細(xì)內(nèi)容進(jìn)行查看和回復(fù)。如圖 421 所示。第 4 章 網(wǎng)站的詳細(xì)設(shè)計(jì) 37 圖 421 論壇看帖、回帖 留言板模塊設(shè)計(jì)用戶通過使用網(wǎng)站后對于網(wǎng)站功能的不足、服務(wù)的不滿或者其他方面的建議都可以通過留言板傳遞給管理員，由管理員進(jìn)行回復(fù)，并且供網(wǎng)站運(yùn)營者來更好的完善自己的網(wǎng)站。如圖 422 所示。圖 422 留言板燕山大學(xué)本科生畢業(yè)論文38 網(wǎng)站后臺(tái)設(shè)計(jì) 商家模塊設(shè)計(jì)此網(wǎng)站中的商家分為賓館和飯店兩種類型，除了管理房間和管理餐飲的不同之外，他們后臺(tái)的功能非常相似，因此，本章節(jié)以賓館為例做詳細(xì)的說明。 登錄界面商家通過點(diǎn)擊首頁底部的商家登陸來進(jìn)入登陸界面，輸入自己的用戶名和密碼后選擇類型進(jìn)行登錄，注冊需要親自向網(wǎng)站申請，待相關(guān)人員核實(shí)后分配用戶名和密碼。具體如圖 423 所示。圖 423 商家登錄 導(dǎo)航條設(shè)計(jì)商家登錄后左上角顯示登錄商家的名稱，右邊顯示可以進(jìn)行的相關(guān)操作，可以執(zhí)行個(gè)人信息管理、房間管理、訂單管理、改密碼、退出。如圖424 所示。第 4 章 網(wǎng)站的詳細(xì)設(shè)計(jì) 39 圖 424 商家后臺(tái)導(dǎo)航 個(gè)人信息管理商家通過此模塊可以查看和修改個(gè)人信息，查看內(nèi)容包括名稱、簡介、星級(jí)、聯(lián)系方式和圖片。如圖 425 所示。圖 425 商家個(gè)人信息由于商家的名稱和星級(jí)一經(jīng)確定便不會(huì)輕易變動(dòng)，因此在修改個(gè)人信息功能中只允許商家修改簡介、圖片和聯(lián)系方式。如圖 426 所示。圖 426 商家修改個(gè)人信息燕山大學(xué)本科生畢業(yè)論文40 房間管理商家可以對自己的房間進(jìn)行管理，首先是展示房間的基本信息，商家可以選擇相應(yīng)的操作：添加、編輯、刪除，其中刪除可以直接在房間管理頁面點(diǎn)擊，不必跳轉(zhuǎn)其他頁面。具體如圖 427，圖 428，圖 429 所示。圖 427 房間管理圖 428 添加房間圖 429 修改房間信息第 4 章 網(wǎng)站的詳細(xì)設(shè)計(jì) 41 訂單管理在訂單管理模塊中，商家可以查看訂單信息，在此頁面中商家可以查看訂單狀態(tài)，并且對其進(jìn)行驗(yàn)證，若根據(jù)自己的情況用戶可預(yù)訂，則點(diǎn)擊通過驗(yàn)證，否則點(diǎn)未通過驗(yàn)證，還可以將此訂單刪除。如圖 430 所示。圖 430 訂單信息如果因?yàn)槟承┰蛐枰薷挠唵沃械娜胱r(shí)間和天數(shù)，商家可以對訂單的這兩項(xiàng)進(jìn)行修改，修改其他更多的內(nèi)容需要用戶重新預(yù)訂。修改頁面如圖 431 所示。圖 431 修改訂單信息 修改密碼商家可以修改自己的登錄密碼。如圖 432 所示。圖 432 改密碼燕山大學(xué)本科生畢業(yè)論文42 網(wǎng)站管理員模塊設(shè)計(jì) 登錄界面登錄界面設(shè)計(jì)與商家登錄類似，只是沒有了類型的判斷。如圖 433 所示。圖 433 管理員登錄 管理員后臺(tái)導(dǎo)航登錄成功后顯示管理員可以執(zhí)行的操作：景點(diǎn)管理、路線管理、商家管理、會(huì)員管理、論壇、留言板管理和密碼的修改以及退出后臺(tái)，其中修改密碼模塊與商家相同，下面不再單獨(dú)列出。效果如圖 434 所示。圖 434 管理員后臺(tái)導(dǎo)航第 4 章 網(wǎng)站的詳細(xì)設(shè)計(jì) 43 景點(diǎn)管理管理員可對景點(diǎn)信息進(jìn)行添加、修改、刪除操作。如圖 435 所示。圖 435 景點(diǎn)管理 商家管理管理員可以查看商家信息，如圖 436 所示。圖 436 商家管理管理員還可以直接在后臺(tái)添加商家信息，包括商家的名稱、登錄密碼和星級(jí)，其他信息需要商家登錄后自己添加。修改頁面與此類似。如圖 437 所示。圖 437 添加商家燕山大學(xué)本科生畢業(yè)論文44 會(huì)員管理管理員負(fù)責(zé)管理會(huì)員信息，包括信息的修改和刪除。如圖 438 所示。圖 438 會(huì)員管理 論壇管理論壇管理模塊中，是管理員可以查看論壇信息，對整個(gè)帖子進(jìn)行刪除、以及對某個(gè)帖子中的單個(gè)回帖刪除。如圖 439，圖 440 所示。圖 439 論壇管理圖 440 回帖管理第 4 章 網(wǎng)站的詳細(xì)設(shè)計(jì) 45 留言板管理此模塊管理員只能對留言信息進(jìn)行回復(fù)。如圖 441 所示。圖 441 留言板管理 本章小結(jié)本章從網(wǎng)站前臺(tái)和網(wǎng)站后臺(tái)的詳細(xì)設(shè)計(jì)入手面進(jìn)行說明，分別展示了網(wǎng)站的各個(gè)模塊和實(shí)現(xiàn)的主要功能。其中，前臺(tái)設(shè)計(jì)包括：首頁設(shè)計(jì)和主要功能模塊設(shè)計(jì)。后臺(tái)設(shè)計(jì)包括：商家模塊設(shè)計(jì)和網(wǎng)站管理員模塊設(shè)計(jì)。燕山大學(xué)本科生畢業(yè)論文46第 5 章 網(wǎng)站主要功能的實(shí)現(xiàn) 47 第 5 章 網(wǎng)站主要功能的實(shí)現(xiàn)本章將重點(diǎn)講述網(wǎng)站各模塊主要功能實(shí)現(xiàn)的代碼，先整體介紹基于MVC 設(shè)計(jì)模式的 Struts 框架的運(yùn)作過程，接著針對各個(gè)功能的具有代表性的代碼進(jìn)行解釋說明。 基于 MVC 設(shè)計(jì)模式的 Struts 框架的實(shí)現(xiàn)MVC 設(shè)計(jì)模式將系統(tǒng)劃分為模型(Model) ，視圖(