IDEA 创建 web 应用程序

新建 java web 工程

  • 新建工程,选择java web 应用模板
IDEA 创建 web 应用程序_第1张图片
创建web应用
  • 设置应用名与工程存储路径
IDEA 创建 web 应用程序_第2张图片
设置应用名与路径
  • 在WEB-INF目录下,右键选择Directory,新建classeslib目录
IDEA 创建 web 应用程序_第3张图片
添加文件夹
  • 工程目录结构说明
    • src: 存放java文件
    • classes: 存放编译后生成的class文件
    • lib: 存放导入的第三方jar包
IDEA 创建 web 应用程序_第4张图片
工程目录

配置工程参数

  • 选择 File -> Project Structure (快捷键:Command+;)
IDEA 创建 web 应用程序_第5张图片
配置工程文件
  • 自定义classes文件输出路径,选择 Modules -> Path,将 Output path 和 Test Output path更改为 新建的classes目录路径
IDEA 创建 web 应用程序_第6张图片
配置工程文件路径
  • 选择Jar包目录,Modules -> Dependencies,点击“+”,选择 JARs or directories
IDEA 创建 web 应用程序_第7张图片
选择配置Jar包目录
  • 选择刚刚创建的"lib"目录,作为 Jar Directory
IDEA 创建 web 应用程序_第8张图片
配置JAR包路径

配置 Tomcat 容器

  • 选择 Edit Configurations
IDEA 创建 web 应用程序_第9张图片
配置Tomcat
  • 点击左上角“+”,选择Tomcat Server -> Local
IDEA 创建 web 应用程序_第10张图片
添加Tomcat Local Server
  • 设置Tomcat名称,修改默认浏览器、连接地址、端口号等参数
IDEA 创建 web 应用程序_第11张图片
设置Tomcat Name
  • 添加打包的工程
IDEA 创建 web 应用程序_第12张图片
添加Tomcat Artifact
  • 添加应用启动路径
IDEA 创建 web 应用程序_第13张图片
配置应用路径

运行 web 工程

  • 修改index.jsp文件

  
    JavaWeb
  
  
      Hello World!
  

  • 编译运行
IDEA 创建 web 应用程序_第14张图片
应用运行结果

你可能感兴趣的:(IDEA 创建 web 应用程序)