第一步先下载tomcat服务器。
因为tomcat是免费的、开源的服务器,是目前最受欢迎的服务器。
下载流程:
①tomcat下载网址:https://tomcat.apache.org/download-80.cgi;对应jdk的版本,可以同级,即jdk8对应tomcat8.x,tomcat9,tomcat7都可以。这里以jdk8对应的tomcat8为例:
注意:jdk要先配置。
找到Tomcat8进去
![](https://img-blog.csdnimg.cn/img_convert/47afa45be6f448d625e9b0fbaf4aca8e.png)
如果你的系统是Windows64位的找到下面这个压缩包,解压可用。解压路径是无中文、无空格的。解压好之后在bin目录下找到startup.bat并双击。
![](https://img-blog.csdnimg.cn/img_convert/928dc70fcae8ad7504e797dad97181b3.png)
![](https://img-blog.csdnimg.cn/img_convert/6b45a7b10392664059fc6cd31733f2b9.png)
![](https://img-blog.csdnimg.cn/img_convert/b1e3af68cb4a8e6c5d65415eceec8b03.png)
文件夹的作用
![](https://img-blog.csdnimg.cn/img_convert/acf3de7fde5cfe4b6ccb9a6ea77e809e.png)
双击之后会出现如下图的结果
![](https://img-blog.csdnimg.cn/img_convert/874f9db09ee83343ef84ccd387829e37.png)
然后在浏览器输入:http://localhost:8080出现下图的结果说明tomcat服务器安装完成。
![](https://img-blog.csdnimg.cn/img_convert/c158ecc7291d29dc538ffd0cde2c3ad3.png)
第二步创建web项目步骤:
①在tomcat的webapps下创建一个oa的文件夹
![](https://img-blog.csdnimg.cn/img_convert/66e2b9cdf777a1c466dd962af3eefc60.png)
②在oa文件夹里面创建WEB-INF文件夹
![](https://img-blog.csdnimg.cn/img_convert/8c7af8d099f49ae5a9e909c2659a476b.png)
③在WEB-INF文件夹里面粘贴从E:\apache-tomcat-8.5.85\conf(你解压的路径下的conf)路径下复制的web.xml(要修改)
![](https://img-blog.csdnimg.cn/img_convert/ec717197cfc604d6f16f4f7c2e70a35c.png)
![](https://img-blog.csdnimg.cn/img_convert/a24f4ad46098d95b241c18e561144cda.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://img-blog.csdnimg.cn/img_convert/49bcd17ba1bd1fd2d4e0d95d6bfb9a31.png)
⑤启动tomcat,在浏览器输入http://localhost:8080/oa/index.html
![](https://img-blog.csdnimg.cn/img_convert/4bb04b0ca0abd0e4b11d580d8ca4c4d8.png)
如果要输出中文可以把html文件放到vscode、idea等编译器修改编码为Big5,就可以了。
![](https://img-blog.csdnimg.cn/img_convert/51661f754b0133cffce3fec900a7ef0a.png)
![](https://img-blog.csdnimg.cn/img_convert/e960a4ff75a7071d6a1fb4db820ddee9.png)