旅游網(wǎng)站畢業(yè)設(shè)計(jì)論文（優(yōu)質(zhì)范文6篇）,網(wǎng)站設(shè)計(jì)論文

旅游網(wǎng)站畢業(yè)設(shè)計(jì)論文〔優(yōu)質(zhì)范文6篇〕,網(wǎng)站設(shè)計(jì)論文本篇論文目錄導(dǎo)航：【】旅游網(wǎng)站畢業(yè)設(shè)計(jì)論文〔優(yōu)質(zhì)范文6篇〕【】【】【】隨著社會(huì)經(jīng)濟(jì)的發(fā)展,人民生活水平的大幅提高,旅游也變得越來越群眾化。旅游網(wǎng)站能夠?qū)崿F(xiàn)消費(fèi)者預(yù)先對(duì)旅游質(zhì)量和特點(diǎn)進(jìn)行具體的了解和感悟。以下為旅游網(wǎng)站畢業(yè)設(shè)計(jì)論文6篇，供大家閱讀指正。旅游網(wǎng)站畢業(yè)設(shè)計(jì)論文：JSP+MySQL技術(shù)下旅游網(wǎng)站系統(tǒng)的設(shè)計(jì)隨著我們國(guó)家人民生活水平的不斷提高，旅游已成為人們生活的重要活動(dòng)，通過旅游網(wǎng)站進(jìn)行旅游景點(diǎn)查詢、旅游線路預(yù)訂等，能夠?yàn)橛慰统鲂刑峁O大的方便。設(shè)計(jì)開發(fā)方便實(shí)用的旅游社交系統(tǒng)，實(shí)現(xiàn)旅游管理的自動(dòng)化，精簡(jiǎn)人員、減少開支，提高工作效率，具有一定的實(shí)際意義。1系統(tǒng)總體設(shè)計(jì)(1〕系統(tǒng)基于B/S架構(gòu)，采用JSP+MySQL技術(shù)，通過JSP+JavaBean+Servlet框架進(jìn)行設(shè)計(jì)，用戶界面用JSP編寫，通過閱讀器進(jìn)行顯示，在前端只執(zhí)行極少數(shù)的業(yè)務(wù)邏輯，主要業(yè)務(wù)均在后端實(shí)現(xiàn)，極大簡(jiǎn)化了客戶端的負(fù)荷，使得日后的維護(hù)工作只對(duì)服務(wù)器端進(jìn)行維護(hù)即可，B/S架構(gòu)模型如此圖1所示。圖1B/S架構(gòu)模型(2〕旅游系統(tǒng)前臺(tái)主要包括景點(diǎn)文化的廣告輪播、代表性景點(diǎn)的推薦、景點(diǎn)信息搜索、景點(diǎn)評(píng)價(jià)、景點(diǎn)周邊交通評(píng)價(jià)等，后臺(tái)主要包括管理員密碼的設(shè)置與修改、景點(diǎn)信息的增加、修改和刪除、景點(diǎn)評(píng)價(jià)的增加、修改和刪除、整體系統(tǒng)的詳細(xì)設(shè)置等，系統(tǒng)構(gòu)造如此圖2所示。圖2系統(tǒng)構(gòu)造圖3注冊(cè)頁面2主要功能模塊設(shè)計(jì)2.1數(shù)據(jù)庫系統(tǒng)采用Spring整合hibernate通過c3p0連接數(shù)據(jù)庫，并執(zhí)行數(shù)據(jù)庫操作。由于系統(tǒng)牽涉大量的數(shù)據(jù)轉(zhuǎn)換和request取值操作，系統(tǒng)設(shè)計(jì)了StringUtil類和ValueHelper兩個(gè)類，String類用來從request取值并賦默認(rèn)值，而ValueHelper類將表單中的文本映射成Java對(duì)象方便系統(tǒng)操作。2.2用戶注冊(cè)和登錄用戶通過訪問URL進(jìn)入該系統(tǒng)，此時(shí)系統(tǒng)視未登錄的用戶，其只能閱讀網(wǎng)站不能夠下單。若無賬號(hào)可點(diǎn)擊用戶注冊(cè)，此時(shí)系統(tǒng)跳到注冊(cè)頁面進(jìn)行注冊(cè)，成功后即可登錄,注冊(cè)頁面如此圖3所示。2.3旅行項(xiàng)目查詢用戶進(jìn)入網(wǎng)站后能夠閱讀所有旅游項(xiàng)目的信息，并且通過搜索系統(tǒng)能夠搜索自個(gè)特定的需求，如價(jià)格、道路、時(shí)間等信息，查詢到的數(shù)據(jù)會(huì)通過頁面展示給用戶。系統(tǒng)采用順序查找算法進(jìn)行搜索，該算法在一組數(shù)據(jù)元素組成的集合中根據(jù)關(guān)鍵項(xiàng)搜索指定的數(shù)據(jù)元素，就是從表單中規(guī)定的：Bootstrap前端框架下旅游網(wǎng)站開發(fā)研究?jī)?nèi)容摘要：文章提出一種基于Bootstrap旅游網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)的方案，該方案包括首頁、攻略、出行、目的地、游記和社區(qū)等頁面框架布局前端UI設(shè)計(jì)，并對(duì)登錄注冊(cè)忘記密碼等個(gè)人信息進(jìn)行管理，對(duì)游記、攻略等信息的發(fā)布進(jìn)行前后端管理.采用Bootstrap、5、CSS3、jQuery和PHP等框架和技術(shù).項(xiàng)目運(yùn)行表示清楚，方案設(shè)計(jì)合理可行，到達(dá)跨閱讀器、跨平臺(tái)，運(yùn)行穩(wěn)定，操作界面簡(jiǎn)潔大方、友好.本文關(guān)鍵詞語：Bootstrap;自適應(yīng);旅游網(wǎng)站;TourismWebsiteDesignandImplementationBasedonBootstrapCAOLiJinzhongTeachersCollegeAbstract：TosuggestaplanningoftourismwebsitedesignandimplementationbasedonBootstrap,whichstatesUIfrontenddesignofpageframeincludinghomepage,strategy,tripmode,destination,travelsandcommunity,andmanagethepersonalinformationofregistration,forgettingpassword,andadministratethepublishinginformationoftravelsorstrategy.AdoptingtheframeandtechnologyaboutBootstrap,5,CSS3,jQueryandPHP,theprojectrunningsuggeststhattheplanningdesignisreasonablypracticablesoastoachievetheresultsofrunningstablybythecrossbrowserandcrossplatform,andofbriefandfriendlyinterface.0引言隨著移動(dòng)設(shè)備的日益普及，網(wǎng)站的移動(dòng)端閱讀量也越來越大，怎樣使網(wǎng)站在不同的移動(dòng)設(shè)備上兼容性良好，展現(xiàn)風(fēng)格一致的界面，來加強(qiáng)用戶體驗(yàn)?zāi)?文章基于Bootstrap前端框架，對(duì)旅游網(wǎng)站進(jìn)行前端和后端設(shè)計(jì)，系統(tǒng)設(shè)計(jì)含頁面布局、個(gè)人信息管理與維護(hù)、旅游攻略與景點(diǎn)資訊管理與維護(hù)等．為了進(jìn)一步拓展系統(tǒng)實(shí)際應(yīng)用，使其具備跨平臺(tái)或多種設(shè)備的兼容性，系統(tǒng)前端采用5、CSS3構(gòu)建及美化頁面，采用Bootstrap實(shí)現(xiàn)具有響應(yīng)式自適應(yīng)效果的網(wǎng)頁，能支持各種屏幕大小不一的設(shè)備和不同分辨率設(shè)備;利用jQuery強(qiáng)大的選擇器、大量封裝好的函數(shù)配合系統(tǒng)設(shè)計(jì)開發(fā);系統(tǒng)后端采用PHP實(shí)現(xiàn)功能處理，采用mySQL實(shí)現(xiàn)數(shù)據(jù)處理[1,2].1系統(tǒng)設(shè)計(jì)旅游站點(diǎn)由前端和后端兩部分組成．接口部分也就是后端設(shè)計(jì)如此圖1所示．UI前端部分如此圖2所示．圖1后端接口劃分圖2前端UI劃分本系統(tǒng)包括個(gè)人信息維護(hù)，旅游資訊管理，旅游信息查詢?nèi)糠纸M成．個(gè)人信息包括注冊(cè)、登錄、修改個(gè)人信息、忘記密碼;旅游資訊管理則是發(fā)布旅游攻略、旅游心得等信息，查看已發(fā)布的信息，刪除已發(fā)布的旅游信息;旅游信息查詢則是根據(jù)關(guān)鍵字進(jìn)行檢索以及通過條件進(jìn)行挑選．2頁面設(shè)計(jì)頁面的布局框架是整個(gè)頁面的基礎(chǔ)，頁面采用響應(yīng)式布局．響應(yīng)式是通過更改內(nèi)容樣式到達(dá)的效果，根據(jù)獲取終端分辨率信息調(diào)整樣式，當(dāng)閱讀器判定屏幕尺寸介于1260px～1050px，都會(huì)斷定為電腦端顯示完好的頁面;當(dāng)小于1050px且大于640px時(shí)，就會(huì)調(diào)整樣式，改變內(nèi)容的大小，自適應(yīng)新的分辨率，這些一般為平板端顯示的樣式;那判定小于640px的調(diào)整的樣式就是移動(dòng)端的屏幕尺寸，它也會(huì)改成相應(yīng)的比例展示內(nèi)容．使用bootstrap框架能高效地實(shí)現(xiàn)響應(yīng)式布局，它提供的柵格系統(tǒng)會(huì)隨著屏幕或視口尺寸的增加，系統(tǒng)會(huì)自動(dòng)分為12列，用于通過一系列的行與列的組合來開創(chuàng)建立頁面布局，頁面內(nèi)容就能夠放入這些開創(chuàng)建立好的布局中．響應(yīng)式布局原理如此圖3所示．系統(tǒng)的首頁如此圖4所示．圖3響應(yīng)式布局原理圖圖4系統(tǒng)首頁首頁導(dǎo)航條包括Logo和菜單欄，當(dāng)屏幕分辨率小于768像素時(shí)，導(dǎo)航欄會(huì)隱藏，顯示一個(gè)按鈕;輪播圖使用bootstrap框架及提供的JavaScript庫，就能建立一個(gè)具有響應(yīng)式的輪播圖，華而不實(shí)的小圓圈是Glyphicons字體圖標(biāo)．輪播圖以下為頁面主體內(nèi)容，主體內(nèi)容分為六個(gè)部分，廣告欄，搜索框，游覽玩耍攻略條目，旅行家專欄，熱銷旅游團(tuán)推薦和游記選項(xiàng)卡展示．在PC端，廣告欄和搜索框位于輪播圖下方，廣告欄是12列的柵格中占9列，搜索框占3列;在平板電腦的分辨率中，廣告欄占7列，搜索框隨之變?yōu)?列;手機(jī)端廣告欄已占滿小分辨率屏的12列，圖片也按比例縮小，搜索框則被移動(dòng)到游覽玩耍攻略部分的下方，組件大小不變．游記、攻略、出行、社區(qū)等布局一致的頁面，利用bootstrap提供的組件導(dǎo)航條和柵格系統(tǒng)對(duì)頁面進(jìn)行劃分．3個(gè)人信息維護(hù)注冊(cè)、登錄和忘記密碼功能都需要用戶在表單中輸入相應(yīng)信息后前端將填寫信息內(nèi)容發(fā)送到服務(wù)器后臺(tái)，服務(wù)器根據(jù)填寫信息內(nèi)容進(jìn)行比對(duì)、查詢或?qū)懭霐?shù)據(jù)庫．由于系統(tǒng)注冊(cè)及忘記密碼功能需用戶驗(yàn)證，故設(shè)計(jì)時(shí)，使用了電子郵箱進(jìn)行驗(yàn)證．登錄功能則不需要使用郵件地址進(jìn)行身份驗(yàn)證，無需修改數(shù)據(jù)庫中原始數(shù)據(jù)．詳細(xì)地，利用jQuery獲取相應(yīng)的DOM元素的值后，以JOSN格式發(fā)送請(qǐng)求至后臺(tái)API，后臺(tái)API根據(jù)此數(shù)據(jù)，在數(shù)據(jù)庫中完成查詢比對(duì)，判定用戶能否為合法用戶．若是合法用戶則登錄系統(tǒng)，否則提示錯(cuò)誤信息．本系統(tǒng)設(shè)置游客身份，只能閱讀頁面信息，注冊(cè)用戶完善個(gè)人資料后能夠發(fā)布和管理旅游信息．注冊(cè)用戶能夠?qū)€(gè)人資料進(jìn)行修改，服務(wù)器端根據(jù)用戶填寫的內(nèi)容在數(shù)據(jù)庫中完成對(duì)應(yīng)數(shù)據(jù)的修改工作．4旅游資訊管理旅游網(wǎng)站對(duì)于注冊(cè)會(huì)員，能夠在系統(tǒng)中發(fā)布旅游心得、旅游攻略、旅游資訊等信息，本模塊涵蓋了信息的發(fā)布，信息的查看和刪除信息三個(gè)功能．注冊(cè)用戶進(jìn)入個(gè)人中心，通過用戶ID傳入服務(wù)器，服務(wù)器根據(jù)ID在信息表中搜索用戶已發(fā)布的所有信息，將搜索結(jié)果返回前端進(jìn)行渲染，用戶就能夠查看已發(fā)的旅游資訊．發(fā)布旅游資訊時(shí)，用戶需要輸入一些基本信息，比方，標(biāo)題、時(shí)間、旅行地、訊息等．系統(tǒng)使用富文本編輯器對(duì)用戶輸入的信息文本進(jìn)行樣式控制．在數(shù)據(jù)庫存儲(chǔ)的不是純文本內(nèi)容，而是添加了標(biāo)簽的內(nèi)容，信息存入數(shù)據(jù)庫后，前端通過服務(wù)器API獲取數(shù)據(jù)并渲染到頁面．當(dāng)用戶想刪除旅游資訊時(shí)，能夠在查看的基礎(chǔ)上進(jìn)行操作，獲取到旅游信息的ID，根據(jù)主鍵ID能夠刪除相應(yīng)信息．5旅游信息查詢對(duì)于網(wǎng)站用戶，假如想通過系統(tǒng)查看一些旅游攻略、旅游心得等信息，能夠通過搜索方式查找．本系統(tǒng)提供搜索框，能夠進(jìn)行模糊查找．用戶在搜索框內(nèi)輸入要查找的信息，則在數(shù)據(jù)庫中使用SQL語句在對(duì)應(yīng)的旅游信息表中查詢比對(duì)，把成功匹配的旅游信息返回．例如輸入的搜索信息是上海，則在信息主體內(nèi)容處顯示所有標(biāo)題包含上海的旅游信息．在頁面分為最新和最熱兩個(gè)部分，這個(gè)內(nèi)容使用選項(xiàng)卡在頁面顯示，在PC端縮略圖和標(biāo)題在一行顯示，內(nèi)容在另起一行顯示;在移動(dòng)端縮略圖、標(biāo)題和內(nèi)容都顯示在不同的行．此部分內(nèi)容通過jQuery實(shí)現(xiàn)選項(xiàng)卡效果，代碼如此圖5所示．圖5游記選項(xiàng)卡6結(jié)束語本文是基于bootstrap的旅游網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)，使用bootstr