最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

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

 更新時(shí)間:2021年04月15日 11:45:58   作者:Milo_Luom  
這篇文章主要介紹了基于IDEA部署Tomcat服務(wù)器,并在上面創(chuàng)建第一個(gè)servlet程序,實(shí)現(xiàn)前后端交互,然后做一個(gè)簡單的四則運(yùn)算計(jì)算器,需要的朋友可以參考下

簡介

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

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

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

步驟一

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

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

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

​ 3、在安裝路徑下有一個(gè)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)建一個(gè)動(dòng)態(tài)web項(xiàng)目

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

在這里插入圖片描述

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

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

在這里插入圖片描述

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

在這里插入圖片描述

3、在打開的窗口中勾選Web Application(4.0),然后點(diǎn)擊OK,此時(shí)IDEA就會(huì)自動(dòng)生成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)建兩個(gè)文件夾,并命名為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)擊右邊的 + 號(hào) – 選擇 “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)擊+號(hào),選擇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)目后小紅叉就會(huì)消失

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

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

在這里插入圖片描述

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

在這里插入圖片描述

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

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

在這里插入圖片描述

到此tomcat的配置也就完成了

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

1、編寫index.jsp文件,寫出前端頁面(這里附上我的代碼)

在這里插入圖片描述

<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、編寫后端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("計(jì)算結(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的連接搭出來

在這里插入圖片描述
在這里插入圖片描述

<web-app 框架是已經(jīng)有的,仿照上圖將中間內(nèi)容寫好即可

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

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

在這里插入圖片描述

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

在這里插入圖片描述

測試

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

如:
在這里插入圖片描述

在這里插入圖片描述

程序成功!

到此這篇關(guān)于基于IDEA部署Tomcat服務(wù)器的步驟詳解的文章就介紹到這了,更多相關(guān)idea部署Tomcat服務(wù)器內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

最新評論

尉氏县| 民勤县| 定州市| 云南省| 平邑县| 张北县| 奉新县| 德保县| 海原县| 怀安县| 黑龙江省| 泸定县| 凤山市| 通化县| 铅山县| 衡南县| 牟定县| 韩城市| 西吉县| 察隅县| 沛县| 滨海县| 友谊县| 夏津县| 措勤县| 盈江县| 林周县| 荣昌县| 新化县| 文登市| 临澧县| 噶尔县| 名山县| 济阳县| 彩票| 红河县| 寿光市| 大连市| 巩留县| 竹溪县| 常山县|