当前位置：首页 > ds >正文

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

ds 2025/8/13 22:46:17

一、前提

二、文件目录含义

三、运行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:\programfiles\apache-tomcat-9.0.68

二、文件目录含义

打开文件，如下：

文件目录含义如下：

三、运行tomcat

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

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

四、运行成功效果

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

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

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

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

我的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

效果如下：