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