如何创建一个JavaWeb项目

Tomcat的部署和JavaWeb的创建

由于JavaWeb项目需要在Web应用服务器上运行,Tomcat是目前主流Web应用服务器,大部分web 项目都是运行在Tomcat上的,包括以后使用的SpringBoot框架也是内嵌了Tomcat服务器,所以接下来就先来介绍Tomcat服务器的安装。

1. Tomcat

Tomcat 服务器是一个开源的轻量级Web应用服务器,在中小型系统和并发量小的场合下被普遍使用,是开发和调试Servlet、JSP 程序的首选。也是绝大多数JavaEE开发工程师所必用的。

1.1. Tomcat的作用

Tomcat的作用是作为Web服务器部署Web项目,从而让客户端能够访问,在这个过程中它扮演者两个角色: Web服务器和Servlet容器

Web服务器
如何创建一个JavaWeb项目_第1张图片

Servlet容器

如何创建一个JavaWeb项目_第2张图片

1.2. Tomcat的安装和启动

第一步,配置JAVA_HOME和java环境变量。因为Tomcat是Java代码编写的,所以必须要配置JAVA_HOME和java环境变量之后才能运行,我们可以通过下面的命令检测:

C:\Users\Administrator>java -version
C:\Users\Administrator>echo %JAVA_HOME%
C:\Users\Administrator>echo %PATH%

第二步,将Tomcat压缩包解压到一个非中文无空格的目录下

如何创建一个JavaWeb项目_第3张图片

第三步,配置Tomcat的环境变量:

在系统变量里新建变量名:CATALINA_BASE,变量值:C:\apache-tomcat-8.5.27【本地tomcat的安装路径】
在系统变量里 新建变量名:CATALINA_HOME,变量值:C:\apache-tomcat-8.5.27【本地tomcat的安装路径】
在系统变量里 打开PATH,添加变量值:%CATALINA_HOME%\lib;%CATALINA_HOME%\bin

第四步,修改脚本文件 startup.bat 和 shutdown.bat,指向本地的jdk与tomcat,在 @echo off 下面,具体地址根据自己机器安装位置添加:

@echo off
SET JAVA_HOME=C:\Program Files\Java\jdk1.8.0_231
SET TOMCAT_HOME=C:\apache-tomcat-8.5.27

如何创建一个JavaWeb项目_第4张图片

如何创建一个JavaWeb项目_第5张图片

第五步,启动Tomcat并访问首页:

以管理员身份运行Tomcat解压后根目录下\bin\startup.bat即可启动Tomcat服务器,然后打开浏览器,在地址栏输入“http://localhost:8080”就可以访问Tomcat了
如何创建一个JavaWeb项目_第6张图片

1.3. Tomcat的目录结构

如何创建一个JavaWeb项目_第7张图片

1.4. Tomcat的端口

在Tomcat安装目录下的conf目录中,可以看到一个server.xml文件,这个xml文件中就配置了Tomcat的端口号

……

<Server port="8005" shutdown="SHUTDOWN">
……
<Connector port="8080" protocol="HTTP/1.1"
		   connectionTimeout="20000"
		   redirectPort="8443" />
……
<Connector port="8009" protocol="AJP/1.3" redirectPort="8443" />

三个位置共定义了3个端口号,Tomcat启动后,这个三个端口号都会被占用。

2. 第一个JavaWeb程序

2.1. 创建动态Web工程

第一步: 创建Empty Project

第二步: 创建动态Web的Module

如何创建一个JavaWeb项目_第8张图片

如何创建一个JavaWeb项目_第9张图片

创建好的工程目录结构:
如何创建一个JavaWeb项目_第10张图片

2.2. 动态工程目录结构

目录或文件名 功能
src目录 存放Java源文件
web目录 存放Web开发相关资源
web/WEB-INF目录 存放web.xml文件、classes目录、lib目录
web/WEB-INF/web.xml文件 别名:部署描述符deployment descriptor
作用:Web工程的核心配置文件
web/WEB-INF/classes目录 存放编译得到的*.class字节码文件
web/WEB-INF/lib目录 存放第三方jar包
加粗样式

2.3. 在IDEA中集成Tomcat

如何创建一个JavaWeb项目_第11张图片

如何创建一个JavaWeb项目_第12张图片

如何创建一个JavaWeb项目_第13张图片

如何创建一个JavaWeb项目_第14张图片
如何创建一个JavaWeb项目_第15张图片

2.4. 创建用来部署Web工程的Tomcat实例

编辑Tomcat实例
如何创建一个JavaWeb项目_第16张图片

配置Tomcat实例

如何创建一个JavaWeb项目_第17张图片

部署项目
如何创建一个JavaWeb项目_第18张图片

部署好之后的效果(**特别注意:**地址会自动把 “ - ” 转换为 “_”)
如何创建一个JavaWeb项目_第19张图片

Idea运行时的界面布局
如何创建一个JavaWeb项目_第20张图片

2.5. 在IDEA中重新部署运行

2.5.1. 为什么需要重新部署?

对于已经运行过的Web项目,如果我们增加了目录和文件,那么部署目录有可能不会自动同步过来,从而造成实际运行的效果和我们期望的不同。

如下图中,我们在工程目录已经新增了images目录和两个图片:
如何创建一个JavaWeb项目_第21张图片

如果重新部署后项目还没有出现就需要我们手动清除缓存再部署了:
如何创建一个JavaWeb项目_第22张图片

2.5.2. 怎么重新部署

清理部署目录
如何创建一个JavaWeb项目_第23张图片

如何创建一个JavaWeb项目_第24张图片

构建
如何创建一个JavaWeb项目_第25张图片

效果
如何创建一个JavaWeb项目_第26张图片

2.5.3. 清除浏览器缓存

在chrome下按F12唤出开发者模式,选择Application选项的Storage,并点击清楚缓存:
如何创建一个JavaWeb项目_第27张图片

2.6. Tomcat手动部署Web项目

我们可以集成IDEA直接自动部署Web项目,也可以通过手动的方式来了解项目是通过什么方式部署在Tomcat上的。

单击工具栏的在这里插入图片描述
【也就是project structure】打开项目结构。

选择Artifacts(打包部署),选择添加Web Application: Archive。

如何创建一个JavaWeb项目_第28张图片

给导出的war命名,为了防止出现路径错误,此处导出war的名字必须和项目部署名字相同:

如何创建一个JavaWeb项目_第29张图片

确认创建或选择已有的Manifest.MF文件。单词“manifest”的意思是“显示” 。 这个 manifest 文件定义了与扩展和包相关的数据

选择Manifest.MF文件存储目录:

如何创建一个JavaWeb项目_第30张图片

编译生成war:
如何创建一个JavaWeb项目_第31张图片
如何创建一个JavaWeb项目_第32张图片

如何创建一个JavaWeb项目_第33张图片

将Web项目打包成war包后,然后将war包放入Tomcat的webapps目录中即可:
如何创建一个JavaWeb项目_第34张图片

在tomcat的bin目录中,点击startup.bat重启tomcat。在Tomcat启动过程中,会将war包进行解压,然后运行解压后的项目:
如何创建一个JavaWeb项目_第35张图片

在浏览器访问我们刚刚部署的项目"http://localhost:8080/项目文件夹名/要访问的文件名"

如何创建一个JavaWeb项目_第36张图片

你可能感兴趣的:(JavaWeb,java)