IntelliJ IDEA 入门(三)IntelliJ IDEA创建普通Web项目

前言

      本章讲解使用IDEA创建普通Web项目的方法

方法

1.项目页创建项目

之前我们讲过在IDEA首页创建我们的项目,那么这一次在前面项目的页面上我们新建一个普通的Web项目

点击File-->New --> Project...

IntelliJ IDEA 入门(三)IntelliJ IDEA创建普通Web项目_第1张图片

2.配置JDK、JavaEE和Server

我们选择Java Enterprise,右侧配置好我们的JDK版本和JavaEE的版本

IntelliJ IDEA 入门(三)IntelliJ IDEA创建普通Web项目_第2张图片

配置Application Server,这里我们选择Tomcat

IntelliJ IDEA 入门(三)IntelliJ IDEA创建普通Web项目_第3张图片

在下面的配置中配置好我们的tomcat路径:

IntelliJ IDEA 入门(三)IntelliJ IDEA创建普通Web项目_第4张图片

IntelliJ IDEA 入门(三)IntelliJ IDEA创建普通Web项目_第5张图片

勾选web支持,选择servlet版本和创建对应的web.xml文件,点击next

IntelliJ IDEA 入门(三)IntelliJ IDEA创建普通Web项目_第6张图片

3.配置项目名称和路径

在下面的窗口配置好项目的名称、路径,点击Finish

IntelliJ IDEA 入门(三)IntelliJ IDEA创建普通Web项目_第7张图片

这个时候呢,会跳出一个选项,你可以选择新打开一个窗口显示你新建的项目还是就在这个窗口显示

This Window表示本窗口显示,New Window代表新窗口显示,这里我们选择本窗口显示即可。

IntelliJ IDEA 入门(三)IntelliJ IDEA创建普通Web项目_第8张图片

创建完毕的Web项目结构:

IntelliJ IDEA 入门(三)IntelliJ IDEA创建普通Web项目_第9张图片

4.启动项目

在启动项目之前,我们编写一个servlet做测试

1)编写index.jsp

<%--
  Created by IntelliJ IDEA.
  User: jwang
  Date: 2019/11/30
  Time: 14:28
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

  
    hello page
  
  
  hello idea
  

2)编写HelloServlet

package cn.edu.ccut;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@WebServlet(name = "helloServlet",urlPatterns = {"/hello.do"})
public class HelloServlet extends HttpServlet {

    @Override
    protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        System.out.println("hello world");
        req.getRequestDispatcher("/index.jsp").forward(req,resp);
    }
}

3)为了方便调试,点击debug启动项目

在弹出的浏览器打开如下网址:http://localhost:8080/helloWeb_war_exploded/hello.do

IntelliJ IDEA 入门(三)IntelliJ IDEA创建普通Web项目_第10张图片

附录:

1.tomcat配置

点击此配置来配置Tomcat

IntelliJ IDEA 入门(三)IntelliJ IDEA创建普通Web项目_第11张图片

在这里可以配置tomcat的相关信息:

  • 配置启动项目之后运行的浏览器
  • 配置JRE
  • 配置端口号
  • etc...

IntelliJ IDEA 入门(三)IntelliJ IDEA创建普通Web项目_第12张图片

在这里配置访问项目的路径,我这里选择根路径:

IntelliJ IDEA 入门(三)IntelliJ IDEA创建普通Web项目_第13张图片

再次启动项目,你将会发现惊喜!

你可能感兴趣的:(IntelliJ,IDEA,idea)