使用IDEA创建Web项目并发布到tomcat

Web开发

1.web开发概述

•学习web开发，需要先安装一台web服务器，将开发好的web项目部署在web服务器中供外界访问.

WEB服务器有很多，流行的WEB服务器有Tomcat、 WebSphere 、WebLogic、Jboss等。

在小型的应用系统或者有特殊需要的系统中，可以使用一个免费的Web服务器：
Apache 的Tomcat，该服务器支持全部JSP以及Servlet规范.

Tomcat安装配置

Tomcat官方站点：http://tomcat.apache.org

获取Tomcat安装程序包

– tar.gz文件是Linux操作系统下的安装版本

– zip文件是Windows系统下的压缩版本
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210504173036378.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1hpYW9GYW5NaQ==,size_16,color_FFFFFF,t_70)

安装Tomcat

–解压tomcat压缩文件即可

安装JDK(JDK安装教程点击这里)

– 设置JAVA_HOME环境变量

– 设置PATH环境变量

2.web开发环境搭建

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210504172640464.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1hpYW9GYW5NaQ,size_16,color_FFFFFF,t_70)
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210504172652700.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1hpYW9GYW5NaQ,size_16,color_FFFFFF,t_70)
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210504172703479.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1hpYW9GYW5NaQ==,size_16,color_FFFFFF,t_70)

启动服务器,检查是否安装成功

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210504172726462.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1hpYW9GYW5NaQ==,size_16,color_FFFFFF,t_70)

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210504172739809.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1hpYW9GYW5NaQ==,size_16,color_FFFFFF,t_70)

3.创建发布web项目

1.创建一个java项目

2.添加web

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210504173225150.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1hpYW9GYW5NaQ==,size_16,color_FFFFFF,t_70)

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210504173245401.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1hpYW9GYW5NaQ==,size_16,color_FFFFFF,t_70)

这样就多了一个web的文件夹,用来存放关于html的文件
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210504173257790.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1hpYW9GYW5NaQ==,size_16,color_FFFFFF,t_70)

3.配置tomcat,使其web文件自动发布

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210504173326786.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1hpYW9GYW5NaQ==,size_16,color_FFFFFF,t_70)

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210504173345790.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1hpYW9GYW5NaQ==,size_16,color_FFFFFF,t_70)

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210504173402290.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1hpYW9GYW5NaQ==,size_16,color_FFFFFF,t_70)

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210504173414827.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1hpYW9GYW5NaQ==,size_16,color_FFFFFF,t_70)

4.点击应用后,在index.jsp中写入hello world,启动

![在这里插入图片描述]( https://img-blog.csdnimg.cn/2021050417343268.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1hpYW9GYW5NaQ==,size_16,color_FFFFFF,t_70)

5.成功
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210504174003670.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1hpYW9GYW5NaQ==,size_16,color_FFFFFF,t_70)

posted @ 2021-12-14 18:43  肖帆咪  阅读(471)  评论(0)    收藏  举报