spring boot实战之JSP
2017-10-09 本文已影响172人
思与学
前后端分离的架构有其优势，但具体情况具体分析，并不是任何时候使用前后端分离架构都是合适的。我最近就体会到其中的坑，因为部门属性的问题，前端项目占比较低，所以公司前端基本上都是新手，结果就是后端接口完成了一个多月，前端还在加班加点的赶。前后端人员的能力和人数与工作量是匹配的，前后端都能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>
<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就可以看到上面的示例页面了。
