eclipse创建一个基于maven的web项目

梦里梦外; 2024-05-31 05:32 79阅读 0赞

## 一 tomcat的安装部署 ##

### 1. [安装tomcat][tomcat] ###

web程序运行，需要tomcat环境。提前安装好tomcat

### 2.配置tomcat环境 ###

点击 windows ->preference ，在弹出窗口的左侧选中 server -> Runtime enviroment 。

点击Add ,根据安装的tomcat版本选择 tomcat的类型后，点击finish 按钮

![cf5c5c94e8fa4782916205dfd4045ba0.png][]

![16902a0fbdab4ae7aac8d3d0ff6134f9.png][]

![054d5540b06347b9a84817835c7432ea.png][]

3.配置tomcat server

![bdd8c523da7c425a95ac7ed62f1964cc.png][]

点击链接创建tomcat服务器

![f07b34c28b6d4ed2b50d7e1aec63fddb.png][]

![b738c725be5a43a5b6554336e0301fc2.png][]

![a15d0b9944a54ee188561b19fa25ca9d.png][]

将web程序添加到右侧列表

![5328ff079d8c41959411da0b21e7b997.png][]

##  三 创建一个简单的基于maven的 java web项目 ##

### 1 打开Eclipse ###

### 2.新建基于maven的web项目 ###

1）点击菜单 File -> New -> Maven Project，然后点击Next。

![f42fb0ad7f9e40cea3ef75b2dccd4f31.png][]

2）在"Select Project"页面中，设置项目路径，然后点击 Next。

![9ab9ac6a827449cfaf2fcf54ff61d838.png][]

3） 在"Select Archetype"页面中，选择"maven-archetype-webapp"，然后点击Next。![ecafb31899eb42dc8ddf8d5b64126c6e.png][]

4.）在"New Maven Project"页面中，输入Group Id和Artifact Id 后点击Finish。

group id 输入：cn.nfu.caohongxing

Aritifact id 输入：book-mananger-system

Version中输入：1.0.0

![2a3b51802ba14c5280cf1a76b79b2641.png][]

错误的处理：

有的同学，点击finish时，会出现下面的错误，只需要点击右键菜单 run as -> Maven install![3d7f5d44403043a7b3054c3f4c78cb76.png][]

出现上面的错误

![eaf3278d3e5c4323ae99b449f2a776e0.png][]

5） 在"src/main"文件夹下，创建一个名为"java"的文件夹。这将是您的Java源代码目录。

![54cf35eda10747ee98efc4025787c921.png][]

![771680eb41204dbab5f3884c42f4fdf8.png][]

6） 在"java"文件夹下，创建一个Java类文件mvnServerlet.java，并在该类中编写以下代码：![4990f780b63641999b6158d1b116185f.png][]

![e83f7f3c21824879b4309cb3aa473b2c.png][]

输入代码

import java.io.IOException;  
import javax.servlet.ServletException;  
import javax.servlet.http.HttpServlet;  
import javax.servlet.http.HttpServletRequest;  
import javax.servlet.http.HttpServletResponse;  
public class mvnServerlet extends HttpServlet \{  
private static final long serialVersionUID = 1L;  
protected void doGet(HttpServletRequest request, HttpServletResponse response)  
throws ServletException, IOException \{  
response.getWriter().append("Hello, World!");  
\}  
\}

此时javax.servlet 会飘红，原因时包没有导入

7）.在pom.xml中添加 javax.servlet的外部依赖

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

![c2ae2778cc24428fa313db4536d0a3b1.png][]

为了让设置生效，需要重启eclipse

如果还提示出错，更新maven

![4b07cb12a4f04e079d07979b1b87ac51.png][]

![bed40b81fb394e469fe7bc35402f7af9.png][]

8） 编辑项目的"src/main/webapp"文件夹下index.jsp，并在该文件中编写以下代码：

<html>
    <body>
    <h2>Hello World! I am  comming</h2>
    </body>
    </html>

9）. 在项目的"src/main/webapp/WEB-INF文件夹下编辑 web.xml，例如以下代码：

<?xml version="1.0" encoding="UTF-8"?>
    <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
        xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
        version="3.1">
        <display-name>MyWebApp</display-name>
        <welcome-file-list>
            <welcome-file>index.jsp</welcome-file>
        </welcome-file-list>
        <servlet>
            <servlet-name>mvnServerlet</servlet-name>
            <servlet-class>mvnServerlet</servlet-class>
        </servlet>
        <servlet-mapping>
            <servlet-name>mvnServerlet</servlet-name>
            <url-pattern>/mvnServerlet</url-pattern>
        </servlet-mapping>
    </web-app>

10） 编译打包项目，右键点击"pom.xml"文件，选择"Run As -> Maven install"，等待编译和打包完成。

![2740fb3b18794681b6a9af579daab322.png][]

![6a756b1a771f4890982a679594de277a.png][]

点击 windows -> show view ,在弹出窗口中选择”server“

点击右键 start 启动tomcat

![b13c367918274b5286e2f82883efbde4.png][]

![666e0ad64f2f409db1f3aef93f8d0f72.png][]

![12e82731126740d79f5deb3ab55a9266.png][]

![70950762375b4603b9314fe129d83cd3.png][]

等待Tomcat启动后，在浏览器中访问:[http://localhost:8166/book-manager-system/][http_localhost_8166_book-manager-system]

"Hello, World! i am comming"。

以上就是一个简单的完整的基于maven的web项目的创建过程。

[tomcat]: https://blog.csdn.net/caohongxing/article/details/129102490
[cf5c5c94e8fa4782916205dfd4045ba0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/31/907f23c101aa42668632d6ddffd1c1b9.png
[16902a0fbdab4ae7aac8d3d0ff6134f9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/31/74a141dc6e7141eb9e1c454be8a9c431.png
[054d5540b06347b9a84817835c7432ea.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/31/f8094da793e84c9187acb51ebed7d46b.png
[bdd8c523da7c425a95ac7ed62f1964cc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/31/833ee199d9224227b53fe926590093d7.png
[f07b34c28b6d4ed2b50d7e1aec63fddb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/31/1241414203984dc087f7e7455001f723.png
[b738c725be5a43a5b6554336e0301fc2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/31/c405cb31aac942f5b17d84cb6d783d8e.png
[a15d0b9944a54ee188561b19fa25ca9d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/31/5885514053314e5e858e104025cb94c0.png
[5328ff079d8c41959411da0b21e7b997.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/31/50a987bb928d4bbea5df3870f3e0cdfe.png
[f42fb0ad7f9e40cea3ef75b2dccd4f31.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/31/ca6f788a7843456e8484e5e9ecc1c9bd.png
[9ab9ac6a827449cfaf2fcf54ff61d838.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/31/e505a22be4964375a2e9bf9aced60e87.png
[ecafb31899eb42dc8ddf8d5b64126c6e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/31/5587d53d6f0e4755a010ffe3014edf5d.png
[2a3b51802ba14c5280cf1a76b79b2641.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/31/3e09db41d8d14505a3cb952c99fbe0e6.png
[3d7f5d44403043a7b3054c3f4c78cb76.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/31/7e94128991e74de59ee49e050793d1cd.png
[eaf3278d3e5c4323ae99b449f2a776e0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/31/6b77c5b304a446ecb5406439b6016cac.png
[54cf35eda10747ee98efc4025787c921.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/31/cf5779efb10842e59f2aa09b8e2e66f1.png
[771680eb41204dbab5f3884c42f4fdf8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/31/859795d6f5074c75a528866d5a1877ac.png
[4990f780b63641999b6158d1b116185f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/31/74341df544d04bfbbb8c51e012b98a25.png
[e83f7f3c21824879b4309cb3aa473b2c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/31/be37c4d053434545a2e986c1b20f5fce.png
[c2ae2778cc24428fa313db4536d0a3b1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/31/d39585cf5b2c4078b40deadd9a3236a7.png
[4b07cb12a4f04e079d07979b1b87ac51.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/31/82b643d9a45d41cb91230ac22b05af8d.png
[bed40b81fb394e469fe7bc35402f7af9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/31/f9dd317fe31b4a50a9e18d4c65a607d3.png
[2740fb3b18794681b6a9af579daab322.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/31/3080e05ae7b54bf8bdca7128291bcb3f.png
[6a756b1a771f4890982a679594de277a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/31/16d5e530312b4ec8bade68791cade56a.png
[b13c367918274b5286e2f82883efbde4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/31/15ee7f54696342b7b2e2cdfc9144138a.png
[666e0ad64f2f409db1f3aef93f8d0f72.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/31/ff8cb46c43a1489c93f407fd75fea27f.png
[12e82731126740d79f5deb3ab55a9266.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/31/cb3cc715eba543a884a35d474e372b93.png
[70950762375b4603b9314fe129d83cd3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/31/6170ad15b1c843979cbf9b6e85539ff8.png
[http_localhost_8166_book-manager-system]: http://localhost:8166/book-manager-system/