Java-Web项目创建-基础篇

IDEA是一个强大的IDE，其优秀的代码提示，丰富的插件等不是Eclipse可以比拟的。IDEA的Project其实可以看做是Eclipse的Workspace，Modules可以看出是具体的项目。

IntelliJ IDEA

JDK 1.8.0_102 ，安装路径： G:\DevInstall\Java\jdk1.8.0_102

Intellij IDEA 2018.1，安装路径： G:\DevInstall\IntelliJ IDEA 2018.1

Apache Tomcat 9.0.8 ，安装路径： G:\DevSoftware\apache-tomcat-9.0.8

一、创建Web项目

1.1 创建Project

1、打开菜单File -> 选择New -> 选择Project

IntelliJ IDEA

2、选择左侧区域的Empty Project -> 选择Empty Project -> 点击Next

IntelliJ IDEA

3、输入项目名称为 “Demos”，项目路径为 “H:\DevProject\demos” -> 点击Finish

IntelliJ IDEA

1.2 创建Module

4、继续，选择Modules ，点击“+”号 -> 选择“New Module”

IntelliJ IDEA

5、选择Maven ，JDK为1.8，勾选“Create from archetype” ，选择“maven-archetype-webapp”，点击Next

IntelliJ IDEA

6、输入组织ID为”com.study.webapp“，Module名称为”frist_web“-> 点击Next

IntelliJ IDEA

7、确认如下信息：Maven安装目录路径为”G:/DevInstall/Maven“，Maven配置文件路径为”G:\DevInstall\Maven\conf\settings.xml“ ，Maven本地库所在路径为”H:\DevProject\Package.m2\repository“-> 点击Next

IntelliJ IDEA

8、确认如下信息：Module名称为”frist_web“，根目录为”H:\DevProject\demos\frist_web“，Module文件夹所在路径为”H:\DevProject\demos\frist_web“-> 点击Finish

IntelliJ IDEA

9、至此，Web项目就创建完成。

IntelliJ IDEA

二、配置Tomcat容器

1、打开菜单Run -> 选择Edit Configuration
IntelliJ IDEA

2、点击“+”号 -> 选择“Tomcat Server” -> 选择“Local”
IntelliJ IDEA

3、输入新的服务名为”Tomcat“,在”Run/Debug Configurations”窗口的”Server”选项板中，取消勾选”After launch”，设置”HTTP port”和”JMX port”（默认值即可），点击 Apply -> OK，至此Tomcat配置完成。

IntelliJ IDEA

4、点击”Application server”后面的”Configure…”，弹出Tomcat Server窗口，选择本地安装的Tomcat目录 -> OK

IntelliJ IDEA

5、在Tomcat中部署并运行项目, 选择Deployment -> 点击右边的“+”号 -> 选择Artifact

IntelliJ IDEA

6、选择web项目包 -> OK -> OK

IntelliJ IDEA

7、编辑index.jsp文件

IntelliJ IDEA

8、运行Tomcat，在浏览器中查看运行结果，第一个项目执行成功！！

IntelliJ IDEA

三、Servlet简单实现

Servlet运行原理：

IntelliJ IDEA

项目结构：

IntelliJ IDEA

3.1 编写Servlet源文件

项目中，在src文件夹下，新建一个包“com.it.servlet”，再该包下面新建一个名称为“HelloWorldServlet”的Java类型的文件。


package com.it.servlet;
import javax.servlet.annotation.WebServlet;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.*;
import javax.servlet.http.*;

/**
 * @author Howe Hsiang
 */
@WebServlet("/HelloWorld")
public class HelloWorldServlet extends HttpServlet{
    private String message;

    @Override
    public void init() throws ServletException
    {
        // 初始化
        message = "Hello World, First Servlet!";
    }
    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

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

        // 输出文本
        PrintWriter out = response.getWriter();
        out.write("<h1> " + message + " </h1>");
    }
}

3.2 部署Servlet

方法一：在HelloWorldServlet文件的类前面加上：@WebServlet(“/HelloWorld”)，pom.xml文件添加相应的依赖Jar包.

<!--添加Servlet-->
<dependency>
  <groupId>javax.servlet</groupId>
  <artifactId>javax.servlet-api</artifactId>
  <version>3.0.1</version>
  <scope>provided</scope>
</dependency>
<dependency>
  <groupId>javax.servlet.jsp</groupId>
  <artifactId>jsp-api</artifactId>
  <version>2.1</version>
  <scope>provided</scope>
</dependency>

方法二：在WEB-INF目录下web.xml文件的标签中添加如下内容：

<servlet>
   <servlet-name>HelloWorldServlet</servlet-name>
   <servlet-class>com.it.servlet.HelloWorldServlet</servlet-class>
 </servlet>
    
 <servlet-mapping>
   <servlet-name>HelloWorldServlet</servlet-name>
   <url-pattern>/HelloWorld</url-pattern>
 </servlet-mapping>