三分鐘學會用SpringMVC搭建最小系統(超詳細)

前言

JavaWeb 開發的你,一定聽說過SpringMVC的大名,作為現在運用最廣泛的Java框架,它到目前為止依然保持著強大的活力和廣泛的用戶群。

本文介紹如何用eclipse一步一步搭建SpringMVC的最小系統,所謂最小系統,就是足以使項目在SpringMVC框架下成功跑起來,并且能夠做一些簡單的事情(比如訪問頁面)的系統。

話不多說,讓我們開始吧。所有的源代碼和jar包都會在最后給出。

正文

1. 新建一個項目

Paste_Image.png

我們用eclipse新建項目,選擇Dynamic Web Project(動態的Web項目)。

點擊Next

Paste_Image.png

Project name里面寫上 springmvc,這就是我們項目的名稱,其他不用改,直接點擊Finish 。

Paste_Image.png

OK,項目就建好了。

接下來一定要將項目的字符集改為UTF-8

右鍵項目——properties

Paste_Image.png

改為UTF-8,點擊OK。

2. 編寫 web.xml

當我們打開WebContent/WEB-INF目錄的時候,發現里面只有一個lib目錄,這是存放各種jar包的地方。我們知道一個web項目必須要有一個web.xml文件才行。

既然沒有,我們自己寫一個咯。

右鍵WEB-INF——new——file,新建一個web.xml文件。

點擊Finish

將以下內容填進去即可。

springmvc

這樣就完成了基本的配置,我的意思是說,現在這個項目就已經是一個標準的web項目了。

3. 驗證web項目是否搭建成功

為了驗證到目前為止的正確性,我們在WebContent目錄下面新建一個jsp文件。

名字就叫index.jsp

Paste_Image.png

內容如下:

<%@ page language="java"contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>恭喜,web項目已經成功搭建!

我們現在就將這個項目部署到Tomcat,來驗證是否可以跑起來。

在項目上右鍵——Debug As——Debug on Server

直接點擊Finish

經過一段時間,控制臺開始打印日志信息,當我們看到這些信息的時候,說明Tomcat已經啟動完畢了。

Paste_Image.png

讓我們打開瀏覽器,在地址欄輸入以下信息

http://localhost:8088/springmvc/index.jsp

我電腦上Tomcat配置的端口號是8088,具體情況視你自己的Tomcat決定,可能是8080等。

Paste_Image.png

可見,能夠成功訪問頁面了,這說明我們到目前為止的操作是正確的。

3. 集成SpringMVC

我們在web.xml文件里面添加下面的配置

3.1 配置監聽器

? ? org.springframework.web.context.ContextLoaderListener? ? org.springframework.web.util.IntrospectorCleanupListener

3.2 配置過濾器,解決POST亂碼問題

encodingorg.springframework.web.filter.CharacterEncodingFilterencodingUTF-8encoding/*

3.3 配置SpringMVC分發器,攔截所有請求

springmvcorg.springframework.web.servlet.DispatcherServletnamespacedispatcher-servletspringmvc/

在這個配置中,我們規定了DispatcherServlet的關聯 XML 文件名稱叫做dispatcher-servlet。

注意,這里的路徑是相對于web.xml來說的,也就是說,這個文件也在WEB-INF的根目錄下。

所以,我們需要在WEB-INF的根目錄下新建一個dispatcher-servlet.xml文件。

Paste_Image.png

至此,web.xml文件的編寫就告一段落了。

3.4 編寫dispatcher-servlet.xml

dispatcher-servlet.xml 的作用就是配置SpringMVC分發器。

配置如下:


http://www.springframework.org/schema/beans/spring-beans-3.0.xsd

http://www.springframework.org/schema/context

http://www.springframework.org/schema/context/spring-context-3.0.xsd

http://www.springframework.org/schema/util

http://www.springframework.org/schema/util/spring-util-3.0.xsd

http://www.springframework.org/schema/mvc

http://www.springframework.org/schema/mvc/spring-mvc.xsd

">

根據配置,有三個需要注意的地方。

它會掃描 com.springmvc 包下所有的Java類,但凡是遇到有注解的,比如@Controller , @Service , @Autowired ,就會將它們加入到spring的bean工廠里面去。

所有的靜態資源文件,比如說 js , css , images 都需要放在/resources目錄下,這個目錄現在我們還沒有建。

所有的展示頁面,比如jsp文件,都需要放置在/WEB-INF/pages目錄下,這個目錄現在我們也沒有建。

OK,我們把對應的目錄加上。

首先是Java文件的目錄。

Paste_Image.png

我們在這個地方右鍵,新建一個 com 包,再在里面建一個 springmvc 包,或者用 . 的方式一起建。

Paste_Image.png

點擊Finish

Paste_Image.png

根據SpringMVC的分層,我們在springmvc 包下面建三個包,分別是controller , service , dao

Paste_Image.png

這樣的話, 當我們項目一旦啟動,springmvc就會掃描這三個包,將里面但凡是有注解的類都提取起來,放進Spring容器(或者說Spring的bean工廠),借由Spring容器來統一管理。這也就是你從來沒有去new一個Controller的原因。

接下來,我們來建靜態資源的目錄。

在WebContent目錄下新建一個resources文件夾。

然后順便把js,css,img的文件夾都建一下,這里就存放我們的靜態資源文件。

Paste_Image.png

最后,我們在WEB-INF目錄下建一個pages文件夾,作為展示頁面的存放目錄。

Paste_Image.png

將之前的index.jsp拷貝進來。

Paste_Image.png

這樣就配置的差不多了。

5. 導包和驗證

我們將jar包放到lib目錄:

Paste_Image.png

然后啟動項目,驗證一下到目前為止的構建是否正確。

打開Servers視圖,點擊如圖像是甲蟲一樣的圖標。

Paste_Image.png

發現報錯了,錯誤信息如下:

Paste_Image.png

錯誤:

Could not open ServletContext resource [/WEB-INF/applicationContext.xml]

它說我們在WEB-INF下面少了一個applicationContext.xml 這個文件,原來,我們少了對SpringBean工廠的配置,它的意思就是說,我們要規定一下,在Spring容器啟動的時候,需要自動加載哪些東西?

于是,我們把 applicationContext.xml 加上。

Paste_Image.png

里面我們啥也不配置,再次啟動Tomcat。

Paste_Image.png

這回不報錯了。

5. 配置ViewController

我們知道,WEB-INF目錄下的任何資源都是無法直接通過瀏覽器的url地址去訪問的,保證了安全性。這也是我們為什么把頁面都放在該目錄下的原因。

為了有所區分,我們還單獨建立了一個pages文件夾,將這些頁面保存起來。

Paste_Image.png

現在,為了訪問這個頁面,我們需要用到SpringMVC的頁面跳轉機制。

我們在Controller包下新建一個ViewController

Paste_Image.png

點擊Finish

Paste_Image.png

ViewController 代碼:

packagecom.springmvc.controller;importjavax.servlet.http.HttpServletRequest;importorg.springframework.stereotype.Controller;importorg.springframework.web.bind.annotation.RequestMapping;importorg.springframework.web.servlet.ModelAndView;@ControllerpublicclassViewController{@RequestMapping("/view")publicModelAndView view(HttpServletRequest request){? ? ? ? String path = request.getParameter("path") +"";? ? ? ? ModelAndView mav = new ModelAndView();? ? ? ? mav.setViewName(path);returnmav;? ? }}

我只需要將想要訪問的頁面放在path里面,通過url傳進來就行了。

因為添加了java類,因此我們重新啟動Tomcat。

啟動完成后,在地址欄輸入:

http://localhost:8088/springmvc/view?path=index

結果:

Paste_Image.png

沒關系,我們看他報什么錯。

message/springmvc/WEB-INF/pagesindex.jsp

pagesindex.jsp是什么鬼??

原來,在dispatcher-servlet.xml中,我們少寫了一個 "/"

Paste_Image.png

添上去就行了。

Paste_Image.png

保存后,因為修改了XML配置文件,因此我們還是需要重新啟動Tomcat。

啟動完成后,繼續!

Paste_Image.png

成功了。

6. 引入靜態資源

比如,我在resources/img目錄下放了一張圖片,怎么引入到index.jsp呢?

Paste_Image.png

background: url(http://localhost:8088/springmvc/resources/img/bg.jpg);background-size:100%100%;

的確,這是一種方式。可是,它有一個缺點就是根路徑寫死了,我們肯定不希望這樣的。

其實,我們可以在viewController里面拿到項目根路徑,然后傳遞到jsp頁面就OK了。

我們把調試信息 “恭喜,web項目已經成功搭建!” 刪掉。

<%@ page language="java"contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>

body{background:url(${contextPath}/resources/img/bg.jpg);background-size:100%100%;&nbsp; &nbsp; &nbsp; &nbsp; }

更多詳細源碼參考來源:http://minglisoft.cn/technology?歡迎大家一起學習研究相關技術,源碼獲取請加求求(企鵝):2042849237

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,739評論 6 534
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,634評論 3 419
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,653評論 0 377
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,063評論 1 314
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,835評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,235評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,315評論 3 442
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,459評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,000評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,819評論 3 355
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,004評論 1 370
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,560評論 5 362
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,257評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,676評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,937評論 1 288
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,717評論 3 393
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,003評論 2 374

推薦閱讀更多精彩內容