eclipse入門之創(chuàng)建第一個web程序(jsp測試環(huán)境)

1.首先我們打開eclipse
2.下面我們?nèi)clipse配置tomcat
a) 菜單欄選擇window--preferences
b) 在向?qū)б晥D中找到Server
c) 在Server點擊箭頭,子項里找到runtime
d)這是我們在向?qū)б晥D中選擇 Add按鈕添加tomecat
e) 選擇tomcat 后選擇next按鈕,然后選擇Browse按鈕配置安裝路徑
f) 配置好tomcat后我們開始啟動Servers
在Servers窗口中我們選擇No Servers are available. Click this link to create a new server...
這時我們選擇Tomcat v8.5 Server后選擇Next按鈕
因為暫時沒有創(chuàng)建國任何web項目,所以直接選擇Finish按鈕
配置成功后我們可以在Servers窗口看到Tomcat服務(wù)了
g) 雙擊Tomecat v8.5 Servers at localhost
修改Server Locations的默認配置:選擇Uset Tomcat installation (可以看到tomcat啟動頁)
h) 關(guān)閉配置頁面
i) 啟動tomcat
選擇Start
啟動成功后我們能看到下圖
j) 打開IE,地址欄填寫http://localhost:8080/
成功
3.創(chuàng)建web項目
a) 打開后在工具欄依次點擊【File】>>>【New】>>>【Dynamic Web Project】,這個就代表新建的項目是WEB項目
如果在NEW的選項中沒有找到Dynamic Web Project,選擇others,然后在Web選項中找到Dynamic Web Project,
b) 創(chuàng)建web工程
寫入項目名稱,點擊Next按鈕,
繼續(xù)選擇next按鈕
將Generate web.xml前面的復(fù)選按鈕鉤中后,點擊Finish完成
此時我們可以看到我們的web項目,并且?guī)в衱eb.xml
c) 新建index.jsp頁面
在項目上右鍵選擇New --> JSP File
在向?qū)б晥D中的File name文本框中寫入jsp頁面全稱:index.jsp
點擊Finish完成后我們看到了index.jsp頁面,編輯頁面body的內(nèi)容寫入Hello JSP
d) 部署web項目
在Servers窗口的Tomcat 8.5上,右鍵選擇Add and Remove
選中部署的項目選擇Add
選擇clean Module work directory
地址欄寫入:http://localhost:8080/demo0906/
相關(guān)文章
WebStorm如何調(diào)試Vue項目? webstorm配置vue開發(fā)環(huán)境指南
WebStorm 支持多種調(diào)試工具,包括瀏覽器的開發(fā)者工具,但本文主要講解的是使用 WebStorm 自帶的調(diào)試功能2025-04-15VSCode和webstorm怎么設(shè)置綠色護眼背景? 綠豆沙背景色的設(shè)置方法
護眼色一定程度能保護眼睛,緩解疲勞,VSCode和webstorm這兩款常用的軟件怎么設(shè)置護眼色呢?詳細請看下文介紹2025-04-15- WebStorm本身已經(jīng)足夠強大,但一些優(yōu)秀的插件能錦上添花,顯著提升開發(fā)效率,詳細請看下文介紹2025-04-15
如何安裝配置WebStorm? WebStorm安裝與使用全方位指南
WebStorm軟件在前端和后端開發(fā)領(lǐng)域都備受青睞,很多朋友不知道該怎么下載安裝,下面我們就來看看詳細的安裝配置教程2025-04-15Webstorm怎么配置? Webstorm入門之軟件配置教程
WebStorm是一款功能強大的集成開發(fā)環(huán)境(IDE),支持各種前端開發(fā)技術(shù),今天我們就來看看Webstorm的配置教程2025-04-15Webstorm怎么設(shè)置字體大小/背景顏色/背景圖片?
WebStorm 允許您自定義界面顏色,以創(chuàng)建更個性化和美觀的工作空間,今天我們就來看看Webstorm改變字體大小、背景顏色、設(shè)置背景圖片的方法2025-04-15- VScode上安裝PlatformIO插件能成功安裝,嘗試卸載VScode并刪除插件,這些錯誤仍然存在,下面我們就來看看這個問題的解決辦法2025-04-03
提升代碼搜索效率! VSCode里DeepSeek插件安裝與配置指南
今天我們將向大家介紹如何在Visual Studio Code中安裝并配置 DeepSeek 插件,幫助你更高效地進行代碼搜索2025-04-07- VSCode是一款免費且開源的代碼編輯器,因其強大的功能和良好的用戶體驗而廣受歡迎,本文將詳細介紹 VSCode 的基本使用方法,并通過插圖幫助你更好地理解2025-04-03
- 今天我們來聊聊如何安裝和配置VS Code,讓它成為你編程路上的得力助手,這個過程其實很簡單,只要跟著我的步驟走,你絕對能搞定2025-04-03