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就可以看到上面的示例页面了。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:notice#nhooo.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。