Spring MVC創(chuàng)建項(xiàng)目踩過的bug
前言
最近在學(xué)spring MVC,做為一個初學(xué)者,踩了不少坑,導(dǎo)致項(xiàng)目各種出錯在這里向大家分享一下我的項(xiàng)目開發(fā)操作,開發(fā)springMVC項(xiàng)目步驟:打開idea我的項(xiàng)目運(yùn)行環(huán)境在idea2020版+jdk8+maven選擇create new project創(chuàng)建一個新的項(xiàng)目
idea2020版,
第二步
選擇Maven工程,勾選create from archetype選擇Maven骨架,選擇webapp,注意是第二個webapp不要選錯了之后就是選擇項(xiàng)目名字,個人隨意最后選擇自己的Maven,點(diǎn)擊finish,Maven工程創(chuàng)建完畢
我踩得第一個坑:Maven項(xiàng)目目錄不對,沒有web目錄怎么補(bǔ):
可以看見我的Maven工程應(yīng)該是目錄不全,沒有web目錄,該如何補(bǔ)全呢?首先,自己創(chuàng)建一個webapp目錄,在src下
選擇flie?>project structrue
選擇moudules,點(diǎn)擊+,選擇web
這時idea為我們創(chuàng)建一個默認(rèn)的web目錄,不要選擇它,它與src目錄同級點(diǎn)擊web resource directory 下那目錄,再點(diǎn)擊右邊小小的文件夾,選擇自己剛剛創(chuàng)建的webapp目錄
點(diǎn)擊OK注意這里把你的webapp目錄路徑copy一下
在path點(diǎn)擊右邊小筆,編輯一下,把WEB-INFweb.xml,路徑之前改成自己的webapp路徑,點(diǎn)擊OK
點(diǎn)擊右下角Artifacts,進(jìn)入點(diǎn)擊OK,web目錄補(bǔ)全了接下來創(chuàng)建第一個項(xiàng)目:hello springmvc在webapp目錄下創(chuàng)建一個子目錄pages,pages目錄創(chuàng)建一個hello.jsp
在index.jsp,起始頁面
在pom.xml導(dǎo)入依賴,相關(guān)依賴都可以百度到
注意我踩到第二個大坑,我的pom.xml沒有將我的項(xiàng)目打包成war包部署進(jìn)服務(wù)器Tomcat,導(dǎo)致我后面一直跳轉(zhuǎn)頁面時報404
需加war
如下圖
接下來,先編寫一個HelloController類
return:跳轉(zhuǎn)頁面@Controller:將HelloController加載進(jìn)spring容器@RequestMapping:映射,使掃描器掃描到這
在resources目錄寫一個spring-mvc.xml<context:component-scan base-package=“com.itcast.controller”/>代表掃描的基本包,其他有注釋中vlaue代表前端控制器會去找的資源目錄,找web目錄下pages目錄hello,后綴名.jsp的頁面
在web.xml編寫前端控制器
至此代碼編寫完成,我們在add configuration添加Tomcat,啟動項(xiàng)目項(xiàng)目啟動成功,初始化頁面
點(diǎn)擊跳轉(zhuǎn)頁面hello spring MVC項(xiàng)目啟動成功
到此這篇關(guān)于Spring MVC創(chuàng)建項(xiàng)目踩過的bug的文章就介紹到這了,更多相關(guān)Spring MVC創(chuàng)建項(xiàng)目內(nèi)容請搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)!
相關(guān)文章:
1. ASP中常用的22個FSO文件操作函數(shù)整理2. 無線標(biāo)記語言(WML)基礎(chǔ)之WMLScript 基礎(chǔ)第1/2頁3. ASP調(diào)用WebService轉(zhuǎn)化成JSON數(shù)據(jù),附j(luò)son.min.asp4. .Net core 的熱插拔機(jī)制的深入探索及卸載問題求救指南5. SharePoint Server 2019新特性介紹6. html清除浮動的6種方法示例7. 讀大數(shù)據(jù)量的XML文件的讀取問題8. ASP.NET Core 5.0中的Host.CreateDefaultBuilder執(zhí)行過程解析9. React+umi+typeScript創(chuàng)建項(xiàng)目的過程10. Vue+elementUI下拉框自定義顏色選擇器方式
