Idea配置Tomcat及部署web项目

简介: Idea配置Tomcat及部署web项目

使用IntelliJ IDEA配置Tomcat(详细操作)



一、下载Tomcat


1.进入官网Http://tomcat.apache.org/,选择download,下载所需要的Tomcat版本。(注意:最好下载Tomcat 7 或者Tomcat 8 因为最新版本的出错不好百度调试。)


image.png


注意有zip和exe两种格式的,zip(64-bit Windows zip(pgp,md5,sha1))是免安装版的,exe(32-bit/64-bit Windows Service installer(pgp,md5,sha1))是安装版。同时观察自己的电脑是64位系统还是32位系统。

下载后直接解压。


2.找到目录bin下的startup.bat,点击启动Tomcat;shutdown.bat:关闭Tomcat。


image.png



二、Tomcat环境变量配置


1.安装完成后,右击“我的电脑”,点击“属性”,选择“高级系统设置,点击“环境变量”;

image.png

2.在“系统变量”中添加系统变量


CATALINA_BASE,CATALINA_HOME;

变量名:CATALINA_BASE

变量值:D:\winwxy\apache-tomcat-8.5.34-windows-x64 //Tomcat安装目录

变量名:CATALINA_HOME

变量值:D:\winwxy\apache-tomcat-8.5.34-windows-x64


image.png


点击确定


3.此处还需修改ClassPath和Path的变量值。

在ClassPath的变量值中加入:%CATALINA_HOME%\lib\servlet-api.jar;(注意加的时候在原变量值后加英文状态下的“;”)


image.png


在Path的变量值中加入:%CATALINA_HOME%\bin;%CATALINA_HOME%\lib(注意加的时候在原变量值后加英文状态下的“;”)


image.png


点击确定,Tomcat就配置好了。


4.此处需要验证一下。

点击"开始"->“运行”,键入"cmd"(或快捷键win+R);键入命令: startup,出现以下信息,说明环境变量配置成功;


image.png


三、在IntelliJ IDEA配置Tomcat


1,点击Run—EDit Configurations…


image.png


2.点击左侧“+”号,找到Tomcat Server—Local(若是没有找到Tomcat Server 可以点击最后一行 34 items more)image.png

image.png

image.png


3.在Tomcat Server -> Unnamed -> Server -> Application server项目下,点击 Configuration ,找到本地 Tomcat 服务器,再点击 OK按钮。


image.png


至此,IntelliJ IDEA配置Tomcat完成。


四、部署web项目


1.新建Web项目


image.png


2.File - Project Structure

image.png


3.Modules - Sources


在web目录下新建一个目录,名为 WEB-INF,在WEB-INF目录下新建两个目录,名为 classes 和 libclasses:.class文件存放位置lib:整个项目所用到的JAR文件存放位置


image.png


4.Modules - Paths


勾选 Use module compile output path,并将 Output path 和 Test output path 改为刚才web目录下新建的 classes 文件夹


image.png


目的:在构建项目时,能将.class文件输出至 classes 文件夹中


5.在下面的JavaDoc中添加web目录下的 lib文件夹


image.png


6.Modules - Dependencies


添加web目录下的lib文件夹以及Tomcat的Library

在添加 lib文件夹时选择 Jar Directory


image.png


7.Libraries


添加web目录下的lib文件夹,选择 Jar Directory


image.png


8.Facets


在Deployment Descriptor中添加 web.xml 文件


image.png


9.Artifacts


勾选 Include in project build 和 Show content of elements 两个选项,点击OK


image.png


10.Edit Configurations - Tomcat Server - Local


这是配置Tomcat的过程


image.png


11.Tomcat


修改名称,在Deployment中添加第8步中的Artifact


image.png


这就是新建Web项目所需要的配置了


12.配置Web项目


打开已存在的项目,配置JDK,执行上面所述的第第4步至第10步

有一点要注意


在Facets中,Web Resource Directories 需要定位到拥有全部web项目资源的文件夹,在不同的工程中或许有不同的名称,在上面所述的例子中,需要定位到web文件夹

image.png


在进行工程配置时,往往会遗漏一些步骤,往往是小东西影响了整个项目的执行,在工程初期,就需要将配置完成,以免产生不必要的麻烦。

目录
相关文章
|
17天前
|
安全 Java API
Java Web 在线商城项目最新技术实操指南帮助开发者高效完成商城项目开发
本项目基于Spring Boot 3.2与Vue 3构建现代化在线商城,涵盖技术选型、核心功能实现、安全控制与容器化部署,助开发者掌握最新Java Web全栈开发实践。
198 1
|
2月前
|
JavaScript Java 微服务
现代化 Java Web 在线商城项目技术方案与实战开发流程及核心功能实现详解
本项目基于Spring Boot 3与Vue 3构建现代化在线商城系统,采用微服务架构,整合Spring Cloud、Redis、MySQL等技术,涵盖用户认证、商品管理、购物车功能,并支持Docker容器化部署与Kubernetes编排。提供完整CI/CD流程,助力高效开发与扩展。
327 63
|
3月前
|
安全 JavaScript Java
java Web 项目完整案例实操指南包含从搭建到部署的详细步骤及热门长尾关键词解析的实操指南
本项目为一个完整的JavaWeb应用案例,采用Spring Boot 3、Vue 3、MySQL、Redis等最新技术栈,涵盖前后端分离架构设计、RESTful API开发、JWT安全认证、Docker容器化部署等内容,适合掌握企业级Web项目全流程开发与部署。
154 0
|
5月前
|
Java 应用服务中间件 Maven
在IntelliJ IDEA中如何配置使用Maven以创建Tomcat环境
所以,别担心这些工具看起来有些吓人,实际上这些都是为了帮助你更好的完成工作的工具,就像超市里的各种烹饪工具一样,尽管它们看起来可能很复杂,但只要你学会用,它们会为你烹饪出一道道美妙的食物。这就是学习新技能的乐趣,让我们一起享受这个过程,攀登知识的高峰!
328 27
|
5月前
|
Java 应用服务中间件 Apache
在IntelliJ IDEA中使用Maven配置Tomcat环境
此配置方法具有较高的实用性,简单易懂。遵循以上步骤,您将能顺利在IntelliJ IDEA中使用Maven配置Tomcat环境,从而进行Web项目的开发和调试。
482 18
|
5月前
|
人工智能 安全 程序员
用 Colab 和 ngrok 免费部署你的 Web UI 项目,随时随地访问!
用 Colab 和 ngrok 免费部署你的 Web UI 项目,随时随地访问!
|
6月前
|
缓存 Java Spring
IDEA中配置HTML和Thymeleaf热部署的步骤
以上就是在IntelliJ IDEA中配置HTML和Thymeleaf热部署的步骤。这样的配置可以大大提高你的开发效率,让你更专注于代码的编写,而不是等待应用的重启。希望这个指南对你有所帮助!
352 21
|
8月前
|
Java Maven
Idea配置项目的热启动
Idea配置项目的热启动
630 5
Idea配置项目的热启动
|
8月前
|
网络协议 Java Shell
java spring 项目若依框架启动失败,启动不了服务提示端口8080占用escription: Web server failed to start. Port 8080 was already in use. Action: Identify and stop the process that’s listening on port 8080 or configure this application to listen on another port-优雅草卓伊凡解决方案
java spring 项目若依框架启动失败,启动不了服务提示端口8080占用escription: Web server failed to start. Port 8080 was already in use. Action: Identify and stop the process that’s listening on port 8080 or configure this application to listen on another port-优雅草卓伊凡解决方案
410 7
|
8月前
|
安全 Linux 开发工具
零基础构建开源项目OpenIM桌面应用和pc web- Electron篇
OpenIM 为开发者提供开源即时通讯 SDK,作为 Twilio、Sendbird 等云服务的替代方案。借助 OpenIM,开发者可以构建安全可靠的即时通讯应用,如 WeChat、Zoom、Slack 等。 本仓库基于开源版 OpenIM SDK 开发,提供了一款基于 Electron 的即时通讯应用。您可以使用此应用程序作为 OpenIM SDK 的参考实现。本项目同时引用了 @openim/electron-client-sdk 和 @openim/wasm-client-sdk,分别为 Electron 版本和 Web 版本的 SDK,可以同时构建 PC Web 程序和桌面应用(Wi
497 2