idea部署Tomcat详解（超详细新手入门）

淩亂°似流年 2023-09-23 13:40 47阅读 0赞

> javaWeb学习笔记记录

### 文章目录 ###

*  1、创建Web项目
 *  2、配置Tomcat
 *  Tomcat控制台乱码问题

我是用的是2021专业版idea编辑器

# 1、创建Web项目 #

首先创建一个普通的java项目  
![在这里插入图片描述][00e1348fe18345a98572463ab8253805.png]  
点击next后，下一步设置自己的项目名和项目路径位置  
创建好后如下图所示，我的项目名为WebDemo09  
![在这里插入图片描述][333d750e0a674646872081e39a736386.png]  
然后给这个项目添加Web依赖，在项目上右击鼠标，点击Add FrameWork Support…  
![在这里插入图片描述][89fc52dde93448268663a007e8dfe15a.png]  
然后勾选Web Application，点击OK  
![在这里插入图片描述][81836353590140c8b552d415a12491d8.png]  
点击OK后可以看到在项目结构中多了一个Web文件夹

![在这里插入图片描述][f684cadc111f4781858fbf52fc207550.png]

# 2、配置Tomcat #

点击如图所示的红圈位置  
![在这里插入图片描述][71fc81c271f34851bdc1df9f1c3386ab.png]  
经过上一步后，在新窗口点击左上角的红圈位置的加号，找到Tomcat Server 选择Local  
![在这里插入图片描述][c550c3bdd2dc4dda9b760273e6470fb7.png]  
然后会出现如下所示页面  
![在这里插入图片描述][ae7114caaa754782868891abae25af22.png]  
因为我之前配置过Tomcat所有新建后以及存在Tomcat，如果第一次创建Tomcat则需要点击Configure  
然后点击左上角的加号，然后找到自己的Tomcat安装目录点击确定，就会回到上图所示的位置。  
![在这里插入图片描述][c92068f974664d16afa55b0e292babe7.png]  
然后如下图所示点击Deployment，后点击+号，选择Artifact（war包发布方式）  
![在这里插入图片描述][6f132f487507410eb0846676e165db13.png]  
在当前页面下面可以看到启动后该项目的访问路径，可以自己修改，我这里使用默认路径

![在这里插入图片描述][274d4887fe064f72899047b80084bd58.png]  
然后回到Server页面，如下图三个红圈位置。分别可以设置默认启动的浏览器，更新方式，启动端口。  
建议端口改为8080之外，如8081或8083，以为8080可能与其他软件发生端口冲突

![在这里插入图片描述][4694966801c5400ea73e91784cddad90.png]  
然后点击OK就配置好了，如下图  
![在这里插入图片描述][5f43032ec3bd4a5bb490533bf9660c86.png]  
修改自动建立的index.jsp文件，在body里写上Hello Tomcat  
![在这里插入图片描述][3dc24583250d461886d8c5df9dae2b80.png]  
点击绿色的启动按钮  
![在这里插入图片描述][a4bc8727be844c54b271f44660494171.png]  
![在这里插入图片描述][4e7cec110186401bb449bc206bbc3235.png]  
启动成功！！

# Tomcat控制台乱码问题 #

当发现启动Tomcat时控制台输出乱码可以去设置里看看。在设置里找到如图所示的位置，将编码改为GBK（此处我之前改过了）  
![在这里插入图片描述][37ccdc39574f4cfeb5f98257e81225b2.png]

[00e1348fe18345a98572463ab8253805.png]: https://img-blog.csdnimg.cn/00e1348fe18345a98572463ab8253805.png
[333d750e0a674646872081e39a736386.png]: https://img-blog.csdnimg.cn/333d750e0a674646872081e39a736386.png
[89fc52dde93448268663a007e8dfe15a.png]: https://img-blog.csdnimg.cn/89fc52dde93448268663a007e8dfe15a.png
[81836353590140c8b552d415a12491d8.png]: https://img-blog.csdnimg.cn/81836353590140c8b552d415a12491d8.png
[f684cadc111f4781858fbf52fc207550.png]: https://img-blog.csdnimg.cn/f684cadc111f4781858fbf52fc207550.png
[71fc81c271f34851bdc1df9f1c3386ab.png]: https://img-blog.csdnimg.cn/71fc81c271f34851bdc1df9f1c3386ab.png
[c550c3bdd2dc4dda9b760273e6470fb7.png]: https://img-blog.csdnimg.cn/c550c3bdd2dc4dda9b760273e6470fb7.png
[ae7114caaa754782868891abae25af22.png]: https://img-blog.csdnimg.cn/ae7114caaa754782868891abae25af22.png
[c92068f974664d16afa55b0e292babe7.png]: https://img-blog.csdnimg.cn/c92068f974664d16afa55b0e292babe7.png
[6f132f487507410eb0846676e165db13.png]: https://img-blog.csdnimg.cn/6f132f487507410eb0846676e165db13.png
[274d4887fe064f72899047b80084bd58.png]: https://img-blog.csdnimg.cn/274d4887fe064f72899047b80084bd58.png
[4694966801c5400ea73e91784cddad90.png]: https://img-blog.csdnimg.cn/4694966801c5400ea73e91784cddad90.png
[5f43032ec3bd4a5bb490533bf9660c86.png]: https://img-blog.csdnimg.cn/5f43032ec3bd4a5bb490533bf9660c86.png
[3dc24583250d461886d8c5df9dae2b80.png]: https://img-blog.csdnimg.cn/3dc24583250d461886d8c5df9dae2b80.png
[a4bc8727be844c54b271f44660494171.png]: https://img-blog.csdnimg.cn/a4bc8727be844c54b271f44660494171.png
[4e7cec110186401bb449bc206bbc3235.png]: https://img-blog.csdnimg.cn/4e7cec110186401bb449bc206bbc3235.png
[37ccdc39574f4cfeb5f98257e81225b2.png]: https://img-blog.csdnimg.cn/37ccdc39574f4cfeb5f98257e81225b2.png