前言
-
JSP由于其 易于開發(fā)動態(tài)界面、易用 & 分離性好的特點(diǎn)，在前端開發(fā)中得到了廣泛的應(yīng)用 - 今天，我將手把手教你搭建
JSP在Windows環(huán)境下的開發(fā)環(huán)境
目錄
1. JSP介紹
- 簡介
-
優(yōu)點(diǎn)
優(yōu)點(diǎn)
2. 開發(fā)環(huán)境搭建
下面將開始講解 JSP在Windows環(huán)境下的開發(fā) & 測試環(huán)境搭建
- 開發(fā) & 測試環(huán)境搭建總共分為4步：
- 下面，將手把手教你搭建
JSP的 開發(fā) & 測試環(huán)境
步驟1：安裝 & 配置 Java開發(fā)工具（JDK）
- 下載
SDK：點(diǎn)擊下載 - 下載完成，按照指示安裝 & 配置
SDK
a. 安裝過程中會出現(xiàn)2次 安裝提示 ：1= 安裝
JDK，2 = 安裝JRE（請記錄下二者安裝路徑）
b. 建議兩個都安裝在同1個java文件夾中的不同文件夾中。（不能都安裝在java文件夾的根目錄下，二者同時安裝在同一文件夾會出錯）
- 配置
Java環(huán)境變量
具體請文章：Java環(huán)境變量的配置教程
-
測試是否安裝成功。若 出現(xiàn)以下提示，則為安裝成功
示意圖
至此，Java開發(fā)工具 JDK安裝完畢
步驟2：安裝 & 配置 Web服務(wù)器（Tomcat）
- 市面上有很多支持
JSP和Servlets開發(fā)的Web服務(wù)器 - 此處選擇開源、免費(fèi)的
Tomcat
Apache Tomcat可作為獨(dú)立的服務(wù)器來運(yùn)行JSP和Servlets，也可以集成在Apache Web Server中
- 配置步驟如下：
- 下載最新版本的Tomcat：點(diǎn)擊下載
-
下載完成后，進(jìn)行 解壓 即可
示意圖
目錄介紹如下：
- bin：二進(jìn)制執(zhí)行文件。里面最常用的文件是startup.bat。若是Linux 或 Mac 系統(tǒng)啟動文件為 startup.sh
- conf：配置目錄，里面最核心的文件是server.xml?？梢栽诶锩娓亩丝谔柕取ＤJ(rèn)端口號是8080，也就是說，此端口號不能被其他應(yīng)用程序占用。
- lib：庫文件，tomcat運(yùn)行時需要的jar包所在的目錄
- logs：日志
- temp：臨時產(chǎn)生的文件，即緩存
- webapps：web的應(yīng)用程序，web應(yīng)用放置到此目錄下瀏覽器可以直接訪問
- work：編譯以后的class文件
-
測試是否安裝成功
-
啟動
Tomcat：點(diǎn)擊bin文件夾中的startup.bat
示意圖 在瀏覽器中輸入
http://localhost:8080/
若彈出如下界面，則表示
tomcat安裝成功 & 啟動起來示意圖 -
加載現(xiàn)有的
.JSP源文件 演示
1. 新建 1 個jsp文件：輸入以下內(nèi)容 & 保存為.jsp后綴名文件
<HTML>
<HEAD>
<TITLE>HelloWorld test</TITLE>
</HEAD>
<BODY>
<% out.print("CarsonBlog!<br><a href='http://www.itdecent.cn/u/383970bef0a0'>click go</a>"); %>
</BODY>
</HTML>
2. 將上述.jsp源文件放在 D:\apache-tomcat-7.0.14\webapps\ROOT目錄中
即放在解壓文件夾中的
webapps\ROOT里
3. 啟動Tomcat：點(diǎn)擊 bin文件夾中的 startup.bat
4. 在瀏覽器中輸入：http://localhost:8080/helloworld.jsp，顯示以下界面即加載成功
至此，Web服務(wù)器 Tomcat的安裝 & 測試完成
步驟3：安裝 & 配置 JSP開發(fā)工具（Eclipse）
-
JSP的開發(fā)工具主要有：eclipse和myeclipse
myeclipse：集成大量插件、系統(tǒng)配置要求高，適合企業(yè)級開發(fā)使用；（在大陸無法訪問）eclipse：體積小，免安裝，可擴(kuò)展性強(qiáng)，適合個人開發(fā)使用；
- 此處推薦 使用開發(fā)工具
eclipse，點(diǎn)擊按照提示下載 & 安裝即可
注：
Eclipse官網(wǎng)加載速度很慢，自備梯子 可提高加載速度- 安裝時，請選擇 適合
JSP開發(fā)的EE版本，如下圖
至此，JSP開發(fā)工具（Eclipse）的安裝 & 測試完成
步驟4：綁定 Web服務(wù)器（Tomcat） 與 JSP開發(fā)工具（Eclipse）
1. 打開已安裝的Eclipse，按照以下路徑進(jìn)入：上方工具欄的window -> preferences -> server -> Runtime Enviroments -> Add
2. 選擇相應(yīng)版本的Tomcat & 對應(yīng)的安裝路徑，點(diǎn)擊Finish 即可
3. 選擇下方Servers窗口 -> 點(diǎn)擊藍(lán)色字 ->點(diǎn)擊 finish
至此，Tomcat 與 eclipse綁定成功，如下圖：
至此，JSP在Window環(huán)境下的測試 & 開發(fā)環(huán)境已經(jīng)搭建完畢。
3. JSP 開發(fā)案例講解
下面，將講解 1個簡單的JSP開發(fā)案例
步驟1：創(chuàng)建 動態(tài)網(wǎng)頁項(xiàng)目
打開 Eclipse -> 點(diǎn)擊File -> New -> Dynamic Web Project，輸入項(xiàng)目名稱 -> 點(diǎn)擊 finish
步驟2： 創(chuàng)建 JSP文件
- 展開左側(cè)建立的項(xiàng)目 - > 右鍵
WebContent->New->JSP File，輸入項(xiàng)目名字 -> 點(diǎn)擊finish
-
Eclipse默認(rèn)根據(jù)母版自動生成了一些內(nèi)容
若要正常顯示中文，則需將內(nèi)容中
ISO-8859-1編碼都改為UTF-8`
- 在
body便簽間插入如下代碼：
<% out.print("CarsonBlog!<br><a href='http://www.itdecent.cn/u/383970bef0a0'>click go</a>"); %>
步驟3： 執(zhí)行 JSP 文件
-
點(diǎn)擊左上方按鈕即可運(yùn)行
JSP文件
執(zhí)行代碼 -
成功運(yùn)行效果
成功運(yùn)行效果
至此，1個 簡單的JSP 開發(fā)案例講解完畢。
5. 總結(jié)
- 本文介紹了
JSP及其 開發(fā)環(huán)境的搭建 - 下面我將繼續(xù)對
JSP中的知識進(jìn)行深入講解 ，有興趣可以繼續(xù)關(guān)注Carson_Ho的前端開發(fā)筆記
歡迎關(guān)注Carson_Ho的簡書！
不定期分享關(guān)于安卓開發(fā)的干貨，追求短、平、快，但卻不缺深度。
參考文章：
http://www.runoob.com/jsp/eclipse-jsp.html
http://www.runoob.com/java/java-environment-setup.html
http://www.runoob.com/jsp/jsp-setup.html
http://blog.csdn.net/qfs_v/article/details/2799117
http://blog.csdn.net/gavin_john/article/details/51406155
http://www.itdecent.cn/p/5b022371de26
