17站長網(wǎng) › 首頁 ›網(wǎng)站› 服務(wù)器 › 查看內(nèi)容

詳解基于IDEA部署Tomcat服務(wù)器的步驟

2022-12-4 12:22| 查看: 2440 |來源: 互聯(lián)網(wǎng)

大家好，現(xiàn)在小編來為大家解答以上問題。詳解基于IDEA部署Tomcat服務(wù)器的步驟相信很多人還不知道，現(xiàn)在讓我們一起來看看吧！基于IDEA部署Tomcat服務(wù)器，并在上面創(chuàng)建第一個servlet程序，實(shí)現(xiàn)前后端交互。然后做一

大家好，現(xiàn)在小編來為大家解答以上問題。詳解基于IDEA部署Tomcat服務(wù)器的步驟相信很多人還不知道，現(xiàn)在讓我們一起來看看吧！

基于IDEA部署Tomcat服務(wù)器，并在上面創(chuàng)建第一個servlet程序，實(shí)現(xiàn)前后端交互。然后做一個簡單的四則運(yùn)算計算器。

本程序基于2021年最新版IDEA，解決的與老版本配置不同問題

idea2021 最新 jihuo 教程(無線重制使用)

步驟一

安裝Tomcat（前提已經(jīng)安裝好JDK)

1、Tomcat是免費(fèi)的服務(wù)器，直接在官網(wǎng)下載即可

2、壓縮包下載好后直接將其解壓到指定路徑下

3、在安裝路徑下有一個bin文件夾，在里面找到startup.bat文件，雙擊運(yùn)行，之后出現(xiàn)以下運(yùn)行結(jié)果

在這里插入圖片描述

4、在瀏覽器中輸入網(wǎng)址http://localhost:8080，出現(xiàn)以下界面表示Tomcat服務(wù)器已經(jīng)成功部署

在這里插入圖片描述

步驟二在idea上創(chuàng)建一個動態(tài)web項(xiàng)目

在舊版本中，IDEA創(chuàng)建項(xiàng)目中直接有一個JAVA Enterprice，但是最新版中沒有這個選項(xiàng)。

在這里插入圖片描述

所以我們用以下方法解決：

1、先創(chuàng)建一個普通的Java工程

在這里插入圖片描述

2、右鍵工程，選擇 Add Framework Support…

在這里插入圖片描述

3、在打開的窗口中勾選Web Application（4.0)，然后點(diǎn)擊OK，此時IDEA就會自動生成javaweb目錄結(jié)構(gòu)和所需的資源

在這里插入圖片描述

（注：這是我已經(jīng)寫好并運(yùn)行過一次之后的目錄結(jié)構(gòu)。第一次生成的目錄結(jié)構(gòu)只有.idea、src、web以及下面的iml文件）

到這里基于IDEA的javaweb項(xiàng)目就已成功創(chuàng)建

步驟三將Tomcat服務(wù)器部署到j(luò)avaweb項(xiàng)目中

1、首先我們在web/WEB_INF 目錄下創(chuàng)建兩個文件夾，并命名為classes和lib

classes用來存放編譯后輸出的class文件，lib用于存放第三方j(luò)ar包

在這里插入圖片描述

2、配置文件路徑

File -> Project Structure，打開以下窗口。然后選擇Modules-- Paths – 勾選“Use module compile out path” ，并將Outputpath 和Test output path 都設(shè)置為剛剛創(chuàng)建的classes文件夾

在這里插入圖片描述

3、在當(dāng)前窗口繼續(xù)選擇Dependencies – 將Module SDK選擇為1.6，然后點(diǎn)擊右邊的 + 號 – 選擇 “1 JARS or directories …”

在這里插入圖片描述

4、在打開的窗口中把路徑選擇到剛剛創(chuàng)建的lib文件夾，然后點(diǎn)擊OK

在這里插入圖片描述

5、在出現(xiàn)的窗口中選擇Jar Directory – OK

在這里插入圖片描述

6、然后在最外層 Project Structure窗口選擇Apply–OK

7、然后我們正式開始配置tomcat容器。首先打開菜單Run -> Edit Configurations…

在這里插入圖片描述

8、點(diǎn)擊+號，選擇Tomcat Server” – “Local”

在這里插入圖片描述

9、然后在Name處輸入你想自定義的服務(wù)器名，點(diǎn)擊 “Application Server” 后面的 “Configure…”，彈出Application Servers窗口，在Tomcat Home 后面的文本框選擇本地安裝tomcat的目錄 – OK

在這里插入圖片描述

10、在"Run/Debug Configurations"窗口中Name一欄輸入服務(wù)器的名字，在“Server”面板中，勾選取消“After Launch”，設(shè)置“HTTP port”和“JMX port”（默認(rèn)值8080即可），點(diǎn)擊Apply -> OK

在這里插入圖片描述

到這里tomcat就配置完畢了，左邊列表中tomcat圖標(biāo)上顯示的小紅叉是未部署項(xiàng)目的提示，部署項(xiàng)目后小紅叉就會消失

步驟四 Tomcat上的相關(guān)部署

1、創(chuàng)建好Tomcat后，就可以通過工具欄快速打開tomcat的配置頁面

在這里插入圖片描述

2、選擇Deployment --點(diǎn)擊右邊的“ + ”號 – 選擇 Artifact–然后選擇web項(xiàng)目 – Application Context中根據(jù)需要任意填寫（也可以不填) – Apply

在這里插入圖片描述

3、在server面板中將On ‘update' action和On frame deactivation的值改為update classes and resources – Apply

注：這兩個選項(xiàng)需要tomcat成功配置了項(xiàng)目后才有

在這里插入圖片描述

到此tomcat的配置也就完成了

步驟五編寫簡單的四則運(yùn)算計算器程序，實(shí)現(xiàn)前后端交互

1、編寫index.jsp文件，寫出前端頁面（這里附上我的代碼）

在這里插入圖片描述

      My First Page      I can do a arithmetic.

2、編寫后端java程序，實(shí)現(xiàn)后端的簡單四則運(yùn)算處理（附上代碼）

在這里插入圖片描述

package com.mycalc.servlet;import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;import java.io.IOException;/** * @author Milo * @creat 2021-04-09 8:27 * @function * @versions */@WebServlet("/login")public class Calc extends HttpServlet{    int firstNum;    char operation;    int secondNum;    String submit;    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {        System.out.println("------已進(jìn)入Get程序-------");        resp.setContentType("text/html;charset = utf-8");        req.setCharacterEncoding("utf-8");        this.firstNum = Integer.parseInt(req.getParameter("firstNum"));        this.operation = (req.getParameter("operation")).charAt(0);        this.secondNum = Integer.parseInt(req.getParameter("secondNum"));        this.submit = req.getParameter("submit");        resp.getWriter().write("計算結(jié)果為："+this.arithmetic());    }    protected int arithmetic(){        int opResult = 0;        if (this.operation == '+') {            opResult = this.firstNum + this.secondNum;            System.out.println(opResult);        }        else if(this.operation == '-'){            opResult = this.firstNum-this.secondNum;            System.out.println(opResult);        }        else if(this.operation == '*') {            opResult = this.firstNum*this.secondNum;            System.out.println(opResult);        }        else if(this.operation == '/'){            opResult = this.firstNum/this.secondNum;            System.out.println(opResult);        }        return opResult;    }

3、編寫web.xml文件，把中間servlet的連接搭出來

在這里插入圖片描述

步驟六運(yùn)行代碼，查看結(jié)果

點(diǎn)擊運(yùn)行，然后再index.jsp頁面選擇瀏覽器打開頁面

在這里插入圖片描述

運(yùn)行結(jié)果如下

在這里插入圖片描述

測試

在第一個輸入框中輸入第一個運(yùn)算數(shù)，第二個中輸入四則運(yùn)算符（+、-、*、/），第三個框中輸入第二個運(yùn)算數(shù)，點(diǎn)擊Go，返回運(yùn)算結(jié)果

如：
在這里插入圖片描述

在這里插入圖片描述

程序成功！

以上詳解基于IDEA部署Tomcat服務(wù)器的步驟就是小編為大家收集整理的全部內(nèi)容了，希望對大家有所幫助。如果您喜歡這篇文章，可以收藏或分享給您的小伙伴們吧！歡迎持續(xù)關(guān)注我們的后續(xù)更新。

本文最后更新于 2022-12-4 12:22，某些文章具有時效性，若有錯誤或已失效，請在網(wǎng)站留言或聯(lián)系站長：17tui@17tui.com

·END·

站長網(wǎng)微信號：w17tui，關(guān)注站長、創(chuàng)業(yè)、關(guān)注互聯(lián)網(wǎng)人 - 互聯(lián)網(wǎng)創(chuàng)業(yè)者營銷服務(wù)中心

免責(zé)聲明：本站部分文章和圖片均來自用戶投稿和網(wǎng)絡(luò)收集，旨在傳播知識，文章和圖片版權(quán)歸原作者及原出處所有，僅供學(xué)習(xí)與參考，請勿用于商業(yè)用途，如果損害了您的權(quán)利，請聯(lián)系我們及時修正或刪除。謝謝！

下一篇：startup.bat啟動Tomcat閃退問題原因及解決上一篇：tomcat正常啟動但網(wǎng)頁卻無法訪問的幾種解決方法

17站長網(wǎng)微信二維碼

始終以前瞻性的眼光聚焦站長、創(chuàng)業(yè)、互聯(lián)網(wǎng)等領(lǐng)域，為您提供最新最全的互聯(lián)網(wǎng)資訊，幫助站長轉(zhuǎn)型升級，為互聯(lián)網(wǎng)創(chuàng)業(yè)者提供更加優(yōu)質(zhì)的創(chuàng)業(yè)信息和品牌營銷服務(wù)，與站長一起進(jìn)步！讓互聯(lián)網(wǎng)創(chuàng)業(yè)者不再孤獨(dú)！

掃一掃，關(guān)注站長網(wǎng)微信

亚洲国产精品人久久,亚洲va国产日韩欧美精品色婷婷,久久久久88色偷偷,免费人成黄页在线观看国际

詳解基于IDEA部署Tomcat服務(wù)器的步驟

步驟一

步驟二在idea上創(chuàng)建一個動態(tài)web項(xiàng)目

步驟三將Tomcat服務(wù)器部署到j(luò)avaweb項(xiàng)目中

步驟四 Tomcat上的相關(guān)部署

步驟五編寫簡單的四則運(yùn)算計算器程序，實(shí)現(xiàn)前后端交互

I can do a arithmetic.

步驟六運(yùn)行代碼，查看結(jié)果

大家都在看

相關(guān)分類

熱門排行

最近更新

亚洲国产精品人久久,亚洲va国产日韩欧美精品色婷婷,久久久久88色偷偷,免费人成黄页在线观看国际

詳解基于IDEA部署Tomcat服務(wù)器的步驟

步驟一

步驟二 在idea上創(chuàng)建一個動態(tài)web項(xiàng)目

步驟三 將Tomcat服務(wù)器部署到j(luò)avaweb項(xiàng)目中

步驟四 Tomcat上的相關(guān)部署

步驟五 編寫簡單的四則運(yùn)算計算器程序，實(shí)現(xiàn)前后端交互

I can do a arithmetic.

步驟六 運(yùn)行代碼，查看結(jié)果

大家都在看

相關(guān)分類

熱門排行

最近更新

步驟二在idea上創(chuàng)建一個動態(tài)web項(xiàng)目

步驟三將Tomcat服務(wù)器部署到j(luò)avaweb項(xiàng)目中

步驟五編寫簡單的四則運(yùn)算計算器程序，實(shí)現(xiàn)前后端交互

步驟六運(yùn)行代碼，查看結(jié)果