超详细的tomcat部署web项目与idea中配置web项目方法及常见问题解决方法


前言

本文章主要介绍tomcat环境的配置,idea有/无骨架配置web项目,idea一般项目中配置tomcat,配置jsp运行环境,便捷配置jsp环境的配置,及常见的问题,内容有点长,建议点击目录跳转阅读,文中所含均为官方文件,请放心使用。


一、配置tomcat环境变量

  1. 下载tomcat
    配置tomcat当然是先下载tomcat啦,tomcat为绿色的软件,只需要下载并解压,删除也只需要将文件删除即可。
    点此进入tomcat官网
    请添加图片描述
    可下载8、9、10版本,比较推荐下载8的版本,因为现在大部分公司还是在使用8的版本,但也可根据自己的需求下载。
    请添加图片描述
    如果下载太慢了,此处本人提供了tomcat8版本的zip文件
    该文件为官方文件,未进行任何修改,请放心下载
    点击此处下载文件密码为:1234

下载完成后放到一个合适的盘并解压缩建议不要放在c盘,接下来开始配置环境变量

  1. 右击此电脑,并点击属性
    请添加图片描述
  2. 选择高级系统设置
    请添加图片描述
  3. 点击环境变量
    请添加图片描述
  4. 点击新建系统变量
    请添加图片描述
  5. 配置如下
    请添加图片描述
  6. 配置Path环境变量,双击“path”即可
    请添加图片描述
  7. 点击新建,在输入框中输入以下内容
%CATALINA_HOME%\bin\

请添加图片描述

  1. 完成后全部点击确定即可
  2. 验证tomcat配置是否成功
    首先win+R输入cmd回车。然后再DOS窗口输入
startup.bat

回车,弹出tomcat服务器启动窗口

常见问题1:tomcat启动窗口中有乱码的解决方法【解决方法在后方】

请添加图片描述以下为cmd窗口在这里插入图片描述之后点击此处http://localhost:8080/,打开此页面即为设置成功
注意:请勿将tomcat弹出的窗口关闭,关闭服务器就会关闭,要一直开着才能访问····················

二、纯手工部署web项目[需要maven]

  1. 我们创建一个002目录
    请添加图片描述
  2. 执行如下命令创建web工程
mvn archetype:generate -DarchetypeGroupId=org.apache.maven.archetypes -DarchetypeArtifactId=maven-archetype-webapp -Darchetypeversion=1.4
  1. 依次输入如下信息并回车,即可创建完成
    请添加图片描述

  2. 创建Servlet
    请添加图片描述

  3. 在该目录下创建HelloServlet.java文件
    文件代码为:

package com.xiaojiu.maven;

import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.ServletException;
import java.io.IOException;
public class HelloServlet extends HttpServlet{
    protected void doGet(HttpServletRequest request,HttpServletResponse response)throws
    ServletException,IOException{
        response.getWriter().write("hello maven web");
    }
}
  1. 在web.xml目录下注册Servlet服务
    web.xml目录为:002\p02-maven-web\src\main\webapp\WEB-INF
    代码为:
<servlet>
    <servlet-name>helloServlet</servlet-name>
    <servlet-class>com.xiaojiu.maven.HelloServlet</servlet-class>
</servlet>
<servlet-mapping>
	<servlet-name>helloServlet</servlet-name>
    <url-pattern>/helloServlet</url-pattern>
</servlet-mapping>

代码放置如下图所示:

请添加图片描述

  1. 在index.jsp文件中修改代码成如下
    index.jsp目录为:002\p02-maven-web\src\main\webapp
    代码为:
<html>
<body>
<h2>Hello World!</h2>
<a href="helloServlet">Access Servlet</a>
</body>
</html>

代码放置位置如下:
请添加图片描述

  1. 导入相应依赖的jar包
    我们只需要到pom.xml里面输入以下坐标即可
<dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>javax.servlet-api</artifactId>
      <version>3.1.0</version>
      <scope>provided</scope>
</dependency>

代码位置如下:
请添加图片描述

  1. 编译
    在文件地址栏中输入cmd打开控制台,在控制台中输入如下命令并回车
    注:在pom.xml相应的地址栏中
mvn compile
  1. 打包
    在控制台执行如下命令
mvn clean package
  1. 将war部署到tomcat服务器上
    选中如图两个都可以,一个是压缩后的一个压缩前的,个人建议使用压缩前的即可,因为tomcat也会解压。
    请添加图片描述
    将其放到tomcat\webapps下即可,为了方便我们改名为demo
    请添加图片描述
    我们在控制台中输入如下命令启动tomcat
startup.bat

请添加图片描述
打开浏览器,在地址栏中输入如下地址,即可打开网站,此时web项目部署成功

http://localhost:8080/demo/index.jsp

请添加图片描述

三、Idea创建并配置web项目[无骨架]

不使用骨架虽然不方便,但是不会报莫名的错误,建议使用

常见问题2:需要专业版idea,社区版不行,如没有专业版请购买,或申请学生认证!
常见问题3:英语不好,需要idea汉化【解决方法在后方】

  1. 点击新建项目
    提示:不同的版本的idea操作界面不相同,但操作逻辑是差不多的
    请添加图片描述
  2. 按图中步骤创建项目,jdk建议选择8.0以上的版本
    请添加图片描述
  3. 在pom.xml中新建如下标签
<packaging>war</packaging>

请添加图片描述标签位置如上图

  1. 点击设置图标(如下图所示),并选择项目结构
    请添加图片描述

  2. 如图所示顺序点击,并添加web模块到该项目
    请添加图片描述

  3. ①双击web资源目录路径,会弹出一个目录框,需要添加webapp目录,推荐存放的路径为"项目名\src\webapp",可根据自己实际情况更改点击确定后会提示是否创建目录,”确定“即可
    ②接下来来到 “部署描述符处”,如果下面有红色框内的内容,点击“减号”删除,然后再点击“加号”创建,创建要记得目录一定要在webapp目录下,即“项目名\src\webapp”该目录下 。
    最后点击“应用”,确定即可
    请添加图片描述

  4. 最后的项目结构如下图,到这里创建的web环境就搭建好了
    在这里插入图片描述

四、Idea创建并配置web项目[有骨架]

使用骨架的虽然方便,但是有时候会报一些莫名的错误,总的来说还是有点麻烦的,不建议使用

  1. 点击新建项目
    提示:不同的版本的idea操作界面不相同,但操作逻辑是差不多的
    请添加图片描述

  2. 点击Maven Archetype,并按图中步骤操作
    请添加图片描述

  3. 如图即为成功在这里插入图片描述

  4. 删除图中所选的多余组件
    在这里插入图片描述

  5. 新建一个目录,缺啥建啥
    请添加图片描述

  6. 全部的目录大概就是这样,就建立完成了

List item

五、idea一般项目中配置tomcat

  1. 创建并打开项目点击当前文件
    请添加图片描述

  2. 点击添加配置
    请添加图片描述

  3. 点击加号

  4. 下滑找到tomcat服务器,点击本地请添加图片描述

  5. 首先点击配置
    请添加图片描述

  6. 点击tomcat主目录,找到tomcat主目录即可【如已配置环境变量,点击确定即可】
    请添加图片描述
    请添加图片描述

  7. 添加并部署当前项目
    请添加图片描述

  8. 选择“工件”
    请添加图片描述

  9. 点击选择当前项目,并点击确定
    请添加图片描述

  10. 点击应用即可

  11. 测试服务器是否配置成功,在webapp中添加jsp文件
    请添加图片描述

  12. 在浏览器地址栏后面添加文件名
    在这里插入图片描述
    在这里插入图片描述

  13. 访问成功!!由于没有使用jsp的环境,没有导入jsp的环境,也可以运行

六、配置jsp运行环境

在上面的基础上,有Meven配置jsp运行环境就特别容易了,不需要去额外寻找jsp的jar包。关于maven的详细配置,后面会单独详细讲解。

  1. 我们只需要在pom.xml里面添加组件即可
    在这里插入图片描述
  2. 代码如下
    这里说明一下,第一个为jsp的jar包,第二个为servlet服务的jar包,jsp调用servlet时需要此包。
    <dependencies>
        <dependency>
            <groupId>javax.servlet.jsp</groupId>
            <artifactId>jsp-api</artifactId>
            <version>2.2</version>
        </dependency>
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>javax.servlet-api</artifactId>
            <version>3.1.0</version>
        </dependency>
    </dependencies>

  1. 最后点击下面的图标即可自动装载jar包
    在这里插入图片描述

七、便捷配置jsp运行环境

  1. 新建项目,点击javaee,并选择如图所示
    请添加图片描述
  2. 点击并选择tomcat目录
    请添加图片描述
  3. 点击创建
    请添加图片描述
  4. 在webapp里面有个index.jsp默认文件,输入代码,并运行即可

八、常见问题及解决方法

1.tomcat控制台乱码的解决方法

在这里插入图片描述

  1. 打开tomcat/conf/logging.properties文件
    在这里插入图片描述

  2. 修改或添加47行代码=GBK即可

java.util.logging.ConsoleHandler.encoding = GBK

在这里插入图片描述

2.idea学生认证

学生认证可选择学校邮箱或学信网认证,学校邮箱进入直接认证,学信网认证需要点击“官方文件”处,具体步骤点击如下链接即可。
学生认证步骤

3.英语不好,idea需要汉化

  1. 在idea界面点击“plugins”
    在这里插入图片描述
  2. 搜索并下载如下官方插件汉化idea,重启即可
    请添加图片描述

  • 60
    点赞
  • 368
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值