spring boot实战之使用JSP的示例
前后端分离的架构有其优势,但具体情况具体分析,并不是任何时候使用前后端分离架构都是合适的。我最近就体会到其中的坑,因为部门属性的问题,前端项目占比较低,所以公司前端基本上都是新手,结果就是后端接口完成了一个多月,前端还在加班加点的赶。前后端人员的能力和人数与工作量是匹配的,前后端都能hold住时建议使用前后端分离架构,如果前端能力有限或人员较少,那就最好不要采用,这样才能保证项目进度可控。
Spring Boot并不建议使用JSP,但是可能有习惯和人员知识面的限制,还是希望使用jsp,则可以根据下面的教程来了解如何在spring boot项目内使用jsp。
1、添加maven依赖
<!-- 添加对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内添加以下配置:
spring.mvc.view.prefix=/WEB-INF/jsp/ spring.mvc.view.suffix=.jsp
3、创建jsp
创建src/main/webapp/WEB-INF/jsp目录,目录结构不要改动
在src/main/resources目录下创建static目录用于存放静态资源,如image目录用于存放图片,js目录用于存放js文件
创建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 }用于获取项目路径,即server.context-path设置的值
访问图片${pageContext.request.contextPath }/image/1.jpg,也就是src/main/resources/static/image/1.jpg文件,注意直接访问/image/1.jpg即可
加载js路径为${pageContext.request.contextPath }/js/jquery.min.js,同图片,加载静态资源的方式类似
4、访问jsp
创建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"; } }
启动项目后,访问localhost:port/test就可以看到上面的示例页面了。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。