2. 程式人生 > >基於IDEA+Maven+SpringMVC的入門web程序分析(一)

基於IDEA+Maven+SpringMVC的入門web程序分析(一)

阿新 • • 發佈：2017-10-09
tco pid nbsp throw 編碼 es2017 ctr 文件中 存在

第一步:Maven項目的創建【手動創建Maven項目而沒有使用Maven的自動構建web項目】

使用Maven模板自動構建web項目圖如下,這裏不細講:

技術分享

手動創建Maven Web項目流程如下:

1.1 File->New->Project 出現下圖:

技術分享

1.2 然後點擊next，出現下圖

技術分享

由GroupId、ArtifactId、Version三個元素直接確定了唯一的一個Maven模塊

填寫相應的GroupId、ArtifactId

技術分享

註意，上面的三個屬性會出現在Maven的pom.xml文件中

1.3 點擊next，出現如下所示的圖片

技術分享

這裏的Project name(上面)和Module name(下面)根據上一步的ArtifactId默認生成，這裏自己可以隨意修改的。這裏的項目名稱和模塊名稱是一樣的，也可以不一樣。

1.4 點擊finish，出現如下圖所示界面:
技術分享

中間顯示的是pom.xml文件，可以看見之前所選擇的GroupId、ArtifactId和Version都出現在pom.xml文件中，右下角這個小標簽提示Maven projects need to be imported(Maven項目需要導入)，可以點擊下面的Import Changes選項，導入所發生的變化，以後的Maven項目的pom.xml文件發生變化時，右下角都會提醒，自己可以選擇性的導入相應的變化。

第二步：構建基於Maven和SpringMVC的Web項目目錄結構

2.1 在上面點擊finish後的Web項目目錄結構如下圖所示：

技術分享

1.2 現在對上面的Web項目目錄結構做相應的更改，得到如下所示的項目目錄結構

技術分享

第三步：一些必須的準備工作

3.1 File->Project Stricture設置(在整個軟件界面的上方也能看到Project Structure前面的圖標，點擊進去，同樣設置)，如下圖:

技術分享

3.2 先進行Project的設置，這裏最重要的就是Project SDK的設置，其他的默認就可以了。下面的Project compiler output指示了項目編譯後，生成的相應文件都放在哪！所以編譯後整個目錄結構是會多一個out文件夾的。

技術分享

3.2 現在進行Modules的設置

3.2.1 可以看到Modules有三個重要標簽，Source標簽已經顯示出來了，這裏不用設置，默認就好，如下如所示：

技術分享

3.2.2 再來看Path標簽，重要的Compile output標簽，選著第二項，可以發現，項目編譯後的classes文件都放在target目錄下，所以後面的目錄結構也新增了一個target文件夾。

技術分享

3.2.3 設置Dependecies標簽，這裏很重要

(1) 導入依賴JAR包,點擊右邊的+，然後選擇第一個選項Jars or Directories

技術分享

技術分享

方框1：裏面的jar包路徑，選擇自己jar包所在的位置就好

方框2：選擇相應的jar包，然後點擊OK導入

導入後的結果如下所示:

技術分享

這裏的導入的Jar包是作為外部庫(External Librarise)存在的，可以在Web項目目錄結構中看到：

(2) 這裏先新增一個web結構，開發web項目必須要添加此配置，主要是對Web.xml和Web根目錄做一個配置，否則最後項目運行時，會出現404錯誤

新增前：

技術分享

新增後：

技術分享

新增後以及配置前:

技術分享

這裏要根據你實際的Web項目目錄來進行路徑設置:

實際Web項目目錄結構如下:

技術分享

配置後的結果如下:

技術分享

路徑設置好後:

會發現相應的圖標發生了變化,主要是web.xml和文件夾webapp:

配置前:

技術分享

配置後:

技術分享

到目前為止，Modules部分就全都配置好了，不過可以看到上面的圖裏面有一個警告:Web Facet resources are not included in an artifact,這裏我們在Artifact設置部分(下面)來解決；

3.3 Artifact部分設置: 這裏設置的主要是看最後我們的項目是以怎麽一種形式發布，web項目的發布一般選擇war包的形式進行發布，不需要直接發布源代碼。

配置前，可以發現中間部分什麽都沒有:

技術分享

點擊+，進行配置：

技術分享

選擇From Modules:

技術分享

點擊OK:

技術分享

到此為止，Project Structure就全部設置好了

第四步，代碼、配置文件整理

4.1 控制器Controller相關代碼,這裏是基於XML配置的方式，控制器的實現需要實現Controller接口

技術分享 
 1 package com.wangfei.firstspringmvc.controller;
 2 
 3 
 4 import org.springframework.web.servlet.ModelAndView;
 5 import org.springframework.web.servlet.mvc.Controller;
 6 
 7 import javax.servlet.http.HttpServletRequest;
 8 import javax.servlet.http.HttpServletResponse;
 9 
10 public class IndexController implements Controller{
11 
12     public IndexController(){
13 
14     }
15 
16 
17     public ModelAndView handleRequest(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse) throws Exception {
18 
19         ModelAndView mv = new ModelAndView("index.jsp");
20         mv.addObject("message","Hello Spring MVC");
21 
22         return mv;
23     }
24 }
View Code 
 1 package com.wangfei.firstspringmvc.controller;
 2 
 3 
 4 import org.springframework.web.servlet.ModelAndView;
 5 import org.springframework.web.servlet.mvc.Controller;
 6 
 7 import javax.servlet.http.HttpServletRequest;
 8 import javax.servlet.http.HttpServletResponse;
 9 
10 public class IndexController implements Controller{
11 
12     public IndexController(){
13 
14     }
15 
16 
17     public ModelAndView handleRequest(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse) throws Exception {
18 
19         ModelAndView mv = new ModelAndView("index.jsp");
20         mv.addObject("message","Hello Spring MVC");
21 
22         return mv;
23     }
24 }

4.2 web.xml文件配置，這裏主要配置的是處理客戶端瀏覽器發出請求的前端控制器DispatcherServlet，既然是一個Servlet，所以就和Servlet的配置很類似:

技術分享 
 1 <?xml version="1.0" encoding="UTF-8"?>
 2 <web-app version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee"
 3          xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 4          xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
 5 http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
 6 
 7 
 8     <!-- 配置SpringMVC的請求處理接口 前端控制器-->
 9     <servlet>
10         <servlet-name>firstspringmvc</servlet-name>
11         <servlet-class>
12             org.springframework.web.servlet.DispatcherServlet
13         </servlet-class>
14         <load-on-startup>1</load-on-startup>
15     </servlet>
16     <servlet-mapping>
17         <servlet-name>firstspringmvc</servlet-name>
18         <url-pattern>/</url-pattern>
19     </servlet-mapping>
20 </web-app>
View Code 
 1 <?xml version="1.0" encoding="UTF-8"?>
 2 <web-app version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee"
 3          xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 4          xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
 5 http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
 6 
 7 
 8     <!-- 配置SpringMVC的請求處理接口 前端控制器-->
 9     <servlet>
10         <servlet-name>firstspringmvc</servlet-name>
11         <servlet-class>
12             org.springframework.web.servlet.DispatcherServlet
13         </servlet-class>
14         <load-on-startup>1</load-on-startup>
15     </servlet>
16     <servlet-mapping>
17         <servlet-name>firstspringmvc</servlet-name>
18         <url-pattern>/</url-pattern>
19     </servlet-mapping>
20 </web-app>

註意這裏的<servlet-name>標簽裏面的名字firstspringmvc是可以隨便取的，不是固定的；但是下面的<servlet-mapper>標簽裏面的<servlet-name>裏面的名字要和上面的一致

4.3 firstspringmvc-servlet.xml的配置；這裏的文件名格式為: 模塊名-servlet.xml 這裏絕不不能錯，錯了以後你會發現tomact可以正常運行，但是訪問index.jsp文件時就會報錯:報錯如下所示

技術分享

具體錯誤如下:

1 Could not open ServletContext resource [/WEB-INF/firstspringmvc-servlet.xml]

這裏已經提示你找不到firstspringmvc-servlet.xml文件，所以只需要把你的.xml文件改成firstspringmvc-servlet.xml這個名字就好

具體的firstspringmvc-servlet.xml配置如下:

技術分享 
 1 <?xml version="1.0" encoding="UTF-8"?>
 2 
 3 <beans xmlns="http://www.springframework.org/schema/beans"
 4        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 5        xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd">
 6 
 7 <!--[註意]此處的xml文件的名稱為 模塊名-servlet.xml，而不是 項目名-servlet.xml-->
 8     <!-- vivo-firstspringmvc這個是項目名 旁邊的firstspringmvc為模塊名-->
 9 
10     <!--編寫處理器映射器:攔截URL-->
11     <bean id="simpleUrlHandlerMapping"
12           class="org.springframework.web.servlet.handler.SimpleUrlHandlerMapping">
13         <property name="mappings"><!--這裏的name值不是隨便寫的-->
14             <props>
15                 <!--對於瀏覽器發出的url(/index)請求，通過前端控制器交給處理器映射器，然後找到合適的控制器(handler)來進行處理-->
16                 <prop key="/index">indexController</prop>
17             </props>
18         </property>
19     </bean>
20 
21     <!--通過XML裝配bean-->
22     <!--這裏聲明bean的id名稱，是為了方便引用(見上面的處理器攔截器)-->
23 
24     <bean id="indexController" class="com.vivo.firstspringmvc.controller.IndexController"></bean>
25 </beans>
View Code 
 1 <?xml version="1.0" encoding="UTF-8"?>
 2 
 3 <beans xmlns="http://www.springframework.org/schema/beans"
 4        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 5        xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd">
 6 
 7 <!--[註意]此處的xml文件的名稱為 模塊名-servlet.xml，而不是 項目名-servlet.xml-->
 8     
 9 
10     <!--編寫處理器映射器:攔截URL-->
11     <bean id="simpleUrlHandlerMapping"
12           class="org.springframework.web.servlet.handler.SimpleUrlHandlerMapping">
13         <property name="mappings"><!--這裏的name值不是隨便寫的-->
14             <props>
15                 <!--對於瀏覽器發出的url(/index)請求，通過前端控制器交給處理器映射器，然後找到合適的控制器(handler)來進行處理-->
16                 <prop key="/index">indexController</prop>
17             </props>
18         </property>
19     </bean>
20 
21     <!--通過XML裝配bean-->
22     <!--這裏聲明bean的id名稱，是為了方便引用(見上面的處理器攔截器)-->
23 
24     <bean id="indexController" class="com.wangfei.firstspringmvc.controller.IndexController"></bean>
25 </beans>

代碼中的備註，都是很重要的地方

4.4 JSP代碼,裏面用JSTL語法，來讀取ModelAndView中的message

技術分享 
1 <%@ page language="java" contentType="text/html; charset=UTF-8"
2          pageEncoding="UTF-8" isELIgnored="false"%>
3 
4 <h1>${message}</h1>
View Code 
1 <%@ page language="java" contentType="text/html; charset=UTF-8"
2          pageEncoding="UTF-8" isELIgnored="false"%>
3 
4 <h1>${message}</h1>

4.5 pom.xml文件不改也可以，web應用可以正常運行，但是模塊編譯的時候會出現錯誤:

pom.xml文件配置如下:

技術分享 
 1 <?xml version="1.0" encoding="UTF-8"?>
 2 <project xmlns="http://maven.apache.org/POM/4.0.0"
 3          xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 4          xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
 5     <modelVersion>4.0.0</modelVersion>
 6 
 7     <groupId>com.vivo.firstspringmvc</groupId>
 8     <artifactId>vivo-firstspringmvc</artifactId>
 9     <version>1.0-SNAPSHOT</version>
10 
11     <!--下面的這一部分不是必須的，但是沒有會影響maven模塊的編譯-->
12     <build>
13         <defaultGoal>compile</defaultGoal>
14         <finalName>vivo-firstspringmvc</finalName>
15     </build>
16 
17 
18 </project>
View Code 
 1 <?xml version="1.0" encoding="UTF-8"?>
 2 <project xmlns="http://maven.apache.org/POM/4.0.0"
 3          xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 4          xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
 5     <modelVersion>4.0.0</modelVersion>
 6 
 7     <groupId>com.wangfei.firstspringmvc</groupId>
 8     <artifactId>vivo-firstspringmvc</artifactId>
 9     <version>1.0-SNAPSHOT</version>
10 
11     <!--下面的這一部分不是必須的，但是沒有會影響maven模塊的編譯-->
12     <build>
13         <defaultGoal>compile</defaultGoal>
14         <finalName>firstspringmvc</finalName>
15     </build>
16 
17 
18 </project>

第五步，配置運行環境，主要是Maven的配置和Tomcat的配置，如下圖所示1處，2處是之前的Project Structure設置(快捷鍵Shift+Alt+Ctrl+S)

技術分享

技術分享

5.1 Maven的配置

技術分享

技術分享

1處的名字可以隨便取，2處的配置很重要，這裏需要根據你自己的maven版本以及settings.xml文件和repository文件所在的路徑進行配置

5.2 Tomcat的配置

技術分享

5.2.1 首先是server的配置:

技術分享

方框1: 名字可以隨便取

方框2：tomcat的版本根據自己的設定

方框3：這裏主要是對虛擬機VM的設置，比如字符編碼設置-Dfile.encoding=UTF-8

方框4：這是很重要，主要是選取什麽War包進行Deployment，【這裏和之前的Project Structure裏面Modulers的Web設置有很大關系】點擊Fix後如下圖所示：

技術分享

第六步，運行：

技術分享

基於IDEA+Maven+SpringMVC的入門web程序分析(一)

相關推薦

基於IDEA+Maven+SpringMVC的入門web程序分析(一)

tco pid nbsp throw 編碼 es2017 ctr 文件中 存在 第一步:Maven項目的創建【手動創建Maven項目而沒有使用Maven的自動構建web項目】 使用Maven模板自動構建web項目圖如下,這裏不細講: 手動創建Maven Web項目流程如下

idea+maven+springmvc+helloworld

5.1 fig weave ans ota listener index work tar 1、添加依賴，並在項目上添加Spring mvc框架的支持（add FrameWork Support）： 1 <dependency> 2 <g

idea+maven+mybatis——入門教程（mybatis簡介）

簡介 MyBatis 是一款優秀的持久層框架（ORM），它支援定製化 SQL、儲存過程以及高階對映。MyBatis 避免了幾乎所有的 JDBC 程式碼和手動設定引數以及獲取結果集。MyBatis 可以使用簡單的 XML 或註解來配置和對映原生資訊，將介面和 Java 的 P

Idea Maven SpringMVC+Mysql 登入

上次做的是沒有與資料庫打交道的小專案，這次加入資料庫訪問。 1.建立maven-web專案 2.加入maven依賴 在pom.xml下匯入依賴，直接複製貼上就好了，這是專案執行的基本包，包括spring，servlet，mysql，jstl等jar包 &l

基於idea+maven搭建SSM框架，自帶逆向工程

  前面一篇搭建的是一個簡單的web框架點選開啟連結   今天搭建的是基於maven的pom檔案來進行框架的搭建，畢竟現在還手動架包的真的不多了。   今天搭建的這個框架如果你需要用到逆向功能你需要一個架包:點選下載   直接解壓到D盤下就可以了，

IDEA+Maven創建web項目

java源碼 upload archetype 主目錄 點擊 catalog int 寫代碼 分享 第一步：new project 第二步：選擇創建maven項目，點擊next 第三步：填寫項目信息 第四步：選擇maven目錄，需要添加一個配置項 然後，在 def

Python入門小程序（一）

while 條件 循環條件 次數 ima http post nba random 學習了FishC的Python零基礎入門第4節，本次的內容是Python的while循環語句和條件語句。 1. 用一個條件語句實現猜數字的小程序 程序設定一個數字，用戶輸入一個數字，判斷是

Maven教程--入門就看這一篇就夠了

第1章：Maven概述/1.1 Maven的概念 第1章：Maven概述/1.2 Maven的功能 第1章：Maven概述/1.3 與其它構建相比/1.3.1 Make 第1章：Maven概述/1.3 與其它構建相比/1.3.2 Ant 第2章：Maven的安裝/2.1

路由器web介面分析(一)---把握整體架構

在工作中涉及到了web頁面和底層互動問題，這裡做下簡單回顧。 本文基於hisi方案分析web介面整體架構。 頁面初始化流程： 呼叫hsan.init(param,callback) 初始化，主要配置config.js中的資料到hsan物件。接著呼叫回撥

idea+maven + spring security +springmvc入門 （自定義登入頁面），附idea如何建立web專案

第一次使用idea，上午在eclipse中 學習了spring security 入門，下午試試在idea中搭建。 剛開始 我以為 直接將eclipse的 檔案 copy過來就行了，結果發現copy過來以後 各種報錯。 後來把m

IntelliJ IDEA 2017 創建 Maven Java Web 程序

tell arc XML chan 倉庫 工程 -c 搜索 增加 第一步，創建一個基於Maven的Java Web工程 註意，我們要使用一個webapp的模板，這是maven提供的創建Java Web項目的模板 這個我剛剛開始沒註意細看，原來web app 的骨架有2個呢

使用IDEA+Maven+jersey構建RESTful Web Services入門案例

1.首先在WEB專案 2.建立好之後點選專案右鍵，點Add Frameworks Support給專案新增Maven框架 3.建立好之後的專案結構如下圖所示 4.新增pom.xml依賴 <dependencies> <dependency>

搭建基於IDEA+Selenium+Java+TestNG+Maven+Jenkins+SVN的Web端UI自動化測試環境

第一步：工具下載安裝配置 第二步：整合各個工具到自動化測試環境 1.IDEA上的各種操作 a.通過在idea工具，新建一個maven專案,在右邊載入框這裡，選擇maven-archetype-quickstart,然後點選next b.輸入Group Id:域.公司簡稱；Artifact Id：專案名稱

如何使用IntelliJ IDEA 建立基於Maven構建的Web專案的過程

環境配置： IntelliJ IDEA 12.1.4 JDK 1.6.0_51 Maven 3.0.4 詳細步驟： 如果是第一次開啟軟體直接點選 Create New Project ，如果之前已經開啟過專案了，需要點選選單中 File → New Project

使用IntelliJ IDEA和maven搭建java web項目

生成 cat maven 原始的 cti intel tid rec 工程 File -> New Module，進入創建項目窗口。 點擊Next，填寫GroupId、ArtifactId和Version 填寫Module name，要保證maven中央倉

使用IntelliJ IDEA 配置Maven（入門）

創建 ase 軟件 tle bsp 知識 path int down 1. 下載Maven 官方地址：http://maven.apache.org/download.cgi 解壓並新建一個本地倉庫文件夾 2.配置本地倉庫路徑 3.配置maven環境變量

IntelliJ IDEA + Maven創建Java Web項目

ima 包安裝 server 其命令 ron 通過 intel http wid 1. Maven簡介 相對於傳統的項目，Maven 下管理和構建的項目真的非常好用和簡單，所以這裏也強調下，盡量使用此類工具進行項目構建， 它可以管理項目的整個生命周期。 可以通過其命令

基於rpc的主機管理程序分析

pythonRPC server：import pika import time connection = pika.BlockingConnection(pika.ConnectionParameters( host=‘localhost‘)) channel = connection.

SSM框架開發web項目系列（六） SpringMVC入門

商品 rwx tmx quest npv you odm pci vdp 　　前言 　　我們最初的javaSE部分學習後，基本算是入門了，也熟悉了Java的語法和一些常用API，然後再深入到數據庫操作、WEB程序開發，漸漸會接觸到JDBC、Servlet/Jsp之類的知識，

IDEA導入maven工程以及web.xml中spring配置文件文件加載不到的問題

tom gpo 使用 選擇 spring配置 http war 文件中 ext 使用idea導入maven工程，工程只留了src和pom.xml文件 1、從打開idea中導入：File ----> New -----> Project from Exist