更新時間:2021-10-20 12:21:52 來源:動力節(jié)點 瀏覽1546次
JSP頁面用前端框架需要哪些步驟呢?小編來告訴大家。
1.電腦點擊打開HBuilder軟件,如圖所示:

2.點擊菜單欄文件-->新建--Web項目,如圖所示:

3.輸入項目名稱,然后點擊完成按鈕,如圖所示:

4.然后把Bootstrap框架的一些包拷貝進(jìn)來,沒有到網(wǎng)站下載:https://getbootstrap.com/
5.然后新建一個jsp文件,如圖所示:

6.引入需要的框架開發(fā)包,
<script type="text/javascript" src="js/jquery-3.3.1.min.js" ></script>
<script type="text/javascript" src="js/bootstrap.min.js" ></script>
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css"/>
然后鍵入代碼,以按鈕為例,如圖所示:

然后點擊運行按鈕-->瀏覽器運行,如圖所示

7.運行結(jié)果,按鈕的顏色樣式非常好看,如圖所示:

如果您想了解更多相關(guān)知識,可以來關(guān)注一下動力節(jié)點的Java在線學(xué)習(xí),里面的課程內(nèi)容豐富,適合初學(xué)者的朋友學(xué)習(xí),希望對大家有所幫助。