【apache-tomcat安装配置】完整教程（保姆级）

曾经终败给现在 2024-04-03 13:22 116阅读 0赞

**目录**

一、前提

二、文件目录含义

三、运行tomcat

四、运行成功效果

五、使用tomcat打开本地端口为8080的网页

六、用tomcat打开自己的.html文件

七、用tomcat打开.html文件和鼠标右键打开.html文件的区别

八、tomcat点击运行，cmd窗口出现后闪退解决

九、附：修改端口号的方法

--------------------

### 一、前提 ###

我的idea的版本是：IntelliJ IDEA 2021.1.2 x64

我在apache官网下载的apache-tomcat版本是：apache-tomcat-9.0.68

apache-tomcat下载官网：[Apache Tomcat® - Apache Tomcat 8 Software Downloads][Apache Tomcat_ - Apache Tomcat 8 Software Downloads]

![fd2e6997b53a4a43a2a0c85ee7e56820.png][]

选择版本，下载压缩包，到本地解压。【注意路径不要有中文和空格】

我的存放路径为：D:\\programfiles\\apache-tomcat-9.0.68

### 二、文件目录含义 ###

打开文件，如下：

![9686b0f2c63d4cb3a509e76fb9b62dae.png][]

文件目录含义如下：

![5b9c08383d7c4ad8822ceb670a9d4647.png][]

### 三、运行tomcat ###

方式一：点击bin目录下的startup.bat即可

![f6a36550f2524f9e9d98d61d1cc4525c.png][]

方式二：在安装路径下，打开cmd,输入catalina run回车

![74596d68c28042a886ceb16bf4537739.png][]

![3111ac66ddfd4cd7a7a6fd43d3a3b4e1.png][]

### 四、运行成功效果 ###

我的中文是乱码，但影响不大。

![fd3c9ea5524a4dc19f91b1b97ea34b55.png][]

### 五、使用tomcat打开本地端口为8080的网页 ###

![c791a461582c40d88be1bad4382cbc18.png][]

### 六、用tomcat打开自己的.html文件 ###

在apache-tomcat安装目录下的webapps下，新建文件夹，命名为javascript,里面粘贴里我的1.html文件

![a22a0dd66181498182947233b7cae8d8.png][]

我的1.html文件内容如下：

>     <!DOCTYPE html>
>     <html>
>     
>     <head>
>         <meta charset="UTF-8">
>         <title></title>
>         <script>
>     
>             //全选
>             function checkAll() {
>                 // document.getElementsByName()根据指定的name属性查询返回多个标签对象的集合
>                 var hobby = document.getElementsByName("hobby");
>                 // 将所有的hobby的chekbox的checked属性修改为true 被选中状态
>                 for (var i = 0; i < hobby.length; i++) {
>                     hobby[i].checked = true;
>                 }
>             }
>     
>             //全不选
>             function checkNo() {
>                 // document.getElementsByName()根据指定的name属性查询返回多个标签对象的集合
>                 var hobby = document.getElementsByName("hobby");
>                 // 将所有的hobby的chekbox的checked属性修改为true 被选中状态
>                 for (var i = 0; i < hobby.length; i++) {
>                     hobby[i].checked = false;
>                 }
>             }
>     
>             // 单选框实现全选
>             function checkSelect(obj) {
>                 //此时发生事件的标签是其对象本身
>                 //var checkAll=document.getElementById("checkAll");
>                 //通过name属性差还早属性为hobby的多个标签对象的集合
>                 var hobby = document.getElementsByName("hobby");
>                 //循环将hobby的checkbox的checked属性修改为  obj的checked属性即可
>                 for (var i = 0; i < hobby.length; i++) {
>                     hobby[i].checked = obj.checked;
>                 }
>             }
>     
>             function checkForm() {
>                 //获得账号和密码
>                 var username = document.getElementById("username").value;
>                 var password = document.getElementById("password").value;
>                 var hobbys_str = "";
>                 //获得选中的爱好
>                 var hobby = document.getElementsByName("hobby");
>                 for (var i = 0; i < hobby.length; i++) {
>                     if (hobby[i].checked == true) {  //爱好被选中了
>                         hobbys_str += hobby[i].value + "   ";
>                     }
>                 }
>                 //通过id获得性别的单选按钮  
>                 var sex = "";
>                 var man = document.getElementById("man");
>                 if (man.checked) {
>                     sex = man.value;
>                 } else {
>                     sex = "女";
>                 }
>                 var job_str = "";
>                 //获得职位  
>                 var job = document.getElementById("job");
>                 var ops = job.options;
>                 for (var i = 0; i < ops.length; i++) {
>                     if (ops[i].selected) {
>                         job_str = ops[i].value;
>                     }
>                 }
>                 alert(username + "      " + password + "       " + hobbys_str + "      " + sex + "        " + job_str);
>                 return false; //禁止提交
>             }
>     
>         </script>
>     </head>
>     
>     <body>
>         <form action="#" method="post" onsubmit="return checkForm();">
>             
>             用户账号:<input id="username" /><br />
>             用户密码:<input id="password" /><br />
>             
>             爱好:<input type="checkbox" name="hobby" value="song" />song
>             <input type="checkbox" name="hobby" value="draw" />draw
>             <input type="checkbox" name="hobby" value="dance" />dance
>             
>             全选框：<input type="checkbox" name="checkAll" id="checkAll" onclick="checkSelect(this);" /><br />
>     
>             
>             性别:<input type="radio" name="sex" id="man" value="男" />男
>             <input type="radio" name="sex" id="woman" value="女" checked="true" />女 <br />
>             
>             职位:<select id="job" name="job">
>                 <option value="teacher">教师</option>
>                 <option value="student">学生</option>
>                 <option value="work">工人</option>
>             </select><br />
>             
>             <input type="submit" value="注册" />
>         </form>
>         
>         <button onclick="checkAll();">全选按钮</button>
>         <button onclick="checkNo();">全不选按钮</button><br />
>     
>     </body>
>     
>     </html>

导航栏输入路径：127.0.0.1:8080/javascript/1.html

效果如下：

![249b07757fa2483088587ca00cecd8c7.png][]

### 七、用tomcat打开.html文件和鼠标右键打开.html文件的区别 ###

鼠标右键，选择打开方式，打开.html文件，效果如下：

![fcffe50bef2744f3a8afc04d16f8d178.png][]

区别在于：tomcat打开的html文件的地址是一个服务器；

鼠标右键打开网页的地址是本地的D盘；

### 八、tomcat点击运行，cmd窗口出现后闪退解决 ###

前提：要下载jdk，我的jdk版本为：jdk-17.0.4\_windows-x64\_bin

我的jdk的路径为：D:\\programfiles\\jdk

![ce3013b0143a4391b9fa11bf5a710000.png][]

配置系统变量如下：

1、点击新建，变量命名为JAVA\_HOME，值为jdk所在的路径。

![dcbb365e06314ad299ffd61a1cef519e.png][]

2、点击环境变量下的path,新建%JAVA\_HOME%\\bin

![89b8ad1ecdf84fec969870a932771b07.png][]

完成环境变量配置后，再返回第三步，运行tomcat。

### 九、附：修改端口号的方法 ###

默认端口号是8080.可以在apache安装目录下的conf下的server.xml，用记事本打开，修改8080端口号为8081，以后端口号就是8081，也可以不改。

步骤如下：

在apache安装目录下的conf文件夹，找到server.xml,鼠标右键记事本打开。

![ae09fea1900f4cbaaa89f33ed83122f8.png][]

找到端口号8080部分，进行修改即可。修改成什么，以后打开的端口号就用什么。

![ef8c6123831646ac94b44e1fb362ce62.png][]

[Apache Tomcat_ - Apache Tomcat 8 Software Downloads]: https://tomcat.apache.org/download-80.cgi
[fd2e6997b53a4a43a2a0c85ee7e56820.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/3715fab6d0b9414a8bb70c209d27aca6.png
[9686b0f2c63d4cb3a509e76fb9b62dae.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/e2d204046a5e4aaf8782a115f1902f00.png
[5b9c08383d7c4ad8822ceb670a9d4647.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/cc45ce30eb0f4a64970ec300ea94a10e.png
[f6a36550f2524f9e9d98d61d1cc4525c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/8edb36604a214ddd844540c462244e77.png
[74596d68c28042a886ceb16bf4537739.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/b8ba6cec028a4b17a846318698105dfb.png
[3111ac66ddfd4cd7a7a6fd43d3a3b4e1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/8f1e041051174d8495c8e3aee9b49d92.png
[fd3c9ea5524a4dc19f91b1b97ea34b55.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/7c2aef8c1617407e97b98329ad4fa91c.png
[c791a461582c40d88be1bad4382cbc18.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/17a5e88229534df886b6f391bbbc011f.png
[a22a0dd66181498182947233b7cae8d8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/7037260ae9714fda9dc952bfdfdb99ff.png
[249b07757fa2483088587ca00cecd8c7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/c5f45d41f4674d31850869d473421fb4.png
[fcffe50bef2744f3a8afc04d16f8d178.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/25ab48aeff5e47989139091419125e06.png
[ce3013b0143a4391b9fa11bf5a710000.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/39a025805e394e05b7205b64365d1ef4.png
[dcbb365e06314ad299ffd61a1cef519e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/cdc178a5713e44589d99ae54f858a145.png
[89b8ad1ecdf84fec969870a932771b07.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/83b8314cd4c7460b8ceea4dd836e9b0c.png
[ae09fea1900f4cbaaa89f33ed83122f8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/2e4c3b9e93174b5aa1e0c6abc497a0cf.png
[ef8c6123831646ac94b44e1fb362ce62.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/e3c71e794aff47eebc36103493e4866e.png