📅 发布时间：2026/6/19 13:25:53

实用指南：【保姆级教程】apache-tomcat的安装配置教程

一、前提

二、文件目录含义

三、运行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

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

我的存放路径为：D:programfilesapache-tomcat-9.0.68

二、文件目录含义

打开档案，如下：

文件目录含义如下：

三、运行tomcat

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

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

四、运行成功效果

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

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

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

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

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

<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>用户账号:
用户密码:
爱好:songdrawdance全选框：
性别:男女 
职位: