手把手教你搭建 JSP開(kāi)發(fā)環(huán)境（Windows系統(tǒng)）

前言

  • JSP由于其 易于開(kāi)發(fā)動(dòng)態(tài)界面、易用 & 分離性好的特點(diǎn)，在前端開(kāi)發(fā)中得到了廣泛的應(yīng)用
  • 今天，我將手把手教你搭建 JSP在Windows環(huán)境下的開(kāi)發(fā)環(huán)境

目錄

示意圖

1. JSP介紹

  • 簡(jiǎn)介
簡(jiǎn)介

  • 優(yōu)點(diǎn)


    優(yōu)點(diǎn)

2. 開(kāi)發(fā)環(huán)境搭建

下面將開(kāi)始講解 JSP在Windows環(huán)境下的開(kāi)發(fā) & 測(cè)試環(huán)境搭建

  • 開(kāi)發(fā) & 測(cè)試環(huán)境搭建總共分為4步：
示意圖
  • 下面，將手把手教你搭建JSP的 開(kāi)發(fā) & 測(cè)試環(huán)境

步驟1：安裝 & 配置 Java開(kāi)發(fā)工具（JDK）

  1. 下載 SDK：點(diǎn)擊下載
  2. 下載完成，按照指示安裝 & 配置 SDK

a. 安裝過(guò)程中會(huì)出現(xiàn)2次 安裝提示 ：1= 安裝 JDK ，2 = 安裝 JRE （請(qǐng)記錄下二者安裝路徑）
b. 建議兩個(gè)都安裝在同1個(gè)java文件夾中的不同文件夾中。（不能都安裝在java文件夾的根目錄下，二者同時(shí)安裝在同一文件夾會(huì)出錯(cuò)）

  1. 配置 Java 環(huán)境變量

具體請(qǐng)文章：Java環(huán)境變量的配置教程

  1. 測(cè)試是否安裝成功。若 出現(xiàn)以下提示，則為安裝成功


    示意圖

至此，Java開(kāi)發(fā)工具 JDK安裝完畢

步驟2：安裝 & 配置 Web服務(wù)器（Tomcat）

  • 市面上有很多支持JSP 和 Servlets開(kāi)發(fā)的Web服務(wù)器
  • 此處選擇開(kāi)源、免費(fèi)的 Tomcat

Apache Tomcat 可作為獨(dú)立的服務(wù)器來(lái)運(yùn)行JSP 和 Servlets，也可以集成在 Apache Web Server中

  • 配置步驟如下：
    1. 下載最新版本的Tomcat：點(diǎn)擊下載

    2. 下載完成后，進(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，也就是說(shuō)，此端口號(hào)不能被其他應(yīng)用程序占用。
  • lib：庫(kù)文件，tomcat運(yùn)行時(shí)需要的jar包所在的目錄
  • logs：日志
  • temp：臨時(shí)產(chǎn)生的文件，即緩存
  • webapps：web的應(yīng)用程序，web應(yīng)用放置到此目錄下瀏覽器可以直接訪問(wèn)
  • work：編譯以后的class文件

  • 測(cè)試是否安裝成功

    1. 啟動(dòng)Tomcat：點(diǎn)擊 bin文件夾中的 startup.bat

      示意圖

    2. 在瀏覽器中輸入 http://localhost:8080/

    若彈出如下界面，則表示tomcat安裝成功 & 啟動(dòng)起來(lái)

    示意圖

  • 加載現(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://m.itdecent.cn/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開(kāi)發(fā)工具（Eclipse）

  • JSP的開(kāi)發(fā)工具主要有：eclipse 和 myeclipse
  1. myeclipse：集成大量插件、系統(tǒng)配置要求高，適合企業(yè)級(jí)開(kāi)發(fā)使用；（在大陸無(wú)法訪問(wèn)）
  2. eclipse：體積小，免安裝，可擴(kuò)展性強(qiáng)，適合個(gè)人開(kāi)發(fā)使用；

注：

  1. Eclipse官網(wǎng)加載速度很慢，自備梯子 可提高加載速度
  2. 安裝時(shí)，請(qǐng)選擇 適合JSP開(kāi)發(fā)的EE版本，如下圖
示意圖

至此，JSP開(kāi)發(fā)工具（Eclipse）的安裝 & 測(cè)試完成

步驟4：綁定 Web服務(wù)器（Tomcat） 與 JSP開(kāi)發(fā)工具（Eclipse）

1. 打開(kāi)已安裝的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è)試 & 開(kāi)發(fā)環(huán)境已經(jīng)搭建完畢。

3. JSP 開(kāi)發(fā)案例講解

下面，將講解 1個(gè)簡(jiǎn)單的JSP開(kāi)發(fā)案例

步驟1：創(chuàng)建 動(dòng)態(tài)網(wǎng)頁(yè)項(xiàng)目

打開(kāi) Eclipse -> 點(diǎn)擊File -> New -> Dynamic Web Project，輸入項(xiàng)目名稱(chēng) -> 點(diǎn)擊 finish

示意圖

步驟2： 創(chuàng)建 JSP文件

  • 展開(kāi)左側(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://m.itdecent.cn/u/383970bef0a0'>click go</a>"); %>
示意圖

步驟3： 執(zhí)行 JSP 文件

  • 點(diǎn)擊左上方按鈕即可運(yùn)行 JSP 文件

    執(zhí)行代碼

  • 成功運(yùn)行效果


    成功運(yùn)行效果

至此，1個(gè) 簡(jiǎn)單的JSP 開(kāi)發(fā)案例講解完畢。

5. 總結(jié)

  • 本文介紹了 JSP 及其 開(kāi)發(fā)環(huán)境的搭建
  • 下面我將繼續(xù)對(duì) JSP 中的知識(shí)進(jìn)行深入講解 ，有興趣可以繼續(xù)關(guān)注Carson_Ho的前端開(kāi)發(fā)筆記

歡迎關(guān)注Carson_Ho的簡(jiǎn)書(shū)！

不定期分享關(guān)于安卓開(kāi)發(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://m.itdecent.cn/p/5b022371de26

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書(shū)系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Boot 參考指南 介紹 轉(zhuǎn)載自:https://www.gitbook.com/book/qbgb...
    毛宇鵬閱讀 47,290評(píng)論 6贊 342
  • JSP技術(shù)的強(qiáng)勢(shì)： （1）一次編寫(xiě)，到處運(yùn)行。在這一點(diǎn)上Java比PHP更出色，除了系統(tǒng)之外，代碼不用做任何更改。...
    leftshine閱讀 2,347評(píng)論 1贊 8
  • 轉(zhuǎn)自陳明乾的博客，可能有一定更新。 轉(zhuǎn)原文聲明：原創(chuàng)作品，允許轉(zhuǎn)載，轉(zhuǎn)載時(shí)請(qǐng)務(wù)必以超鏈接形式標(biāo)明文章 原始出處 、...
    C86guli閱讀 4,885評(píng)論 6贊 72
  • 有時(shí)，不得不承認(rèn)，老一輩和我們真的存有代溝，代溝主要體現(xiàn)在思想上。思維模式和認(rèn)知的不同，看待問(wèn)題的角度也就不同。你...
    A馬小麗閱讀 429評(píng)論 0贊 0

友情鏈接更多精彩內(nèi)容