基于IDEA部署Tomcat服务器的步骤详解

 更新时间:2021年4月15日 15:02  点击:2225

简介

​ 基于IDEA部署Tomcat服务器,并在上面创建第一个servlet程序,实现前后端交互。然后做一个简单的四则运算计算器。

​ 本程序基于2021年最新版IDEA,解决的与老版本配置不同问题

idea2021 最新 jihuo 教程(无线重制使用)

步骤一

安装Tomcat(前提已经安装好JDK)

​ 1、Tomcat是免费的服务器,直接在官网下载即可

​ 2、压缩包下载好后直接将其解压到指定路径下

​ 3、在安装路径下有一个bin文件夹,在里面找到startup.bat文件,双击运行,之后出现以下运行结果

在这里插入图片描述

4、在浏览器中输入网址http://localhost:8080,出现以下界面表示Tomcat服务器已经成功部署

在这里插入图片描述

步骤二 在idea上创建一个动态web项目

​在旧版本中,IDEA创建项目中直接有一个JAVA Enterprice,但是最新版中没有这个选项。

在这里插入图片描述

所以我们用以下方法解决:

1、先创建一个普通的Java工程

在这里插入图片描述

2、右键工程,选择 Add Framework Support…

在这里插入图片描述

3、在打开的窗口中勾选Web Application(4.0),然后点击OK,此时IDEA就会自动生成javaweb目录结构和所需的资源

在这里插入图片描述

(注:这是我已经写好并运行过一次之后的目录结构。第一次生成的目录结构只有.idea、src、web以及下面的iml文件)

到这里基于IDEA的javaweb项目就已成功创建

步骤三 将Tomcat服务器部署到javaweb项目中

1、首先我们在web/WEB_INF 目录下创建两个文件夹,并命名为classes和lib

​ classes用来存放编译后输出的class文件,lib用于存放第三方jar包

在这里插入图片描述

2、配置文件路径

File -> Project Structure,打开以下窗口。然后选择Modules-- Paths – 勾选“Use module compile out path” ,并将Outputpath 和Test output path 都设置为刚刚创建的classes文件夹
在这里插入图片描述

3、在当前窗口继续选择Dependencies – 将Module SDK选择为1.6,然后点击右边的 + 号 – 选择 “1 JARS or directories …”

在这里插入图片描述

4、在打开的窗口中把路径选择到刚刚创建的lib文件夹,然后点击OK

在这里插入图片描述

5、在出现的窗口中选择Jar Directory – OK

在这里插入图片描述

6、然后在最外层 Project Structure窗口选择Apply–OK

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

在这里插入图片描述

8、点击+号,选择Tomcat Server” – “Local”

在这里插入图片描述

9、然后在Name处输入你想自定义的服务器名,点击 “Application Server” 后面的 “Configure…”,弹出Application Servers窗口,在Tomcat Home 后面的文本框选择本地安装tomcat的目录 – OK

在这里插入图片描述
在这里插入图片描述

10、在"Run/Debug Configurations"窗口中Name一栏输入服务器的名字,在“Server”面板中,勾选取消“After Launch”,设置“HTTP port”和“JMX port”(默认值8080即可),点击Apply -> OK

在这里插入图片描述

到这里tomcat就配置完毕了,左边列表中tomcat图标上显示的小红叉是未部署项目的提示,部署项目后小红叉就会消失

步骤四 Tomcat上的相关部署

1、创建好Tomcat后,就可以通过工具栏快速打开tomcat的配置页面

在这里插入图片描述

2、选择Deployment --点击右边的“ + ”号 – 选择 Artifact–然后选择web项目 – Application Context中根据需要任意填写(也可以不填) – Apply

在这里插入图片描述

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

​ 注:这两个选项需要tomcat成功配置了项目后才有

在这里插入图片描述

到此tomcat的配置也就完成了

步骤五 编写简单的四则运算计算器程序,实现前后端交互

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程序,实现后端的简单四则运算处理(附上代码)

在这里插入图片描述

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("------已进入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、编写web.xml文件,把中间servlet的连接搭出来

在这里插入图片描述
在这里插入图片描述

<web-app 框架是已经有的,仿照上图将中间内容写好即可

步骤六 运行代码,查看结果

点击运行,然后再index.jsp页面选择浏览器打开页面

在这里插入图片描述

运行结果如下

在这里插入图片描述

测试

在第一个输入框中输入第一个运算数,第二个框中输入四则运算符(+、-、*、/),第三个框中输入第二个运算数,点击Go,返回运算结果

如:
在这里插入图片描述

在这里插入图片描述

程序成功!

到此这篇关于基于IDEA部署Tomcat服务器的步骤详解的文章就介绍到这了,更多相关idea部署Tomcat服务器内容请搜索猪先飞以前的文章或继续浏览下面的相关文章希望大家以后多多支持猪先飞!

[!--infotagslink--]

相关文章

  • IntelliJ IDEA2021.1 配置大全(超详细教程)

    这篇文章主要介绍了IntelliJ IDEA2021.1 配置大全(超详细教程),需要的朋友可以参考下...2021-04-18
  • 解决IDEA 左侧Project中没有out文件夹的问题

    这篇文章主要介绍了解决IDEA 左侧Project中没有out文件夹的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-02-08
  • Tomcat配置及如何在Eclipse中启动

    这篇文章主要介绍了Tomcat配置及如何在Eclipse中启动,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2021-02-04
  • idea 修改项目名和module名称的操作

    这篇文章主要介绍了idea 修改项目名和module名称的操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-02-13
  • 关于idea一直卡在build不动的解决方案

    这篇文章主要介绍了idea一直卡在build不动的解决方案,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2020-10-21
  • Intellij IDEA连接Navicat数据库的方法

    这篇文章主要介绍了Intellij IDEA连接Navicat数据库的方法,本文通过图文并茂的形式给大家介绍的非常详细,对大家的学习或工作具有一定的参考借价值,需要的朋友可以参考下...2021-03-25
  • idea 访问html页面端口号显示的是63342而不是8080

    这篇文章主要介绍了idea 访问html页面端口号显示的是63342而不是8080,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-08-11
  • 解决IDEA占用C盘空间过大的问题

    这篇文章主要介绍了解决IDEA占用C盘空间过大的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-02-22
  • intelliJ IDEA 多行选中相同内容的快捷键分享

    这篇文章主要介绍了intelliJ IDEA 多行选中相同内容的快捷键分享,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-02-06
  • intellij idea快速查看当前类中的所有方法(推荐)

    这篇文章主要介绍了intellij idea快速查看当前类中的所有方法,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2020-09-02
  • 解决idea2020 maven无法自动导包的问题

    这篇文章主要介绍了解决idea2020 maven无法自动导包的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-02-13
  • 解决IDEA maven 项目修改代码不生效,mvn clean、install后才生效

    这篇文章主要介绍了解决IDEA maven 项目修改代码不生效,mvn clean、install后才生效的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-09-25
  • IDEA中的clean,清除项目缓存图文教程

    这篇文章主要介绍了IDEA中的clean,清除项目缓存图文教程,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-09-25
  • idea 打包maven项目忽略test文件的操作

    这篇文章主要介绍了idea 打包maven项目忽略test文件的操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-02-05
  • 解决IDEA插件市场Plugins无法加载的问题

    这篇文章主要介绍了解决IDEA插件市场Plugins无法加载的问题,本文通过图文并茂的形式给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2020-10-21
  • IDEA 2021.2 激活教程及启动报错问题解决方法

    这篇文章主要介绍了IDEA 2021.2 启动报错及激活教程,文章开头给大家介绍了idea2021最新激活方法,关于idea2021启动报错的问题小编也给大家介绍的非常详细,需要的朋友可以参考下...2021-10-15
  • 分享一段php获取linux服务器状态的代码

    简单的php获取linux服务器状态的代码,不多说-直接上函数:复制代码 代码如下:function get_used_status(){ $fp = popen('top -b -n 2 | grep -E "^(Cpu|Mem|Tasks)"',"r");//获取某一时刻系统cpu和内存使用情况 $rs =...2014-05-31
  • IDEA如何添加配置文件到classpath中

    这篇文章主要介绍了IDEA如何添加配置文件到classpath中,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-09-19
  • Springboot+TCP监听服务器搭建过程图解

    这篇文章主要介绍了Springboot+TCP监听服务器搭建过程,本文通过图文并茂的形式给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2020-10-28
  • 解决idea check out 切换分支时找不到需要的分支问题

    这篇文章主要介绍了解决idea check out 切换分支时找不到需要的分支问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-02-09