Maven web项目(简单的表单提交) 搭建(eclipse)

　　我们将会搭建一个,基于Maven管理的,具有简单的表单提交功能的web项目,使用DAO--service--WEB三层结构,服务器使用Tomcat

1 项目基本结构的搭建

　　左上角File--->New ---> Other --->选中 Maven project

此处建议直接选中Create a simple project,点击Next下一步

Group Id :项目所属的组织名称

Artifact Id: 当前产品的名称

packaging: 当前创建的是一个web项目,一定记得打包方式要选中war

点击Finish完成之后会发现项目在报错

,此时只需将视图调整为JavaEE 状态下,选中项目中Deployment Description 单击鼠标右键

在弹出的菜单中选中即可

2 修改项目的编译环境

保存设置

发现项目还是报错,我们需要强制刷新更改的内容

2 开始建包

maven项目的基本结构在 https://www.douban.com/note/647763818/ 中有详细说明此处不再赘述, 请按照如下结构建包,将整个项目分成

DAO--service--web三部分

由于我们要使用tomcat作为服务器,在maven管理的项目中我们使用pom.xml文件来管理依赖的jar包

1 <!-- https://mvnrepository.com/artifact/javax.servlet/javax.servlet-api -->
2         <dependency>
3             <groupId>javax.servlet</groupId>
4             <artifactId>javax.servlet-api</artifactId>
5             <version>4.0.0</version>
6             <scope>provided</scope>
7         </dependency>

tips:

　　在pom.xml文件中添加jar包的步骤:

　在　https://mvnrepository.com 中搜索所需要的jar包
　选择使用人数最多的
复制坐标到pom.xml的<dependencies></dependencies>标签中

<dependencies></dependencies>标签是maven用于添加jar包管理的标签,所有的依赖都需要定义在dependencies中

项目需要查数据库,我们同时需要添加链接数据库的jar

<!-- https://mvnrepository.com/artifact/mysql/mysql-connector-java -->
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>5.1.41</version>
        </dependency>

现在给出pom.xml的完整代码

 1 <project xmlns="http://maven.apache.org/POM/4.0.0" 
 2 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 3     xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
 4     
 5     <!--
 6         1.xmlns:XML name space  命名空间
 7         2.xsi: XML官方约束 (需要遵循的XML 配置规范)
 8         3.xsi:schemaLocation 约束文件的位置
 9       -->
10     
11     <!--表示Maven项目所遵从的标准 (以最高为准)  -->
12     <modelVersion>4.0.0</modelVersion>
13 
14     <!-- 项目坐标 -->
15     <groupId>com.lisa</groupId>
16     <artifactId >my-crm</artifactId>
17     <version>0.0.1-SNAPSHOT</version>
18     
19     <!-- 表示该项目最终的结构  jar war pom -->
20     <packaging>war</packaging>
21 
22     <dependencies>
23         <!-- https://mvnrepository.com/artifact/javax.servlet/javax.servlet-api -->
24         <!-- 每一个依赖的jar包使用dependency包裹 -->
25         <dependency>
26             <groupId>javax.servlet</groupId>
27             <artifactId>javax.servlet-api</artifactId>
28             <version>4.0.0</version>
29             <scope>provided</scope>
30         </dependency>
31         
32         <!-- https://mvnrepository.com/artifact/mysql/mysql-connector-java -->
33         <dependency>
34             <groupId>mysql</groupId>
35             <artifactId>mysql-connector-java</artifactId>
36             <version>5.1.41</version>
37         </dependency>
38         
39     </dependencies>
40 </project>

3 编写servlet

servlet的代码如下

 1 package com.lisa.web;
 2 
 3 import java.io.IOException;
 4 import javax.servlet.ServletException;
 5 import javax.servlet.annotation.WebServlet;
 6 import javax.servlet.http.HttpServlet;
 7 import javax.servlet.http.HttpServletRequest;
 8 import javax.servlet.http.HttpServletResponse;
 9 
10 /*
11  * 实现用户登录
12  */
13 @WebServlet(urlPatterns = "/user")
14 public class UserWeb extends HttpServlet {
15     
16     private static final long serialVersionUID = 1L;
17 
18     protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
19     
20         String name = req.getParameter("username");
21         
22         String pwd = req.getParameter("pwd");
23         
24         System.out.println(name+" == "+pwd);
25 
26     }
27 }

web.xml(注意这里使用的servlet3.0)

1 <?xml version="1.0" encoding="UTF-8"?>
2 <web-app  
3         version="3.0"  
4         xmlns="http://java.sun.com/xml/ns/javaee"  
5         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"  
6         xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd">  
7   <display-name>my-crm</display-name>
8  
9 </web-app>

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <form action="http://localhost:8080/user" method="post">
            <input type="text" name="username" id="username" value="" />
            <input type="text" name="pwd" id="pwd" value="" />
            <input type="submit" value="提交" />
        </form>
    </body>
</html>

测试:

将项目加入Tomcat中,启动服务器,直接访问页面login.html