idea从0创建一个web项目

Idea使用maven构建web工程

idea版本号:2019.3

(1)点击Create New Project

idea从0创建一个web项目_第1张图片

(2) 选择maven—>选择Java JDK —>勾选Create From
archetype—>maven—>maven-archetype-webapp)如下图所示:

idea从0创建一个web项目_第2张图片

(3)选择项目地址Location,填写项目名Name 填写GroupId(域名.公司名.项目名)、Artifacted(模块名)
注意:填写项目名时,Artifacted(模块名)自动匹配到项目名一致,可不用更改

idea从0创建一个web项目_第3张图片

项目名命名规范 所有单词全部用小写,如defence、studentmanagement等

Artifacted命名规范所有单词全部用小写,如defence、student等

GroupId命名规范域名.公司名.项目名最好全部用小写

(4)选择本地maven解压的路径、配置文件(一般选择默认的就可以)

idea从0创建一个web项目_第4张图片

(5)创建成功,目录结构如下:

idea从0创建一个web项目_第5张图片

(6)在main底下new两个Directory文件夹 java,resources

idea从0创建一个web项目_第6张图片

结果如图所示:

idea从0创建一个web项目_第7张图片

(7) 点击Project Struct,设置源码文件夹和资源文件夹

在这里插入图片描述

idea从0创建一个web项目_第8张图片

idea从0创建一个web项目_第9张图片

(8)创建web模块(如果项目模块下已经有web模块请移步下一步)
点击Modules,选择webapp下所在的项目,点击左上角的+,添加web模块

idea从0创建一个web项目_第10张图片

(9)将普通webapp目录设置为web模块

idea从0创建一个web项目_第11张图片

更改Web resources Directory下面的默认路径,指定项目webapp路径

idea从0创建一个web项目_第12张图片

配置成功如图所示:

idea从0创建一个web项目_第13张图片

(10)选择工程—>右击—>选择 build Module 更新模块

idea从0创建一个web项目_第14张图片

(11)配置部署Tomcat

(一)点击Add Configuration

idea从0创建一个web项目_第15张图片

(二)点击左上角+,添加Tomcat模块

idea从0创建一个web项目_第16张图片

(三)配置Tomcat

点击 Configuration ,添加Tomcat

idea从0创建一个web项目_第17张图片

注意:Tomcat Name 可以任意填,HTTP端口默认是8080,选择默认的端口即可

idea从0创建一个web项目_第18张图片

(四)部署Tomcat

idea从0创建一个web项目_第19张图片
idea从0创建一个web项目_第20张图片
idea从0创建一个web项目_第21张图片

(12)编辑pom.xml

   <!--整合servlet-->
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>javax.servlet-api</artifactId>
      <version>4.0.1</version>
      <scope>provided</scope>
    </dependency>

idea从0创建一个web项目_第22张图片

(12)idea支持servlet配置

idea从0创建一个web项目_第23张图片

选择Tomcat,点击AddSelect

idea从0创建一个web项目_第24张图片

(13)创建包

包名命名规范:全部小写字母,最好用域名反过来写,不会冲突。如com.ning.servlet.Hello等。

idea从0创建一个web项目_第25张图片

类名命名规范:类名是以大写字母开头的名词。如果有多个单词组成,每个单词第一个字母应该大写(骆驼命名法)。不能使用Java保留字作为类名。

方法的命名规范:方法的名字的第一个单词应以小写字母作为开头,后面的单词则用大写字母开头

(14)创建servlet包,创建一个名为Hello的Java类

代码如下:

package com.ning.servlet;

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;
import java.io.PrintWriter;

@WebServlet(name = "Hello")
public class Hello extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

    }
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //设置响应内容类型
        response.setContentType("text/html");

        //设置逻辑实现
        PrintWriter out = response.getWriter();
        out.println("

Servlet后台

"
); } }

(15)两种配置方法

1.xml配置(编辑 web.xml)

  <!--注册Servlet-->
  <servlet>
    <!--注册servlet的名字,一般跟Servlet类名有关-->
    <servlet-name>Hello</servlet-name>
    <!--指向我们要注册的servlet 的类地址, 要带包路径-->
    <!--要和创建的类所在位置一致-->
    <servlet-class>com.ning.servlet.Hello</servlet-class>
  </servlet>

  <!--配置我们注册的组件的访问路径,里面包括两个节点-->
  <servlet-mapping>
    <!--与前面写的servlet name一致-->
    <servlet-name>Hello</servlet-name>
    <!--配置这个组件的访问路径-->
    <url-pattern>/Hello</url-pattern>
  </servlet-mapping>

2.注解配置(推荐)【该种配置方式不需要配置编辑web.xml,直接在类上写上如下配置即可】
本次项目以注解配置为例,见步骤14Java代码
@WebServlet(name = “Hello”)

(16)启动Tomcat
idea从0创建一个web项目_第26张图片

如弹出如下图所示,说明配置成功
idea从0创建一个web项目_第27张图片

访问 http://localhost:8081/Hello,如下图所示,说明路由配置成功
注意:端口要和你自己的一致(我的是8081,如果出现404页面,请检查你输入的端口号与Tomcat设置的端口号是否一致)

idea从0创建一个web项目_第28张图片
出现以下页面说明配置成功
在这里插入图片描述

有用的话,记得点赞哦~~

你可能感兴趣的:(项目)