手动创建Web项目
首先我们创建一个webhello
文件夹作为根目录,并在下面创建一个hello.html
文件(这里只写些基本代码,仅作演示)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hello </title>
</head>
<body>
<pre>
Hello Web!
</pre>
</body>
</html>
然后我们直接把该文件夹,复制到tomcat\webapps
下
启动Tomcat
会发现,这里会显示部署完成
然后直接在浏览器中操作。http://localhost:8080/
后面输入路径。
这就完成了最简单的部署
同样,也可以在该路径下放图片等文件进行显示
WEB-INF
配置目录
注意这里的WEB-INF
必须大写
我们创建一个名为WEB-INF
的文件夹(注意这里的WEB-INF
必须大写),在下面创建名为web.xml
的文件
这里的web.xml
直接抄一段代码,并修改
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
version="4.0"
metadata-complete="true">
<display-name>Welcome to Tomcat</display-name>
<description>
Welcome to Tomcat
</description>
<!-- 设置欢迎页 -->
<welcome-file-list>
<welcome-file>hello.html </welcome-file>
<!-- <welcome-file>index.htm </welcome-file>
<welcome-file>index.jsp </welcome-file> -->
</welcome-file-list>
</web-app>
这段代码的功能,我们直接在下图中得到解答
我们发现,这里只写到了8080后面的根目录(
http://localhost:8080/webhello/
),并没有些具体的文件名,就显示到了我们的hello.html
文件中
这就是我们做的最简单的欢迎页的设置,代码段:<welcome-file>hello.html </welcome-file>
在命令行打包Web
首先我们在需要打包的项目下进入cmd,并输入,生成.war
的压缩包
如果出现
'jar' 不是内部或外部命令,也不是可运行的程序 或批处理文件。
这要进行环境配置
jar cvf tmp.war .
cvf 是命令参数,表示生成一个文档、显示生成过程、指定生成的文件名。
最后一个点号表示要将当前目录中所有内容进行打包。(不能忘)
然后把该tmp.war
文件复制到tomcat\webapps
下,并重新启动Tomcat
会自动解压(同时生成一个META-INF
文件夹)
访问操作与前面相同
使用eclipse创建项目
版本
创建项目
这里的Dynamic web module version
选择2.5
一路next点下去,注意最后的建立 web.xml
要勾上
生成项目
这里在webapp
下建立一个html文件(html 5即可)
设置运行环境
Java -> Install JRES -> Add
这里可以把eclipse的jre路径
修改成我们电脑内自带的路径
(由于个人的jdk是高版本,没有jre所以没有重设)
Server -> Runtime Environments > Add
根据自己的Tomcat
版本和路径设置
在Servers
中获取一下服务
工作区会生成改文件,这是eclipse对原来服务器的拷贝
当然使用时,eclipse和自己计算机上的tomcat只能打开一个
启动和关闭服务
运行程序
成功运行
根据习惯或需求修改默认浏览器
Window -> Web Browser
打包项目
File -> Export -> Web -> WAR file
路径我们直接放到 Tomcat的webapps
下
**注意:**选择路径的时候,我们需要手动添加.war
这个后缀
大功告成!