IDEA 新建 JavaWeb 项目

# 10.IDEA 新建 JavaWeb 项目

演示下如何用流行的 IDEA 来创建 JavaWeb 项目。

‍

# 手工创建 JavaWeb 项目

‍ 建立工程目录结构，如下图：

D:JavaWebFirst
├─src
│  └─com
│      └─peterjxl
└─WEB-INF
    └─classes
        └─com
            └─peterjxl

1
2
3
4
5
6
7
8

‍ 在 src/com/peterjxl 下新建一个类，例如：

package com.peterjxl;

public class Dog  {
    private String name;
    public String getName(){
        return this.name;
    }
    public void setName(String name){
        this.name=name;
    }
  
}

1
2
3
4
5
6
7
8
9
10
11
12

‍ 编译“Dog.java”并输出到 WEB-INF/classes/com/目录下

javac ./src/com/peterjxl/Dog.java -d ./WEB-INF/classes/

在项目根目录下建立 jsp 文件，如“index.jsp”：

<%@ page language="java" pageEncoding="utf-8" %>
<%@ page import="com.peterjxl.Dog" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>dog shop</title>
</head>
<body>
    <h1>
        <%
            Dog d=new Dog();
            d.setName("huahua");
            out.println(d.getName());
        %>
    </h1>
</body>
</html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

此时项目目录结构如下：

JavaWebFirst
├── index.jsp
├── src
│   └── com
│       └── peterjxl
│           └── Dog.java
└── WEB-INF
    └── classes
        └── com
            └── peterjxl
                └── Dog.class

1
2
3
4
5
6
7
8
9
10
11

发布项目：将该项目复制到 tomcat 的 webapps 目录下（可以删除 src 目录）

启动 tomcat，并访问 http://localhost:8080/JavaWebFirst/：

# IDEA 新建 JavaWeb 项目

笔者这里新建了一个 LearnJavaWeb 的空项目

‍

然后在项目根目录上右键--添加框架支持（Add Framework Support）：

‍

可以看到多了一个 web 项目，并且有 WEB-INF 目录和 web.xml 文件等：

‍

# 集成 Tomcat

还记得我们之前说过的 Tomcat 部署项目的方式吗？新建项目后，我们要如何部署到 Tomcat 呢？这就得在 IDEA 中配置 Tomcat 的相关信息（例如 Tomcat 的安装位置等），配置完后，我们运行 JavaWeb 项目时，IDEA 就会自动帮我们在 conf\Catalina\localhost 里新建 xml 文件，然后启动 Tomcat。 ‍ 我们目前还没配置项目运行的方式，因此我们在运行里编辑一个配置：

‍