spring boot實(shí)戰(zhàn)之JSP

前后端分離的架構(gòu)有其優(yōu)勢(shì),但具體情況具體分析,并不是任何時(shí)候使用前后端分離架構(gòu)都是合適的。我最近就體會(huì)到其中的坑,因?yàn)椴块T(mén)屬性的問(wèn)題,前端項(xiàng)目占比較低,所以公司前端基本上都是新手,結(jié)果就是后端接口完成了一個(gè)多月,前端還在加班加點(diǎn)的趕。前后端人員的能力和人數(shù)與工作量是匹配的,前后端都能hold住時(shí)建議使用前后端分離架構(gòu),如果前端能力有限或人員較少,那就最好不要采用,這樣才能保證項(xiàng)目進(jìn)度可控。
Spring Boot并不建議使用JSP,但是可能有習(xí)慣和人員知識(shí)面的限制,還是希望使用jsp,則可以根據(jù)下面的教程來(lái)了解如何在spring boot項(xiàng)目?jī)?nèi)使用jsp。

1、添加maven依賴

<!-- 添加對(duì)jsp視圖解析的支持 -->
<dependency>
    <groupId>org.apache.tomcat.embed</groupId>
    <artifactId>tomcat-embed-jasper</artifactId>
    <scope>provided</scope>
</dependency>

<dependency>
    <groupId>javax.servlet</groupId>
    <artifactId>jstl</artifactId>
</dependency>

2、添加配置

在application.properties內(nèi)添加以下配置:

spring.mvc.view.prefix=/WEB-INF/jsp/
spring.mvc.view.suffix=.jsp

3、創(chuàng)建jsp

  1. 創(chuàng)建src/main/webapp/WEB-INF/jsp目錄,目錄結(jié)構(gòu)不要改動(dòng)
  2. 在src/main/resources目錄下創(chuàng)建static目錄用于存放靜態(tài)資源,如image目錄用于存放圖片,js目錄用于存放js文件
  3. 創(chuàng)建jsp文件,如test.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>test</title>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.min.js"></script>

</head>
<body>
    hello,welcome to you 123!test=[${test }] test2=[${test2 }]
    <br>
    ![](${pageContext.request.contextPath }/image/1.jpg)
    <c:if test="${1 == 1 }"><br>this is ShangHai,china!</c:if>
</body>
</html>
  • ${pageContext.request.contextPath }用于獲取項(xiàng)目路徑,即server.context-path設(shè)置的值
  • 訪問(wèn)圖片${pageContext.request.contextPath }/image/1.jpg,也就是src/main/resources/static/image/1.jpg文件,注意直接訪問(wèn)/image/1.jpg即可
  • 加載js路徑為${pageContext.request.contextPath }/js/jquery.min.js,同圖片,加載靜態(tài)資源的方式類似

4、訪問(wèn)jsp

創(chuàng)建controller

@Controller
public class TestController {

    @RequestMapping("/test")
    public String myJsp(HttpServletRequest request,ModelMap model){
        System.out.println("myjsp");
        model.put("test", "test");
        request.setAttribute("test2", "test2");
        return "test";
    }
    
}

啟動(dòng)項(xiàng)目后,訪問(wèn)localhost:port/test就可以看到上面的示例頁(yè)面了。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 1.學(xué)習(xí)內(nèi)容 JSP技術(shù)入門(mén)和常用指令 JSP的內(nèi)置對(duì)象&標(biāo)簽介紹 EL表達(dá)式&EL的內(nèi)置對(duì)象 2.JSP技術(shù)入門(mén)...
    WendyVIV閱讀 2,174評(píng)論 1 18
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,596評(píng)論 25 708
  • 本書(shū)講了什么 本書(shū)是一本系統(tǒng)全面的UI入門(mén)教材,從零開(kāi)始講解UI設(shè)計(jì)的方方面面。是平面設(shè)計(jì)師、交互設(shè)計(jì)師、產(chǎn)品經(jīng)理...
    少穻閱讀 1,194評(píng)論 0 3
  • 出入平安,酸堿不沾。 器備皿全,保以永年。 回歸無(wú)恙,菌種壽昌。 雜峰遠(yuǎn)遁,對(duì)照明朗。 故說(shuō)波若波羅蜜多, 論文能...
    亭亭玉立胡老師閱讀 387評(píng)論 0 0
  • 想要改變階級(jí),就必須要付出巨大的代價(jià)。如果沒(méi)有先天的優(yōu)勢(shì),那就必須等價(jià)交換,哪怕這個(gè)姿勢(shì)不太優(yōu)雅,不太道德。 這個(gè)...
    MZ小白閱讀 258評(píng)論 0 0