【正文】 開始安裝； （ 2）在安裝過程中使用默認(rèn)配置即可。 JDK 的默認(rèn)安裝目錄為 C:\jdk； （ 3） 重新啟動計算機； （ 4） 更新環(huán)境變量在系統(tǒng)桌面中； （ 5） 右擊 [我的電腦 ]圖標(biāo)； （ 6） 選擇 [屬性 ]命令； （ 7） 彈出 [系 統(tǒng)特性 ]對話框。選擇 [高級 ]選項卡； （ 8） 單擊 [環(huán)境變量 ]按鈕； （ 9） 彈出 [環(huán)境變量 ]對話框； （ 10）該對話框分為 [Administrator 的用戶變量 ]和 [系統(tǒng)變量 ]兩個選項組。接下來在 [系統(tǒng)變量 ]選項組中操作； （ 11） 找到 path 變量后單擊 [編輯 ]按鈕； （ 12）彈出 [編輯系統(tǒng)變量 ]對話框。在 [變量值 ]文本框中輸入“ c:\jdk\bin” ,然后單擊 [確定 ]按鈕。同時新建 CLASSPATH 變量； （ 13）在 [系統(tǒng)變量 ]選項組中單擊 [新建 ]按鈕 ,在 [變量名 ]文本框中輸入“ CLASSPATH” ,在 [變量值 ]文本框中輸入 “ .”（點號），然后單擊 [確定 ]按鈕。 （ 14）單擊 [應(yīng)用 ]按鈕再單擊 [確定 ]按鈕。至此 JDK 的安裝及配置完成。 河南理工大學(xué)畢業(yè)設(shè)計（論文）說明書 24 TOMCAT 的安裝與配置 簡單來說， TOMACT 是一個開源的 Java Web 應(yīng)用服務(wù)器，而 Web 應(yīng)用就是一個存放網(wǎng)頁的地方，放 Web 頁面進(jìn)去，別人就可以訪問你開發(fā)的網(wǎng)頁了。 TOMACT 是Servlet、 JEL、 JSP 和 Java WebScoket 等技術(shù)規(guī)范的實現(xiàn)。 TOMACT 是 Apache 軟件基金會的 Jakarta 項目中的一個核心項目，為什么會說 TOMACT 與 JAVA 有緊密的聯(lián)系是 因為 JAVA 在誕生后的進(jìn)化之后， 漸漸地被大眾接受為優(yōu)良的 Web 服務(wù)器端編程語言，也就是說 Java 最能發(fā)揮其本身優(yōu)勢的地方就是進(jìn)行 Web 開發(fā)。 TOMCAT 是使用 Java 進(jìn)行 Web 開發(fā)的應(yīng)用服務(wù)器軟件，用來呈現(xiàn)你在 JDK 里進(jìn)行數(shù)據(jù)加工的成果。通過開發(fā)過程中發(fā)現(xiàn)對于 TOMCAT 推薦下載的是 .zip 文件（ Windows 運行環(huán)境），解壓就可以用。在開發(fā)過程中如果遇到點擊 TOMACT 根目錄下 bin 文件下的 startup 時如果出現(xiàn)閃屏，這是環(huán)境問題。我們需要配置 tomcat 的環(huán)境變量。系統(tǒng)變量中新建變量名： JAVA_HOME ，值是 JDK 的更目錄。如圖 51 所示： 圖 51 Tomcat的環(huán)境變量配置 連接數(shù)據(jù)庫的實現(xiàn) 打開 控制面板，雙擊 ODBC 數(shù)據(jù)源（ 32 位）打開數(shù)據(jù)源管理，在系統(tǒng) DSN 中注冊名稱為 JSP 的 MS SQL 數(shù)據(jù)源。建立數(shù)據(jù)源后， JSP 程序就可以通過 JDBCODBC來調(diào)用 MS SQL 數(shù)據(jù)庫。過程如下： 首先，從控制面板的管理工具中打開“ ODBC 數(shù)據(jù)源管理器”，單擊“系統(tǒng) DSN”選項卡，單擊“添加”按鈕。 然后從“名稱”列表欄中選擇 SQL Server，單擊“完成”按鈕，“建立新的數(shù)據(jù)源 到 SQL Server”對話框，在名稱中鍵入所加數(shù)據(jù)源的名稱，數(shù)據(jù)源的名稱是 lyw。在服務(wù)器欄中選擇本地服務(wù)器（ local）。在“建立新的數(shù)據(jù)源到 SQL Server”對話框河南理工大學(xué)畢業(yè)設(shè)計（論文）說明書 25 中單擊“下一步”，出現(xiàn)選擇 SQL Server 確認(rèn)身份方法的對話框。選擇“使用網(wǎng)絡(luò)登錄 ID 的 Windows NT 驗證”的方法。 在選擇身份確認(rèn)方法對話框中單擊“下一步”，選擇數(shù)據(jù)庫的對話框，在“改變默認(rèn)的數(shù)據(jù)庫為”前面加上標(biāo)記，在下拉列表中選擇自己建立數(shù)據(jù)庫名稱。 在選擇數(shù)據(jù)庫對話框中單擊“下一步”，出現(xiàn)數(shù)據(jù)庫設(shè)置對話框，不用改變默認(rèn)的 設(shè)置，單擊“完成”按鈕，完成數(shù)據(jù)源的建立。 前臺界面的實現(xiàn) 整個網(wǎng)頁總共分為三個部分， top 部分、 mainbody 部分和 foot 部分， top 部分有用戶的登錄和注冊， mainbody 部分有輪播圖、各個景點的信息、酒店的預(yù)訂信息等， foot部分有個人的信息、版權(quán)和進(jìn)入后臺等信息。整個網(wǎng)頁采用的是 table 布局，這個布局雖然代碼量會多，但是兼容性特別好，本系統(tǒng)完美兼容 js 實現(xiàn)，將圖片放在一個容器內(nèi)，然后外面再包一個容器， js 代碼主要是用計時器操作，不斷的對外面的容器進(jìn)行 scrollleft 進(jìn)行操作，實現(xiàn)里面容器的不斷滾動。網(wǎng)站的前臺頁面設(shè)計如圖 51 所示： 圖 51網(wǎng)站前臺 新聞資訊模塊的實現(xiàn) 這個新聞資訊模塊的頭部是引用的主頁，也就是說所有的頁面都是用的一個頭部，這樣的好處就是減少代碼的冗余量。 用戶或者游客只能查看，沒有操作的權(quán)利，管理員在后臺可以進(jìn)行新聞資訊的添加、修改和刪除。添加新聞資訊，將新聞的標(biāo)題放在一個 a 標(biāo)簽內(nèi)，這個 a 標(biāo)簽是放在 tr 標(biāo)簽內(nèi)部的，每次添加一條新聞資訊，都會添加一個 tr，每個 tr 都是預(yù)先設(shè)置好河南理工大學(xué)畢業(yè)設(shè)計（論文）說明書 26 的格式。 如圖 52 所示。首先 看到新聞的標(biāo)題 ，后面 附有 新聞的添加時間等信息 ， 點擊之后可以查看新聞內(nèi)容 。 圖 52新聞資訊 界面 網(wǎng)站簡介模塊的實現(xiàn) 網(wǎng)站簡介是對整個系統(tǒng)的一個說明，用的也是 table 布局，系統(tǒng)的說明信息是放在一個 textarea 里面的，用戶只有閱讀，打印的權(quán)利，打印用的是 ()方法，調(diào)用瀏覽器的打印功能，后臺管理員可以更改簡介信息，同理，整個框架是預(yù)先寫好的，每次對信息進(jìn)行操作的時候，點擊保存之后，首先獲取 textarea 內(nèi)的內(nèi)容，然后將數(shù)據(jù)傳到數(shù)據(jù)庫，對數(shù)據(jù)進(jìn)行修改，進(jìn)而顯示在前臺頁面上。如 53 所示是 系統(tǒng)簡介 信息： 圖 53網(wǎng)站 簡介信息 景點介紹模塊的實現(xiàn) 景點介紹，顧名思義就是對景點進(jìn)行詳細(xì)介紹，每個景點的詳細(xì)信息都是通過代碼從數(shù)據(jù)庫動態(tài)獲取到的，首先定義空的字符串： String images=。Stringname=。String money=。String remark=。String title=。String addtime=，然后從數(shù)據(jù)庫中取出數(shù)據(jù)，挨個給這些變量賦值，而且對格式進(jìn)行一個設(shè)置，每一行只能設(shè)置三個景點信息，三個景點之后自動再添加一個 tr： if(s%3==1) (tr)，每個 tr 標(biāo)簽里面嵌套 a河南理工大學(xué)畢業(yè)設(shè)計（論文）說明書 27 標(biāo)簽， a 標(biāo)簽的 href 也是動態(tài)獲取的： href=?id=%=rec_id%，然后每個 a標(biāo)簽里面再嵌套 img 標(biāo)簽。如圖 54 所示是系統(tǒng)的景點簡介： 圖 54景點簡介 出行路線模塊的實現(xiàn) 出行路線的設(shè)計是非常簡單的，就是將行程放在整個 table 表格中，每一個路線用一個 tr 標(biāo)簽包裹起來，標(biāo)題用 a 標(biāo)簽包裹起來，點擊之后進(jìn)行網(wǎng)頁的跳轉(zhuǎn)，跳轉(zhuǎn)到詳細(xì)介紹旅游路線的界面，有了出發(fā)點和要去的旅游 景點，給用戶列出旅行路線，而且會根據(jù)顧客的需求，安排幾天的行程，并將每天的行程一一列出，在跳轉(zhuǎn)后的頁面中，還可以進(jìn)行在線預(yù)訂行程。如圖 55 所示是 系統(tǒng)出行路線信息 ： 河南理工大學(xué)畢業(yè)設(shè)計（論文）說明書 28 圖 55出行路線 信息 租車功能模塊的實現(xiàn) 租車信息界面的設(shè)計也是用 table 表格包裹起來的，頭部引用的是 文件，在內(nèi)容部分的左側(cè)，單獨用一個 table 表格包裹起來，兩個 td 中分別包裹一個 a 標(biāo)簽，鏈接到最熱的旅游景點，右側(cè)就是租車信息了，列出了很多的車型供用戶選擇，每個tr 標(biāo)簽中通過 js 控制內(nèi)容的個數(shù)，每個 tr 中最多 可以放 4 個內(nèi)容，當(dāng)內(nèi)容夠四個之后會再自動生成一個 tr，代碼： if(s%4==1) (tr)，點擊每個車型之后會跳轉(zhuǎn)到一個新的界面，這個界面中有價格、租車電話的信息，可以打印這個頁面。如圖 56所示是 租車信息界面 ： 圖 56租車 信息 一（多）日游模塊的實現(xiàn) 一日游和多日游的界面設(shè)計跟出行路線是一樣的，也是用的 table 表格把整個內(nèi)容包裹起來，只不過整個內(nèi)容中沒有了左側(cè)的熱門旅游景點推薦了，每一條信息用一個tr 標(biāo)簽包裹起來，每條信息的標(biāo)題再用 a 標(biāo)簽包裹起來，點擊標(biāo) 題之后會進(jìn)行頁面的跳轉(zhuǎn)，一日游和多日游分別給出價格、行程安排等等。然后最下邊也會給出在線預(yù)訂的功能。如圖 57 和 58 所示，分別是 系統(tǒng)的一日游活動和多日游活動 ： 河南理工大學(xué)畢業(yè)設(shè)計（論文）說明書 29 圖 57一日游 信息 圖 58多日游 信息 酒店查詢模塊的實現(xiàn) 酒店查詢模塊的設(shè)計同樣也是用 table 表格作為一個大的容器，在界面的左側(cè)顯示的是最熱門的旅游景點，右側(cè)顯示的是酒店的名稱以及價格，每一條信息用一個 tr 標(biāo)簽包裹起來，而且所有的信息都是從后臺動態(tài)獲取到的，每一條信息中的內(nèi)容又用一個 a 標(biāo)簽包裹起來，點擊之后會進(jìn)行頁面的 跳轉(zhuǎn)，跳轉(zhuǎn)后的頁面會顯示酒店的詳細(xì)信息，比如：周圍環(huán)境、開業(yè)時間、地址、聯(lián)系方式、房間數(shù)等等。系統(tǒng) 酒店 界面如圖59 所示： 河南理工大學(xué)畢業(yè)設(shè)計（論文）說明書 30 圖 59酒店信息 交流平臺模塊的實現(xiàn) 為了方便 廣大驢友交流、分享和互動， 建立了 交流平臺，用戶可以在此分享自己的旅游心得，并曬圖， 依此增加 系統(tǒng)的黏性 ， 同時 用戶可以在瀏覽信息時，可以對其進(jìn)行留言操作。 留言板這一塊是非常有意思的，用戶可以在這里進(jìn)行經(jīng)驗的交流，當(dāng)然也可以在這里交朋友，頭部同樣引用的是 界面，主體部分是用 table 表格包裹起來，每一個人發(fā)布交流信 息就自動生成一個 tr 標(biāo)簽，在這個 tr 標(biāo)簽的左側(cè)又分為兩部分，一個是用戶名，一個是聯(lián)系方式，用戶名和聯(lián)系方式的頭像都是預(yù)先寫好的 img 標(biāo)簽，用戶名和聯(lián)系方式都是動態(tài)的從后臺獲取到的，右側(cè)的交流信息是用戶的留言，然后下邊是留言時間。交流平臺界面如圖 510 所示： 河南理工大學(xué)畢業(yè)設(shè)計（論文）說明書 31 圖 510交流平臺 在線下單模塊的實現(xiàn) 用戶登陸以后，查詢確定 相關(guān) 路線后 ，在網(wǎng)站進(jìn)行景點查詢，并可進(jìn)行在線下單報名操作。在線下單模塊中，報名人姓名是直接獲取的登錄用戶的用戶名，聯(lián)系電話也是登錄用戶的，報名人數(shù)自填，這三個都是必填項目， 在沒有登錄的情況下是不能點擊確定報名的，按鈕的 value 值為請先登錄，登陸之后才能進(jìn)行報名操作。在線下單界面如圖 511 所示： 圖 511在線下單 在線注冊模塊的實現(xiàn) 在系統(tǒng)的頂部，有登錄和注冊按鈕，對于第一次登錄的用戶要想預(yù)訂旅游服務(wù)的河南理工大學(xué)畢業(yè)設(shè)計（論文）說明書 32 話，就要先注冊一個用戶；注冊信息包括：用戶名、密碼、確認(rèn)密碼、姓名、聯(lián)系電話、電子郵箱、聯(lián)系地址這幾個信息，顯示的所有的信息都是必填項，如果有任何一個沒有填寫，就會從上往下的順序進(jìn)行彈出提示信息，注冊的用戶名就可以作為用戶名。該界面如圖 512 所示： 圖 512在線 注冊 個人資料模塊的實現(xiàn) 個人資料模塊中，可以對自己的個人信息進(jìn)行查看和修改，這個頁面的設(shè)計用的事 table 標(biāo)簽，每一條信息用一個 tr 標(biāo)簽包裹，每一條信息分為左右兩部分，用戶可以對任何一條信息進(jìn)行修改，修改后的信息在點擊保存信息按鈕后傳入數(shù)據(jù)庫，然后顯示在前臺界面上。如圖 513 所示： 圖 513在線 注冊 河南理工大學(xué)畢業(yè)設(shè)計（論文）說明書 33 后臺管理模塊的實現(xiàn) 系統(tǒng)的 后臺 登陸界面 ， 主要包括密碼修改 在內(nèi) 的 11 大 功能模塊， 各個 功能模塊 如下所述。在前端界面的 foot 部分，設(shè)計了一個進(jìn)入后臺鏈接，點擊之后 會跳轉(zhuǎn)到管理員登陸界面，輸入用戶名和密碼之后就進(jìn)入了后臺管理界面。 各級管理員登錄系統(tǒng)后，可自行重新設(shè)置登錄密碼；添加網(wǎng)站 信息，如果信息 添加成功，進(jìn)入成功頁面，不成功則顯示錯誤信息頁面；添加線路用于領(lǐng)導(dǎo)給本系統(tǒng)添加線路信息， 輸入 線路圖片、線路標(biāo)題、類型、價格、行程安排，添加成功，進(jìn)入成功頁面，不成功則顯示錯誤信息頁面； 景點介紹，添加 景點圖片、景點名稱、景點簡介， 輸出 顯示符合條件的景點信息（景點圖片、景點名稱、景點簡介），無符合條件的將顯示出錯提示， 同時 根據(jù)用戶所輸入的條件到數(shù)據(jù)庫里對應(yīng)的查詢，將系統(tǒng)中所有查 詢出來的數(shù)據(jù)顯示全部顯示出來并可編輯 (修改，刪除 )； 同樣的適用于酒店管理，添加酒店用于領(lǐng)導(dǎo)給本系統(tǒng)添加酒店信息，輸入酒店名稱、酒店簡介、房型與房價、其他信息，添加成功，進(jìn)入成功頁面，不成功則顯示錯誤信息頁面， 同時 根據(jù)用戶所輸入的條件到數(shù)據(jù)庫里對應(yīng)的查詢，將系統(tǒng)中所有查詢出來的數(shù)據(jù)顯示全部顯示出來并可編輯 (查看、修改，刪除 )； 租車信息 輸入車圖片、車名稱、價格、租車協(xié)議、聯(lián)系電話，添加成功，進(jìn)入成功頁面，不成功則顯示錯誤信息頁面， 同時 根據(jù)用戶所輸入的條件到數(shù)據(jù)庫里對應(yīng)的查詢，將系統(tǒng)中所有查詢出來的數(shù)據(jù)顯示全部顯 示出來并可編輯 (修改，刪除 )；另外根據(jù)用戶所輸入的條件到數(shù)據(jù)庫里對應(yīng)的查詢，將系統(tǒng)中所有查詢出來的數(shù)據(jù)顯示全部顯示出來并可編輯 (刪除 )； 此外還有新聞管理和訂單管理，處理流程如上。 如圖