IDEA2023.2.1中创建第一个Tomcat的web项目

  1. 首先,创建一个普通的java项目。点击【file】-【new】-【project】
    IDEA2023.2.1中创建第一个Tomcat的web项目_第1张图片
  2. 创建一个TomcatDemo项目
    IDEA2023.2.1中创建第一个Tomcat的web项目_第2张图片
  3. 创建如下图
    IDEA2023.2.1中创建第一个Tomcat的web项目_第3张图片
  4. 添加web部门。点击【file】-【project structure】
    IDEA2023.2.1中创建第一个Tomcat的web项目_第4张图片
  5. 选择【modules】-选中项目“TomcatDemo”
    IDEA2023.2.1中创建第一个Tomcat的web项目_第5张图片
  6. 点击项目名上的加号【+】,添加【web】模块
    IDEA2023.2.1中创建第一个Tomcat的web项目_第6张图片
  7. 我们就会发现项目下多出了web模块
    IDEA2023.2.1中创建第一个Tomcat的web项目_第7张图片
  8. 点击【OK】
    IDEA2023.2.1中创建第一个Tomcat的web项目_第8张图片
  9. 项目栏效果如下,屏幕多出一个web包模块IDEA2023.2.1中创建第一个Tomcat的web项目_第9张图片
  10. 展开web包,如下图:
    IDEA2023.2.1中创建第一个Tomcat的web项目_第10张图片
  11. 在web包下创建一个index.jsp文件,在WEB-INF下创建classes和lib两个文件夹,如下图:
    IDEA2023.2.1中创建第一个Tomcat的web项目_第11张图片
  12. 点击【File】-【Project structure】-【Modules】-选中项目名【TomcatDemo】-【Paths】-勾选【use module compile output path】-将output path设置为我们刚才创建的classes文件夹即可
    IDEA2023.2.1中创建第一个Tomcat的web项目_第12张图片
  13. 点击【dependencies】-点击加号【+】-添加【JARs or directories】-选中Tomcat的lib目录IDEA2023.2.1中创建第一个Tomcat的web项目_第13张图片
    IDEA2023.2.1中创建第一个Tomcat的web项目_第14张图片
  14. 点击【OK】,完成框架设置
    IDEA2023.2.1中创建第一个Tomcat的web项目_第15张图片
  15. 点击【Current File】IDEA2023.2.1中创建第一个Tomcat的web项目_第16张图片
  16. 选择【edit configurations】
    IDEA2023.2.1中创建第一个Tomcat的web项目_第17张图片
  17. 点击【edit configuration templates】
    IDEA2023.2.1中创建第一个Tomcat的web项目_第18张图片
  18. 导入Tomcat
    IDEA2023.2.1中创建第一个Tomcat的web项目_第19张图片
    配置如下,点击【OK】IDEA2023.2.1中创建第一个Tomcat的web项目_第20张图片
  19. 再点击左上角加号【+】添加Tomcat-local
    IDEA2023.2.1中创建第一个Tomcat的web项目_第21张图片
  20. 添加效果如下:
    IDEA2023.2.1中创建第一个Tomcat的web项目_第22张图片
  21. 点击【fix】
    IDEA2023.2.1中创建第一个Tomcat的web项目_第23张图片
  22. 如下图选择
    IDEA2023.2.1中创建第一个Tomcat的web项目_第24张图片
    IDEA2023.2.1中创建第一个Tomcat的web项目_第25张图片
  23. 点击【OK】
    IDEA2023.2.1中创建第一个Tomcat的web项目_第26张图片
  24. 再点击【OK】
    IDEA2023.2.1中创建第一个Tomcat的web项目_第27张图片
  25. 修改一下创建的index.jsp内容如下,并运行Tomcat
    IDEA2023.2.1中创建第一个Tomcat的web项目_第28张图片
    IDEA2023.2.1中创建第一个Tomcat的web项目_第29张图片
    IDEA2023.2.1中创建第一个Tomcat的web项目_第30张图片

你可能感兴趣的:(tomcat,前端,服务器)