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

2024-10-02 08:18:48

简介

基于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服务器内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

IDEA 2020 配置Tomcat服务器的详细步骤

IDEA 2020 配置Tomcat的步骤如下所示: 第一步下载Tomcat 官网链接:http://tomcat.apache.org/ 选择download,找到自己所要的版本,下载对应版本的Tomcat. 跟我之前的文章一样,我依旧推荐下载免安装的压缩包. 有zip和exe两种格式的,zip(64-bit Windows zip(pgp,md5,sha1))是免安装版的,exe(32-bit/64-bit Windows Service installer(pgp,md5,sha1))是
Intellij idea下使用不同tomcat编译maven项目的服务器路径方法详解

问题出现原因: 使用自己下载的tomcat运行maven项目,其中有图片上传模块,图片全部上传到target目录下的工程文件里.结果使用maven的clean插件时,图片全部被删除. 目录如下: 为了解决这个问题,想了如下几种方法: 更改output directory目录 Tomcat 增加虚拟目录.但Intellij idea里的工程运行的是 catalina.sh run 命令,工程外的文件路径访问不到在第2种方法的基础上,同时运行Tomcat/bin/startup.sh脚本,但比较麻
idea发布web项目后Tomcat服务器找不到该项目的问题及解决方法

概述项目创建成功,项目部署也成功了,但Tomcat服务器找不到该项目,如下图第二种情况:当你修改了项目的名字,你也需要按照第一种情况重新部署项目. 项目发布失败,可以去该项目的编译输出路径out下查看Artifacts目录下看看是否有该项目左击file,找到project Setting,左击Artifacts,点加号,点Web Application:Exploded ,再点From Modules- ,选择要选的项目,点击ok! 当上述步骤完成后,再去重新部署项目到此这篇关于idea
IDEA部署JavaWeb项目到Tomcat服务器的方法

IDEA创建一个传统JAVA WEB项目(不使用maven构建) 方法一 File --> NEW --> Project --> Java (勾选Web Application) 方法二 File --> NEW --> Project --> Java Enterprise(勾选Web Application) IDEA部署JAVA WEB项目 IDEA 并非把项目放到 tomcat 的 webapp目录中,而项目还是在源项目目录中,IDEA采用了一种无入侵Tomc
为eclipse和IDEA配置tomcat服务器的方法

tomcat服务器配置当大家学习web的时候,会为自己的工具配置tomcat服务器,但好多博友初学者对于tomcat服务器的配置会有很多疑问,比如感觉其他人的电脑配置都那么轻松,一下子就配置成功了,可是每每到自己就出现这样那样的问题,一度怀疑自己的电脑是假的,那是因为你对于有些东西还不太熟悉,才会导致这样那样的错误.以下我就为大家仔细讲解一下常用的IDEA,eclipse工具进行tomcat配置. 一.下载tomcat服务器去官网下载tomcat,网址如下:http://tomcat.apa
IDEA 配置Tomcat服务器和发布web项目的图文教程

1.创建好web项目之后,现在需要配置服务器,以Tomcat为例 2.选择Run-Edit Configurations 3.点击右上角 + 号,选择2处展开剩下选项 4.找到Tomcat Server,然后选择Local Server 5.设置Tomcat服务器显示名,选择Configure 6.选择Tomcat在磁盘中的安装位置 7.确认之后会自动识别出Tomcat服务器 8.确定之后会自动识别出访问路径和端口 9.选择部署选项,然后点击右边的 + ,弹出的项目中选择Artfact 10.在
基于IDEA部署Tomcat服务器的步骤详解

简介基于IDEA部署Tomcat服务器,并在上面创建第一个servlet程序,实现前后端交互.然后做一个简单的四则运算计算器. 本程序基于2021年最新版IDEA,解决的与老版本配置不同问题 idea2021 最新 jihuo 教程(无线重制使用) 步骤一安装Tomcat(前提已经安装好JDK) 1.Tomcat是免费的服务器,直接在官网下载即可 2.压缩包下载好后直接将其解压到指定路径下 3.在安装路径下有一个bin文件夹,在里面找到startup.bat文件,双击运行
JavaWeb项目部署到服务器详细步骤详解

JavaWeb项目部署到服务器详细步骤本地准备在eclipse中将项目打成war文件:鼠标右键要部署到服务器上的项目导出项目数据库文件 MySql导出数据库文件方法:利用Navicat for MySQL.鼠标右键要导出的数据库,选择转出SQL文件即可 Oracle导出数据库文件:利用PLSQL Developer即可服务器准备基本的jdk安装,服务器(比如tomcat)还有数据库的安装都必不可少将项目的war文件复制到tomcat的wepapps文件夹下即可创建和代码中数据库连接
Vue项目webpack打包部署到服务器的实例详解

Vue项目webpack打包部署到服务器这篇博文主要说的就是我今天遇到的问题,而且在经过我的询问,好多人在打包部署的时候都遇到了一些问题,下面就来说下,如何将Vue项目放置在服务器上,这里以Tomcat为例. 必须要配置的就是/config/index.js 在vue-cli webpack的模板下的/config/index.js,我们可以看到assetsPublicPath这个键,并且这个东西还出现了两次,我第一次打包的时候,只是修改了最下面的assetsPublicPath,将它从'/'
Nginx+Uwsgi+Django 项目部署到服务器的思路详解

首先先说一下思路: 1.本地django项目打包主要用到的是 python自带的distutils.core 下的 setup,具体代码在下面,主要讲的两个问题是package主要打包为和目录同级的代码,例如:TCMS如果还有一个子文件夹,那就不能自动打包了.这个时候需要用到data_files.glob(*filename)文件名模式匹配,不用遍历整个目录判断每个文件是不是符合. from distutils.core import setup import glob setup( name
CentOS下搭建SVN服务器的步骤详解

本文实例讲述了CentOS下搭建SVN服务器的步骤.分享给大家供大家参考,具体如下: 1.安装svn yum install -y subversion 2.验证安装是否成功 svnserve --version 3.创建svn版本库 mkdir svn svnadmin create svn/repo 注:这里的repo是版本库名称 4.配置svn 创建版本库后,在这个版本库的conf目录下会生成3个配置文件: [root@singledb conf]# pwd /root/svn/repo/
CentOS 7 搭建ntp时钟服务器的步骤详解

前言 NTP 网络时间协议用来同步网络上不同主机的系统时间.你管理的所有主机都可以和一个指定的被称为 NTP 服务器的时间服务器同步它们的时间.而另一方面,一个 NTP 服务器会将它的时间和任意公共 NTP 服务器,或者你选定的服务器同步.由 NTP 管理的所有系统时钟都会同步精确到毫秒级. 在公司环境中,如果他们不想为 NTP 传输打开防火墙,就有必要设置一个内部 NTP 服务器,然后让员工使用内部服务器而不是公共 NTP 服务器.在这篇文章中,我们会介绍在CentOS 7 搭建ntp时钟服
linux搭建NFS文件共享服务器的步骤详解

linux搭建NFS服务器为了实现不同操作系统中的数据共享,我们一般会搭建一些用于文件共享的服务器,nfs服务器就是其中一种,它实现的是linux与linux之间的共享.今天我将把如何在linux系统搭建nfs服务器的步骤分享出来,供大家参考. 搭建步骤 1.安装nfs所需软件包 yum install rpcbind nfs-utils 2.创建测试文件并赋权限 mkdir /home/test chmod -R 777 /home/test/ cd /home/test/ vim aaa/
maven利用tomcat插件部署远程Linux服务器的步骤详解

前言本文主要给大家介绍了关于maven利用tomcat插件部署远程Linux服务器的相关内容,分享出来供大家参考学习,下面话不多说了,来一看看详细的介绍吧. 环境服务器: Ubuntu 16.04(阿里云服务器) jdk版本:1.8 相关的maven插件: 这个插件的目的在于部署时,跳过测试 <plugin> <groupId>org.apache.maven.plugins</groupId> <artifactId>maven-surefire-pl
Mac上搭建nginx+rtmp直播服务器的步骤详解

前言相信大家都知道nginx是非常优秀的开源服务器,用它来做hls或者rtmp流媒体服务器是非常不错的选择,所以小编在网上整理了安装流程,现在分享给大家并且作备忘.有需要的朋友们可以参考学习,下面来一起看看吧. 一.安装Homebrow 已经安装了brow的可以直接跳过这一步. 执行命令 ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 如果已经安装过,而
在云虚拟主机部署thinkphp5项目的步骤详解

前言 Thinkphp作为开源的PHP框架发展到今天,无疑是国内最适合PHP学员学习和使用的框架,除了简单容易上手,更大的优点是开发文档完善.插件丰富.本文将给大家详细介绍关于在在云虚拟主机部署thinkphp5项目的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧. 查阅ThinkPHP5.0完全开发手册->部署->虚拟主机环境,了解情況后,开始修改. 环境 thinkphp 5.0.11 阿里云云虚拟系统CentOS 第一步修改移动入口文件位置,把它移动到根目录下