天天看點

Eclipse下JSP環境的搭建

目錄

*[一、資源準備](#1)

*[二、TOMCAT安裝及配置](#2)

*[三、本地伺服器的驗證](#3)

*[四、Eclipse的Web插件準備](#4)

*[五、TOMCAT關聯到Eclipse](#5)

*[六、編寫第一個JSP檔案](#6)

一、資源準備

1.前提是安裝好Eclipse

2.JAVA的jdk包下載下傳:https://www.oracle.com/java/technologies/javase-downloads.html

3.TOMCAT的下載下傳:http://tomcat.apache.org/download-70.cgi

 選擇對應的版本,在Core下選擇對應系統的壓縮包,解壓即可

Eclipse下JSP環境的搭建

!注意:jdk的版本要與TOMCAT版本适配,TOMCAT版本要大于等于jdk版本,如jdk1.8需要TOMCAT8.0及以上

二、jdk和TOMCAT環境變量配置

**TOMCAT**

1.複制TOMCAT檔案夾路徑 如:D:\apache-tomcat-8.5.51-windows-x64\apache-tomcat-8.5.51

2.在計算機 > 系統 > 進階系統設定 > 環境變量 中建立系統變量CATALINA_BASE、CATALINA_HOME、TOMCAT_HOME,值都為上面的TOMCAT檔案夾路徑

3.打開系統變量PATH,在其中加入%TOMCAT_HOME%\bin

**jdk**

4.建立系統變量JAVA_HOME,其值為jdk的路徑 如:C:\Java\jdk1.8.0_201

5.打開系統變量PATH,在其中加入%TOMCAT_HOME%\bin

三、本地伺服器的驗證

1.打開TOMCAT檔案夾下的bin目錄,輕按兩下startup.bat程式,彈出dos界面,表示本地的伺服器已經搭建,試用期間都不要關閉

Eclipse下JSP環境的搭建

2.接着在浏覽器中輸入http://localhost:8080/,将彈出如下界面

Eclipse下JSP環境的搭建

  大成功!說明TOMCAT已經完全部署好了!

四、Eclipse的Web插件準備

首先檢查一下是否安裝了jsp的插件:

 啟動Eclipse > File > New > Project 查找是否有Dynamic Web Project選項,有的話跳過這一步。

沒有就繼續咯

1.Help > About 檢視自己的版本号,這裡是4.10.0

Eclipse下JSP環境的搭建

2.安裝需要的插件Help > Install New Software > Work with的下拉框中選擇含對應的版本号的網站,可能有好幾個,都找一找

 在下方加載的選項中 打開 WEB,XML,JAVA EE AND OSGi Enterprise Development 勾選下面這些,缺什麼補什麼

 -Eclipse Java EE Developer Tools

 -Eclipse Java Web Developer Tools

 -Eclipse Web Developer Tools

 -Eclipse XML Editors and Tools

 -JST Server Adapters

 -JST Server Adapters Extentions

3.安裝後重新開機Eclipse,此時就可以找到Dynamic Web Project

五、TOMCAT關聯到Eclipse

1.Eclipse > Window > preferences > Server > Runtime Enviroments

2.點選Add 選擇對應版本的apache和路徑,Finish即完成 下面是盜圖

Eclipse下JSP環境的搭建
Eclipse下JSP環境的搭建

3.Eclipse > Window > Show View > Servers 點選建立Server,選擇對應的版本,兩個name自己起,Finish

Eclipse下JSP環境的搭建

六、編寫第一個JSP檔案

1.Eclipse > Window > Web Browser 選擇用來打開的浏覽器

2.建立一個Dynamic Web Project,在WebContent目錄下New > JSP File

atest.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
我真是機智啊
</body>
</html>
           

3.atest.jsp > Run As > Run on Server

!如果出現亂碼檢查一下編碼問題

!在啟動之前注意關閉startup.bat

【引用】

 使用eclipse 開發 java web項目

 如何解決eclipse沒有Dynamic Web Project問題

 eclipse下JSP環境的配置