idea搭建可运行Servlet的Web项目[maven]

柔光的暖阳◎ 2022-01-10 07:53 245阅读 0赞

### 1. new Project ###

**File** > **new** > **Project…**

![1104426-20190328205855524-728915856.png][]

### 2. 填写 GroupID\\ArtifactID ###

> GroupID 是项目组织唯一的标识符，实际对应JAVA的包的结构，是main目录里java的目录结构。
> 
> ArtifactID 是项目的唯一的标识符，实际对应项目的名称，就是项目根目录的名称。

![1104426-20190328210245055-618965514.png][]

接下来一路 **Next** 然后 **Finish** 完成创建。

创建完成后如下图所示：

![1104426-20190328210426829-1286956438.png][]

### 3. 创建 java 目录 ###

![1104426-20190328210628272-984668082.png][] ![1104426-20190328210704127-1253439033.png][]

在 **main** 目录上右击，选择 **New Folder**

![1104426-20190328211256279-1498135177.png][]

将 **java** 目录标记为 **Source**

![1104426-20190328211324464-135650449.png][]

同样的我们可以再来创建一个 **resource** 文件夹，标记为 **resource** 类型：

![1104426-20190328211554137-377942910.png][]

完成之后：

![1104426-20190328211705386-1185399977.png][]

### 4. 创建 Servlet ###

首先引入 Servlet 需要的依赖：

<dependency>
        <groupId>javax.servlet</groupId>
        <artifactId>servlet-api</artifactId>
        <version>2.5</version>
        </dependency>

![1104426-20190328211932779-950048732.png][]

编写 **MyServlet** 继承 **HttpServle**t 实现 **service** 方法：

![1104426-20190328212339616-173843002.png][]

public class MyServlet extends HttpServlet {
         
    
        @Override
        protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
         
            //设置字符编码
            request.setCharacterEncoding("utf8");
            //从 request 对象中获取username,password
            String username = request.getParameter("username");
            String password = request.getParameter("password");
            request.setAttribute("username",username);
            request.setAttribute("password",password);
            request.getRequestDispatcher( "/new.jsp").forward(request, response);;
        }
    }

new.jsp

<html>
    <body>
    <h2>This is new Page</h2>
    username: <%=request.getParameter("username") %>
    <br>
    password: <%=request.getParameter("password") %>
    </body>
    </html>

### 5. 配置 web.xml ###

配置 **web.xml** 后，才能让别人调用：

<!DOCTYPE web-app PUBLIC
    "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
    "http://java.sun.com/dtd/web-app_2_3.dtd" >
    
    <web-app>
    <display-name>Archetype Created Web Application</display-name>
    
    <servlet>
        <servlet-name>MyServlet</servlet-name>
        <servlet-class>club.sscai.demo.MyServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>MyServlet</servlet-name>
        <url-pattern>/MyServlet</url-pattern>
    </servlet-mapping>
    
    </web-app>

### 6. 配置 Tomcat ###

直接看图：

![1104426-20190328212936350-1276629975.png][] ![1104426-20190328213021440-174893614.png][] ![1104426-20190328213118244-862428074.png][]

访问：http://localhost:8080/MyServlet?password=1111&username=222

![1104426-20190328213420934-1076965260.png][]

servlet成功处理请求响应，至此，maven创建项目成功

> 如果文章有错的地方欢迎指正，大家互相留言交流。习惯在微信看技术文章，想要获取更多的Java资源的同学，可以关注微信公众号：niceyoo

![1104426-20190317205145060-1627092390.jpg][]

转载于:https://www.cnblogs.com/niceyoo/p/10617899.html

[1104426-20190328205855524-728915856.png]: /images/20220109/2e65afb873d04d95a25798c5c5350c8d.png
[1104426-20190328210245055-618965514.png]: /images/20220109/056758ddb08646939156bdfc5be187c3.png
[1104426-20190328210426829-1286956438.png]: /images/20220109/c148c4f7dd23405dbfecf075f9cc503b.png
[1104426-20190328210628272-984668082.png]: https://img2018.cnblogs.com/blog/1104426/201903/1104426-20190328210628272-984668082.png
[1104426-20190328210704127-1253439033.png]: /images/20220109/71d54002c377496ba2fd0e9030335de0.png
[1104426-20190328211256279-1498135177.png]: /images/20220109/119ae2f1572e4b54b00816d5a20419bc.png
[1104426-20190328211324464-135650449.png]: /images/20220109/e1b783c295f0474e884b0fcf56f60e9d.png
[1104426-20190328211554137-377942910.png]: /images/20220109/eecc57cfe69c429cacaa1791eca7070c.png
[1104426-20190328211705386-1185399977.png]: /images/20220109/aca6ee119c7a41a8a29f75ee06369ba6.png
[1104426-20190328211932779-950048732.png]: /images/20220109/71d7e8492df94aaca8b5730417feaef2.png
[1104426-20190328212339616-173843002.png]: /images/20220109/4fab12ff5a5f4e07b9506c37ed754a93.png
[1104426-20190328212936350-1276629975.png]: https://img2018.cnblogs.com/blog/1104426/201903/1104426-20190328212936350-1276629975.png
[1104426-20190328213021440-174893614.png]: https://img2018.cnblogs.com/blog/1104426/201903/1104426-20190328213021440-174893614.png
[1104426-20190328213118244-862428074.png]: /images/20220109/07b0583790ca46418d79205505fed0be.png
[1104426-20190328213420934-1076965260.png]: /images/20220109/f28bb32df7c24fa4b15bc79fb5671838.png
[1104426-20190317205145060-1627092390.jpg]: /images/20220109/5c732cab118a4edb86fabd86da36969f.png