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