完整教程：【保姆级教程】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>


    
        
        用户账号:

        用户密码:

        
        爱好:song
        draw
        dance
        
        全选框：

        
        性别:男
        女 

        
        职位: