前言
-
JSP由于其 易于開發(fā)動(dòng)態(tài)界面、易用 & 分離性好的特點(diǎn)忘伞，在前端開發(fā)中得到了廣泛的應(yīng)用 - 今天，我將手把手教你搭建
JSP在Windows環(huán)境下的開發(fā)環(huán)境
目錄
1. JSP介紹
- 簡(jiǎn)介
-
優(yōu)點(diǎn)
優(yōu)點(diǎn)
2. 開發(fā)環(huán)境搭建
下面將開始講解 JSP在Windows環(huán)境下的開發(fā) & 測(cè)試環(huán)境搭建
- 開發(fā) & 測(cè)試環(huán)境搭建總共分為4步：
- 下面沙兰，將手把手教你搭建
JSP的 開發(fā) & 測(cè)試環(huán)境
步驟1：安裝 & 配置 Java開發(fā)工具（JDK）
- 下載
SDK：點(diǎn)擊下載 - 下載完成氓奈，按照指示安裝 & 配置
SDK
a. 安裝過程中會(huì)出現(xiàn)2次 安裝提示 ：1= 安裝
JDK，2 = 安裝JRE（請(qǐng)記錄下二者安裝路徑）
b. 建議兩個(gè)都安裝在同1個(gè)java文件夾中的不同文件夾中鼎天。（不能都安裝在java文件夾的根目錄下舀奶，二者同時(shí)安裝在同一文件夾會(huì)出錯(cuò)）
- 配置
Java環(huán)境變量
具體請(qǐng)文章：Java環(huán)境變量的配置教程
-
測(cè)試是否安裝成功。若 出現(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)啟動(dòng)文件為 startup.sh
- conf：配置目錄化借，里面最核心的文件是server.xml〖穸啵可以在里面改端口號(hào)等蓖康。默認(rèn)端口號(hào)是8080，也就是說垒手，此端口號(hào)不能被其他應(yīng)用程序占用蒜焊。
- lib：庫(kù)文件，tomcat運(yùn)行時(shí)需要的jar包所在的目錄
- logs：日志
- temp：臨時(shí)產(chǎn)生的文件科贬，即緩存
- webapps：web的應(yīng)用程序泳梆，web應(yīng)用放置到此目錄下瀏覽器可以直接訪問
- work：編譯以后的class文件
-
測(cè)試是否安裝成功
-
啟動(dòng)
Tomcat：點(diǎn)擊bin文件夾中的startup.bat
示意圖 在瀏覽器中輸入
http://localhost:8080/
若彈出如下界面，則表示
tomcat安裝成功 & 啟動(dòng)起來示意圖 -
加載現(xiàn)有的
.JSP源文件 演示
1. 新建 1 個(gè)jsp文件：輸入以下內(nèi)容 & 保存為.jsp后綴名文件
<HTML>
<HEAD>
<TITLE>HelloWorld test</TITLE>
</HEAD>
<BODY>
<% out.print("CarsonBlog!<br><a href='http://www.reibang.com/u/383970bef0a0'>click go</a>"); %>
</BODY>
</HTML>
2. 將上述.jsp源文件放在 D:\apache-tomcat-7.0.14\webapps\ROOT目錄中
即放在解壓文件夾中的
webapps\ROOT里
3. 啟動(dòng)Tomcat：點(diǎn)擊 bin文件夾中的 startup.bat
4. 在瀏覽器中輸入：http://localhost:8080/helloworld.jsp榜掌，顯示以下界面即加載成功
至此优妙，Web服務(wù)器 Tomcat的安裝 & 測(cè)試完成
步驟3：安裝 & 配置 JSP開發(fā)工具（Eclipse）
-
JSP的開發(fā)工具主要有：eclipse和myeclipse
myeclipse：集成大量插件、系統(tǒng)配置要求高憎账，適合企業(yè)級(jí)開發(fā)使用套硼；（在大陸無法訪問）eclipse：體積小，免安裝胞皱，可擴(kuò)展性強(qiáng)邪意，適合個(gè)人開發(fā)使用；
- 此處推薦 使用開發(fā)工具
eclipse反砌，點(diǎn)擊按照提示下載 & 安裝即可
注：
Eclipse官網(wǎng)加載速度很慢雾鬼，自備梯子 可提高加載速度- 安裝時(shí)，請(qǐng)選擇 適合
JSP開發(fā)的EE版本宴树，如下圖
至此策菜，JSP開發(fā)工具（Eclipse）的安裝 & 測(cè)試完成
步驟4：綁定 Web服務(wù)器（Tomcat） 與 JSP開發(fā)工具（Eclipse）
1. 打開已安裝的Eclipse，按照以下路徑進(jìn)入：上方工具欄的window -> preferences -> server -> Runtime Enviroments -> Add
2. 選擇相應(yīng)版本的Tomcat & 對(duì)應(yīng)的安裝路徑森渐，點(diǎn)擊Finish 即可
3. 選擇下方Servers窗口 -> 點(diǎn)擊藍(lán)色字 ->點(diǎn)擊 finish
至此做入，Tomcat 與 eclipse綁定成功，如下圖：
至此同衣，JSP在Window環(huán)境下的測(cè)試 & 開發(fā)環(huán)境已經(jīng)搭建完畢竟块。
3. JSP 開發(fā)案例講解
下面，將講解 1個(gè)簡(jiǎn)單的JSP開發(fā)案例
步驟1：創(chuàng)建 動(dò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ù)母版自動(dòng)生成了一些內(nèi)容
若要正常顯示中文蒋情，則需將內(nèi)容中
ISO-8859-1編碼都改為UTF-8`
- 在
body便簽間插入如下代碼：
<% out.print("CarsonBlog!<br><a href='http://www.reibang.com/u/383970bef0a0'>click go</a>"); %>
步驟3： 執(zhí)行 JSP 文件
-
點(diǎn)擊左上方按鈕即可運(yùn)行
JSP文件
執(zhí)行代碼 -
成功運(yùn)行效果
成功運(yùn)行效果
至此，1個(gè) 簡(jiǎn)單的JSP 開發(fā)案例講解完畢耸携。
5. 總結(jié)
- 本文介紹了
JSP及其 開發(fā)環(huán)境的搭建 - 下面我將繼續(xù)對(duì)
JSP中的知識(shí)進(jìn)行深入講解 棵癣，有興趣可以繼續(xù)關(guān)注Carson_Ho的前端開發(fā)筆記
歡迎關(guān)注Carson_Ho的簡(jiǎn)書！
不定期分享關(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.reibang.com/p/5b022371de26
