在Eclipse中建立Maven Web项目

川长思鸟来 2022-09-30 11:48 215阅读 0赞

一、软件版本  
Eclipse Java EE IDE for Web Developers. Version: Neon Release (4.6.0)  
Maven 3.3.9  
Servlet 2.5  
tomcat9  
jdk1.8  
本文将定Eclipse已配置好jdk和tomcat。  
二、创建步骤  
1、新建一个maven web项目  
1.1 打开Eclipse，Ctrl + N 弹窗新建向导， 如下图  
![20170321214021365][]  
  
1.2 在搜索框中输入 maven project，

1.3 选择 Next ，选择好工作区间

![20170321214056350][]

1.4 选择 Next ，这里选择webapp结尾的骨架来创建web项目  
![20170321214131585][]  
  
1.5 输入好信息后，点击finish  
![20170321214251773][]

1.7 至此，一个初始的maven web项目就建好了，目录结构如下：

![20170321214324273][]

2、项目属性的基本设置

2.1更改项目属性为UTF-8。

![20170321214639013][]

![20170321214734666][]

2.2更改项目依赖的jdk为本地jdk。

![20170321214950111][]

![20170321215003470][]

![20170321215119262][]

2.3更改项目的其他属性

![20170321215253896][]

3、更改项目的部署路径

![20170321215511165][]

![20170321215520561][]

![20170321215529743][]

4、编写程序

这里编写一个简单servlet。首先在pom.xml中引入servlet依赖。

pom.xml

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
    	<modelVersion>4.0.0</modelVersion>
    	<groupId>com.kang</groupId>
    	<artifactId>WebTest</artifactId>
    	<packaging>war</packaging>
    	<version>0.0.1-SNAPSHOT</version>
    	<name>WebTest Maven Webapp</name>
    	<url>http://maven.apache.org</url>
    	<dependencies>
    		<dependency>
    			<groupId>junit</groupId>
    			<artifactId>junit</artifactId>
    			<version>3.8.1</version>
    			<scope>test</scope>
    		</dependency>
    		<dependency>
    			<groupId>javax.servlet</groupId>
    			<artifactId>servlet-api</artifactId>
    			<version>2.5</version>
    			<scope>provided</scope>
    		</dependency>
    	</dependencies>
    	<build>
    		<finalName>WebTest</finalName>
    	</build>
    </project>

然后在src/main/java目录下建立一个servlet。

MyTest.java

package com.kang;
    
    import java.io.IOException;
    import javax.servlet.ServletException;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    /**
     * Servlet implementation class MyTest
     */
    public class MyTest extends HttpServlet {
    	private static final long serialVersionUID = 1L;
           
        /**
         * @see HttpServlet#HttpServlet()
         */
        public MyTest() {
            super();
            // TODO Auto-generated constructor stub
        }
    
    	/**
    	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
    	 */
    	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    		// TODO Auto-generated method stub
    		response.getWriter().append("Served at: ").append(request.getContextPath());
    	}
    
    	/**
    	 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
    	 */
    	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    		// TODO Auto-generated method stub
    		doGet(request, response);
    	}
    
    }

最后编写jsp页面。

index.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    Hello World!
    	<a href="http://localhost:8080/WebTest/MyTest">request.getContextPath()</a>
    </body>
    </html>

5、运行到tomcat上

![20170321220258456][]

![20170321220306722][]

[20170321214021365]: /images/20220706/1e7771b97c6c43488dd389e99444ed2a.png
[20170321214056350]: /images/20220706/6bb15121250442d5a69bb7e29369d5b3.png
[20170321214131585]: /images/20220706/9daec5b2ab814d92808c505c6ff2cd1d.png
[20170321214251773]: /images/20220706/44dac642e15e43cdb9e9fb6f3a039b31.png
[20170321214324273]: /images/20220706/e5de0d2375284591b219eb705dfc4424.png
[20170321214639013]: /images/20220706/f0f6ad4c8b9146a1b139a636ba3b8356.png
[20170321214734666]: /images/20220706/b2e5bc0b8fb5447eb237113b2c3b41da.png
[20170321214950111]: /images/20220706/9d8ed7972bee41838bbe98d1e4bd80bd.png
[20170321215003470]: /images/20220706/049e6ca287c54df7bc38226eba6189b5.png
[20170321215119262]: /images/20220706/fdc005c70a6b42acb3cea0bbae004b11.png
[20170321215253896]: /images/20220706/51e36e3de04643a5958a3bfeab12bb79.png
[20170321215511165]: /images/20220706/ef8cc0767d5142ce97d2e6c67d7d6b69.png
[20170321215520561]: /images/20220706/630700e4d5c745d38cc85c4c9bed5f0a.png
[20170321215529743]: /images/20220706/f47d8fe51c60403d9d64cd52df9e75c0.png
[20170321220258456]: /images/20220706/d24c92f395ea4881a81f9d44cd100b51.png
[20170321220306722]: /images/20220706/065156e2c4424f0584f054f8b72f0db7.png