社区版IDEA 搭建Javaweb项目完整版--保姆级教程
作者:mmseoamin日期:2023-12-18

目录

关于Tomcat的工作 

第一步:官网下载Tomcat 

第二步:在idea中安装Tomcat插件

 搭建web项目

方法

方法二

新建项目,如下图

然后补全Javaweb的文件结构

配置Tomcat

1.设置中配置Tomcat

2.为项目添加Tomcat

3.添加Tomcat依赖的jar包

检测是否成功


关于Tomcat的工作 

第一步:官网下载Tomcat 

首先浏览器搜索http://www.apache.org进入官网

然后一直下滑直到找到Tomcat

社区版IDEA 搭建Javaweb项目完整版--保姆级教程,第1张

找到后点击Tomcat10

社区版IDEA 搭建Javaweb项目完整版--保姆级教程,第2张

 点击下图zip下载Tomcat (可能会比较慢,也可以通过其他渠道下载)

社区版IDEA 搭建Javaweb项目完整版--保姆级教程,第3张

第二步:在idea中安装Tomcat插件

1)任何项目都没有建时

  • 下图是中文版的,顺序不影响
  • 在插件中搜索smart 找到Smart Tomcat 下载插件

    社区版IDEA 搭建Javaweb项目完整版--保姆级教程,第4张

    2)已经建了部分项目

    • 找到Settings

      社区版IDEA 搭建Javaweb项目完整版--保姆级教程,第5张

      •  点击Plugins然后搜索smart 找到Smart Tomcat 下载插件

        社区版IDEA 搭建Javaweb项目完整版--保姆级教程,第6张

        以后我们如果有需要用到的插件(如汉化包插件……),也是通过以上两种方法其一下载。 

         搭建web项目

        方法一

        1. 先创建普通Java项目
        2. 再构建web项目的目录结构(使其成为下图所示,右键添加)

        社区版IDEA 搭建Javaweb项目完整版--保姆级教程,第7张

        社区版IDEA 搭建Javaweb项目完整版--保姆级教程,第8张

        方法二

        新建项目,如下图

        File--New--Project

        NewProject中选Java和Maven

        社区版IDEA 搭建Javaweb项目完整版--保姆级教程,第9张

        社区版IDEA 搭建Javaweb项目完整版--保姆级教程,第10张

        社区版IDEA 搭建Javaweb项目完整版--保姆级教程,第11张

         然后补全Javaweb的文件结构

        • 注意大小写和名称以及位置
        • main目录下新建webapp文件夹
        • webapp目录下新建WEB-INF文件夹和index.html
        • WEB-INF目录下新建web.xml
        • test目录下新建resources

          社区版IDEA 搭建Javaweb项目完整版--保姆级教程,第12张

          •  对于web.mxl中内容的编写
            
            
                xss
                
                    index.html
                
            

            配置Tomcat

            1.设置中配置Tomcat

            1)File--Settings

            社区版IDEA 搭建Javaweb项目完整版--保姆级教程,第13张

            2)点击+ 然后添加自己之前下载到本地的Tomcat

            3)点击“应用”(Apply),之后点击“确定”(OK)。

            社区版IDEA 搭建Javaweb项目完整版--保姆级教程,第14张

            2.为项目添加Tomcat

            1)Run--Edit Configurations

            社区版IDEA 搭建Javaweb项目完整版--保姆级教程,第15张

            2)点击+ 

            3)点击Smart Tomcat

            社区版IDEA 搭建Javaweb项目完整版--保姆级教程,第16张

             4)细节讲述

            1. Name可以修改成自己喜欢的(也可以不动)
            2. Deployment Directory: 项目部署的用到的文件夹
            3. Context Path: / 表示访问项目时直接访问本机(localhost)
            4. Server Port: Tomcat的端口号,不会改变

            社区版IDEA 搭建Javaweb项目完整版--保姆级教程,第17张

             5)点击“应用”(Apply),之后点击“确定”(OK)。

            3.添加Tomcat依赖的jar包

            1)File--Project Structure

            社区版IDEA 搭建Javaweb项目完整版--保姆级教程,第18张

             2)按顺序依次点击

            社区版IDEA 搭建Javaweb项目完整版--保姆级教程,第19张

             3)点击“应用”(Apply),之后点击“确定”(OK)。

             4)找到jsp-api.jar和servlet-api.jar(Javaweb使用这两个就够了,当然也可以将整个lib全部放入,具体方法在此不做讲述)

            社区版IDEA 搭建Javaweb项目完整版--保姆级教程,第20张

             5)点击OK

            检测是否成功

            1)点击运行

            社区版IDEA 搭建Javaweb项目完整版--保姆级教程,第21张

             2)点击链接

            社区版IDEA 搭建Javaweb项目完整版--保姆级教程,第22张

            浏览器出现index.html则说成功社区版idea搭建Javaweb成功 

            社区版IDEA 搭建Javaweb项目完整版--保姆级教程,第23张