第一步先下载tomcat服务器。
因为tomcat是免费的、开源的服务器,是目前最受欢迎的服务器。
下载流程:
①tomcat下载网址:https://tomcat.apache.org/download-80.cgi;对应jdk的版本,可以同级,即jdk8对应tomcat8.x,tomcat9,tomcat7都可以。这里以jdk8对应的tomcat8为例:
注意:jdk要先配置。
找到Tomcat8进去
![](https://i-blog.csdnimg.cn/blog_migrate/454447fd6deaadd74d1be1c7e8ce5346.png)
如果你的系统是Windows64位的找到下面这个压缩包,解压可用。解压路径是无中文、无空格的。解压好之后在bin目录下找到startup.bat并双击。
![](https://i-blog.csdnimg.cn/blog_migrate/0b7e020bd2fbf115a8e93d7ab2fa4072.png)
![](https://i-blog.csdnimg.cn/blog_migrate/63b0b660c92195f33a266b2f3b8e3208.png)
![](https://i-blog.csdnimg.cn/blog_migrate/043cf89c9a58e55e4705a3f96ce72f26.png)
文件夹的作用
![](https://i-blog.csdnimg.cn/blog_migrate/4e8541dac23a0595b4796d3143970dd2.png)
双击之后会出现如下图的结果
![](https://i-blog.csdnimg.cn/blog_migrate/de20921465d8534a6897dced89c79f4f.png)
然后在浏览器输入:http://localhost:8080出现下图的结果说明tomcat服务器安装完成。
![](https://i-blog.csdnimg.cn/blog_migrate/f615c96fdd182e5de87d7df847c2573f.png)
第二步创建web项目步骤:
①在tomcat的webapps下创建一个oa的文件夹
![](https://i-blog.csdnimg.cn/blog_migrate/ba553e027cdee17c8311202409af2367.png)
②在oa文件夹里面创建WEB-INF文件夹
![](https://i-blog.csdnimg.cn/blog_migrate/3c236e4d0c45df77b3d96ee5336b732e.png)
③在WEB-INF文件夹里面粘贴从E:\apache-tomcat-8.5.85\conf(你解压的路径下的conf)路径下复制的web.xml(要修改)
![](https://i-blog.csdnimg.cn/blog_migrate/bd210459a2bdcaef5b25a7f968552487.png)
![](https://i-blog.csdnimg.cn/blog_migrate/3b9a8fc3d2cbb3c6d2e65232767049d3.png)
修改后的web.xml
<?xml version="1.0" encoding="UTF-8"?>
<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_3_1.xsd"
version="3.1">
<welcome-file-list>
<welcome-file>index.html</welcome-file>
<welcome-file>index.htm</welcome-file>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
</web-app>
④在oa文件夹下创建index.html,先在oa文件夹上创建一个记事本,编辑如下代码:
<html>
<body>
Hello
</body>
</html>
保存之后,修改后缀名为html
![](https://i-blog.csdnimg.cn/blog_migrate/9939bd3c5a8f5562aae4cd3178d2ea3c.png)
⑤启动tomcat,在浏览器输入http://localhost:8080/oa/index.html
![](https://i-blog.csdnimg.cn/blog_migrate/78bbf835e9e1067e449044cb1cca1298.png)
如果要输出中文可以把html文件放到vscode、idea等编译器修改编码为Big5,就可以了。
![](https://i-blog.csdnimg.cn/blog_migrate/e0e46f3b32b9532b0b5b30f1d47a05e7.png)
![](https://i-blog.csdnimg.cn/blog_migrate/b8a2d4e09fa77d2eebf7cfe6086e0aab.png)