IDEA新建JavaWeb项目

# 10.IDEA新建JavaWeb项目

为了后续学习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。

‍

我们目前还没配置项目运行的方式，因此我们在运行里编辑一个配置