您當前位置>首頁 » 新聞資(zī)訊 » 網站(zhàn)建設 >
IntelliJ IDEA 下(xià)利用springboot框架進行jsp+web前端開發
發表時間:2018-10-1
發布人:葵宇科技
浏覽次數:35
大家好,通(tōng)常進行服務端開發,首選工具Myeclipse/eclipse,最近看到IntelliJ IDEA受到高度關(guān)注和(hé)廣大程序員的喜愛,
好奇心驅使我一探究竟,使用後被它強大的功能所震撼,因此寫這篇文(wén)章,簡單介紹一下(xià)Spring boot + jsp 的搭建流程,希望給跟我一樣嘗試用IDEA工具進行Spring boot框架下(xià)開發程序的讀者一點兒啟發。
開發環境:win10x64,IntellJ IDEA 2018 ,JDK1.8
1、開發步驟:
(1) 創建工作空間(eclipse中(zhōng)是workspace,IDEA中(zhōng)為project);
(2) 創建springboot項目;
(3) 配置pom文(wén)件,springboot基本jar包已經配置好,這一步根據具體情況添加依賴,本文(wén)僅添加jsp開發的依賴jar包
(4) 配置application.properties文(wén)件
(5) 添加資(zī)源路(lù)徑
(5) 編寫JSP頁面
(6) 編寫啟動(dòng)類App.java
2、具體步驟
2.1創建工做空間
點file->new->Project創建工作空間
選擇Empty點next
輸入工作空間名,和(hé)文(wén)件所在文(wén)件夾,最後點擊finish完成創建
選擇new Window則會打開一個(gè)新的窗口,來顯示剛剛創建的工作空間,this window則是在當前窗口顯示,而原來該窗口中(zhōng)的項目會被隐藏
2.2 創建項目
在Project Structure下(xià)選擇Modules模塊,然後點擊右邊的+号,Project Structure在首次創建工作空間後會自動(dòng)彈出,若沒有,可(kě)以通(tōng)過點擊File->選擇Project Structure打開
從級聯菜單中(zhōng)選擇Spring Initializer,并選擇Module SDK(即JDK版本),點擊下(xià)一步
左邊一欄選擇Web,在中(zhōng)間一欄選擇spring boot包含的模塊,可(kě)以根據需要選擇,本文(wén)選擇web,點擊next
輸入相關(guān)信息,跟eclipse下(xià)創建maven項目類似不詳細說明了,點擊下(xià)一步,最後點擊完成按鈕
創建完成後的文(wén)件結構如(rú)圖所示,
2.3創建webapp以及WEB-INF如(rú)圖所示
配置web開發環境,在項目名上右擊選擇open Modules Settings打開配置窗口
左側選擇Modules,在中(zhōng)間欄選擇Web,若沒有可(kě)以參考,接下(xià)來的幾張圖片進行創建,
圖中(zhōng)的Web2是為了演示若沒有Web的情況下(xià)如(rú)何創建,稍後會删除,一切就緒後,在Deployment Descriptors窗體的右側點擊-号删除選中(zhōng)的條目,因為在springboot框架下(xià)不需要創建web.xml,
點擊Web Resource Directories窗體右側的+按照圖片添加條目,若已經存在一條,可(kě)以雙擊進行修改,最終設置成剛剛創建的webapp文(wén)件夾上即可(kě),這一步的目的是為了确定一個(gè)開發jsp的根目錄,隻有配置了這一步,在文(wén)件夾上右擊,才會出現創建jsp的選項
完成後點擊Create Artifact,然後點Apply就可(kě)以
2.4配置pom文(wén)件,添加開發jsp的jar包依賴,如(rú)圖中(zhōng)陰影部分
2.5 配置application.properties文(wén)件
2.6 創建控制器(qì)
2.7創建jsp文(wén)件
接下(xià)來很重要,若沒有這一步,轉發會出現404,找不到靜态資(zī)源等問(wèn)題出現,IDEA窗體右側點擊Maven projects然後按照圖中(zhōng)所示,找到對應的文(wén)件,右擊選擇Create 'demo....'創建連接,
直接點擊okk從,創建完成
點擊運行