基于IDEA部署Tomcat服務(wù)器，并在上面創(chuàng )建第一個(gè)servlet程序，實(shí)現前后端交互。然后做一個(gè)簡(jiǎn)單的四則運算計算器。
本程序基于2021年最新版IDEA，解決的與老版本配置不同問(wèn)題
安裝Tomcat（前提已經(jīng)安裝好JDK)
1、Tomcat是免費的服務(wù)器，直接在官網(wǎng)下載即可
2、壓縮包下載好后直接將其解壓到指定路徑下
3、在安裝路徑下有一個(gè)bin文件夾，在里面找到startup.bat文件，雙擊運行，之后出現以下運行結果
4、在瀏覽器中輸入網(wǎng)址http://localhost:8080，出現以下界面表示Tomcat服務(wù)器已經(jīng)成功部署
在舊版本中，IDEA創(chuàng )建項目中直接有一個(gè)JAVA Enterprice，但是最新版中沒(méi)有這個(gè)選項。
所以我們用以下方法解決：
1、先創(chuàng )建一個(gè)普通的Java工程
2、右鍵工程，選擇 Add Framework Support…
3、在打開(kāi)的窗口中勾選Web Application（4.0)，然后點(diǎn)擊OK，此時(shí)IDEA就會(huì )自動(dòng)生成javaweb目錄結構和所需的資源
（注：這是我已經(jīng)寫(xiě)好并運行過(guò)一次之后的目錄結構。第一次生成的目錄結構只有.idea、src、web以及下面的iml文件）
到這里基于IDEA的javaweb項目就已成功創(chuàng )建
1、首先我們在web/WEB_INF 目錄下創(chuàng )建兩個(gè)文件夾，并命名為classes和lib
classes用來(lái)存放編譯后輸出的class文件，lib用于存放第三方j(luò )ar包
2、配置文件路徑
File -> Project Structure，打開(kāi)以下窗口。然后選擇Modules-- Paths – 勾選“Use module compile out path” ，并將Outputpath 和Test output path 都設置為剛剛創(chuàng )建的classes文件夾
3、在當前窗口繼續選擇Dependencies – 將Module SDK選擇為1.6，然后點(diǎn)擊右邊的 + 號 – 選擇 “1 JARS or directories …”
4、在打開(kāi)的窗口中把路徑選擇到剛剛創(chuàng )建的lib文件夾，然后點(diǎn)擊OK
5、在出現的窗口中選擇Jar Directory – OK
6、然后在最外層 Project Structure窗口選擇Apply–OK
7、然后我們正式開(kāi)始配置tomcat容器。首先打開(kāi)菜單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”，設置“HTTP port”和“JMX port”（默認值8080即可），點(diǎn)擊Apply -> OK
到這里tomcat就配置完畢了，左邊列表中tomcat圖標上顯示的小紅叉是未部署項目的提示，部署項目后小紅叉就會(huì )消失
1、創(chuàng )建好Tomcat后，就可以通過(guò)工具欄快速打開(kāi)tomcat的配置頁(yè)面
2、選擇Deployment --點(diǎn)擊右邊的“ + ”號 – 選擇 Artifact–然后選擇web項目 – Application Context中根據需要任意填寫(xiě)（也可以不填) – Apply
3、在server面板中將On ‘update' action和On frame deactivation的值改為update classes and resources – Apply
注：這兩個(gè)選項需要tomcat成功配置了項目后才有
到此tomcat的配置也就完成了
1、編寫(xiě)index.jsp文件，寫(xiě)出前端頁(yè)面（這里附上我的代碼）
<html> <head> <title>My First Page</title> </head> <body> <h3>I can do a arithmetic.</h3> <div class="_from"> <form action="login" method="get"> <input type="text" name="firstNum" class="firstNum" placeholder="The First Number"> <input typr="text" name="operation" class="operation" placeholder="Arithmetic"> <input type="text" name="secondNum" placeholder="The Second Number"> <input type="submit" name="submit" value="Go"> </form> </div> </body></html>2、編寫(xiě)后端java程序，實(shí)現后端的簡(jiǎ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("計算結果為："+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、編寫(xiě)web.xml文件，把中間servlet的連接搭出來(lái)
<web-app 框架是已經(jīng)有的，仿照上圖將中間內容寫(xiě)好即可
點(diǎn)擊運行，然后再index.jsp頁(yè)面選擇瀏覽器打開(kāi)頁(yè)面
運行結果如下
測試
在第一個(gè)輸入框中輸入第一個(gè)運算數，第二個(gè)框中輸入四則運算符（+、-、*、/），第三個(gè)框中輸入第二個(gè)運算數，點(diǎn)擊Go，返回運算結果
如：
程序成功！
到此這篇關(guān)于基于IDEA部署Tomcat服務(wù)器的步驟詳解的文章就介紹到這了,更多相關(guān)idea部署Tomcat服務(wù)器內容請搜索腳本之家以前的文章或繼續瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
免責聲明：本站發(fā)布的內容（圖片、視頻和文字）以原創(chuàng )、來(lái)自本網(wǎng)站內容采集于網(wǎng)絡(luò )互聯(lián)網(wǎng)轉載等其它媒體和分享為主，內容觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如侵犯了原作者的版權，請告知一經(jīng)查實(shí)，將立刻刪除涉嫌侵權內容，聯(lián)系我們QQ:712375056，同時(shí)歡迎投稿傳遞力量。
Copyright ? 2009-2022 56dr.com. All Rights Reserved. 特網(wǎng)科技 特網(wǎng)云 版權所有 特網(wǎng)科技 粵ICP備16109289號
域名注冊服務(wù)機構:阿里云計算有限公司（萬(wàn)網(wǎng)） 域名服務(wù)機構：煙臺帝思普網(wǎng)絡(luò )科技有限公司（DNSPod） CDN服務(wù)：阿里云計算有限公司 百度云 中國互聯(lián)網(wǎng)舉報中心 增值電信業(yè)務(wù)經(jīng)營(yíng)許可證B2
建議您使用Chrome、Firefox、Edge、IE10及以上版本和360等主流瀏覽器瀏覽本網(wǎng)站
