XAMPP & Tomcat:建立 JSP 運行環境 & 讓 JSP 連接 SQL 資料庫

2018/12/29 5,654 3 軟體應用 , 網站技術 , 伺服器 , 資料庫 , JSP , SQL

由於本學期我是做前端,所以還沒有學到後端的程式語言,不過因為期末專案的關係,需要與另外一班的同學合作完成前後端具備的購物網站,因此前端完成後需要將檔案交給他們繼續撰寫與嵌入後端程式,並且還需要跟 SQL 資料庫連接,才能答案前後端連線,我們學校所教的後端技術是 JSP,我下學期也會學到該技術,其所使用的程式語言為 Java。

為了解決前後端連接的問題,我決定超前進度,先幫自己的電腦安裝環境並可運行使用 JSP 技術的網頁,甚至還能做到連結資料庫,當然我還是喜歡自己過去最常用來運行 PHP 架站程式的軟體「XAMPP」,這個整合工具不是只能運行 PHP 唷!JSP 也行的!不過要做一些事情準備,並且替它安裝擴充,接著就讓我們進入教學吧!

開始前請注意!⚠ 作者使用的系統為 Windows 10,且 XAMPP 預設安裝於 C 碟中。

一、JDK 安裝與環境變數

※ 如果之前已經安裝過 JDK 或者設定過環境變數,此步驟可跳過。
請先至「Java SE Downloads」頁面下載最新版本的 JDK(Java Development Kit,JAVA 開發套件),下載後將其安裝於自己的電腦中。

JDK 安裝後需要設定電腦的環境變數:

「控制台」→「系統」→找到左側的「進階系統設定」→頁籤「進階」→「環境變數」,在「系統變數」中的「Path」變數內新增 JDK「bin」資料夾的路徑,然後系統變數內也要新增一個變數,可命名成「JAVA_HOME」,路徑跟之前的一樣。詳細教學可以 🔍 搜尋關鍵字:JDK 環境變數,不同版本的 Windows 系統設定方式可能不同 😉。


▲完成環境變數設定後可以看到在「cmd (命令提示字元)」輸入「java –version」,就會出現安裝的版本。

二、XAMPP 整合環境安裝

「XAMPP」允許用戶可以在自己的電腦上輕易的建立網頁伺服器,這次就是要運用它節省時間與避開不必要麻煩!
安裝時請記得一定要勾選安裝「Tomcat」和「MySQL」,建議安裝「phpMyAdmin」,可以方便管理 SQL 資料庫。

▲打開安裝好的「XAMPP」控制介面,可以看到有三個可以運行的元件:「Apache」、「MySQL」和「Tomcat」,當要啟動伺服器並運行網站程式時這三個都必須是運行的,更動任何「XAMPP」內部程式都要先關閉這些元件,接著安裝的東西就要先關閉這些元件(也就是關閉伺服器)。

三、MySQL Connector/J 安裝

「MySQL Connector/J」可以先至官方網站下載 ZIP(請選擇「Platform Independent」才有 ZIP 載點),解壓縮後可以得到「mysql-connector-java-(版本).jar」的檔案。

▲「MySQL Connector/J」官方網站下載頁面之截圖。

▲將「mysql-connector-java-(版本).jar」放入「C:\xampp\tomcat\lib」,這樣 JSP 就可以連接 SQL 資料庫了!

四、JSP 的伺服器根目錄與 SQL 資料庫管理

知道根目錄就可以開始開發啦!還能透過「phpMyAdmin」管理 SQL 資料庫!

▲這邊的「C:\xampp\tomcat\webapps\ROOT」是 JSP 伺服器的根目錄,網頁檔案(.jsp、.css、.js等)都要放在這才能跑唷!

「127.0.0.1:8080」是根目錄瀏覽器連線的位址,基本上可見此畫面就是「Tomcat」安裝成功的意思。

「127.0.0.1/phpmyadmin」是「phpMyAdmin」的連線位址,可管理 SQL 資料庫。

如果之後的 JSP 資料庫連線異常,可能是「MySQL Connector/J」安裝失敗或者 SQL 資料庫設定的問題,這邊您可能就要尋求網路上更多的教學或者高手了!這篇只是建立運行環境的簡易教學。

有了 JSP 的運行環境,幫同學偵測錯誤變得相當容易,馬上可以看到錯誤進行修正,真的超方便的!👍😆

贊助廣告 ‧ Sponsor advertisements

留言區 / Comments

萌芽論壇