IDEA中创建Web工程流程

第一步:File--》New--》Project

IDEA中创建Web工程流程_第1张图片第二步:填写信息,点击Create

IDEA中创建Web工程流程_第2张图片

第三步:点击File,点击Project Structure

IDEA中创建Web工程流程_第3张图片

出现该界面

IDEA中创建Web工程流程_第4张图片

选择相应的版本,这里我用jdk17,点击apply ,点击ok

IDEA中创建Web工程流程_第5张图片

第三步:右键文件名称,点击New,点击Directory,创建src文件,同此步骤再创建lib文件

IDEA中创建Web工程流程_第6张图片

第四步:导入servlet包

如何没有该包,点击此处,在上方搜索框搜索servlet,然后回车,点击出现的第一个Java Servlet API

IDEA中创建Web工程流程_第7张图片

下载相应版本,这里下载4.0.1,点击4.0.1

IDEA中创建Web工程流程_第8张图片

点击jar

IDEA中创建Web工程流程_第9张图片

下载后,复制该包,鼠标右击lib文件夹,点击Paste粘贴包

IDEA中创建Web工程流程_第10张图片

点击Ok

IDEA中创建Web工程流程_第11张图片

然后鼠标右击该包,点击Add as library...

IDEA中创建Web工程流程_第12张图片

第五步:右击项目名,点击Add Framework Support,点击Java EE 下的Web Application,然后点击OK

IDEA中创建Web工程流程_第13张图片

部分人弹出界面是下面这样,这时,我们需要在到该项目在磁盘的路径地址,删除.idea和.iml文件,然后关闭重新打开IDEA,按照第五步打开就有Java EE了

IDEA中创建Web工程流程_第14张图片

IDEA中创建Web工程流程_第15张图片

第六步:部署Tomcat

点击右上角的Current File,点击Edit Configurations...

IDEA中创建Web工程流程_第16张图片

点击左上角的+号

IDEA中创建Web工程流程_第17张图片

找到Tomcat Server,点击Local

IDEA中创建Web工程流程_第18张图片

弹出下面的界面,这里添加Name名称,在Application server中找到你本地安装Tomcat的文件地址

我们会发现在该界面最下方会显示一个Warning,我们点击右下角的Fix

IDEA中创建Web工程流程_第19张图片

点击apply,点击OK

IDEA中创建Web工程流程_第20张图片

接下来我们测试一下

import javax.servlet.*;
import javax.servlet.annotation.WebServlet;
import java.io.IOException;
@WebServlet(name = "helloServlet", urlPatterns = {"/hello", "/h"})
public class HelloServlet implements Servlet {
    @Override
    public void init(ServletConfig servletConfig) throws ServletException {
        System.out.println("初始化开始");
    }

    @Override
    public ServletConfig getServletConfig() {
        return null;
    }

    @Override
    public void service(ServletRequest servletRequest, ServletResponse servletResponse) throws ServletException, IOException {
        System.out.println("接收请求");
    }

    @Override
    public String getServletInfo() {
        return null;
    }

    @Override
    public void destroy() {
        System.out.println("销毁服务");
    }
}

启动Tomcat 

 IDEA中创建Web工程流程_第21张图片

在弹出的网页地址上输入上面代码中配置的urlPatterny,我这里配置的是hello和h

IDEA中创建Web工程流程_第22张图片

观察IDEA运行结果

IDEA中创建Web工程流程_第23张图片

我们刷新一下刚才弹出的网页

IDEA中创建Web工程流程_第24张图片

IDEA中创建Web工程流程_第25张图片

此时我们停止Tomcat

IDEA中创建Web工程流程_第26张图片

IDEA中创建Web工程流程_第27张图片

你可能感兴趣的:(intellij-idea,java,ide)