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包的步驟:

  1.  在 https://mvnrepository.com 中搜索所需要的jar包
  2.  選擇使用人數最多的
  3.    復制坐標到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>

login.html

<!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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM