SpringBoot图文教程3—「‘初恋’情结」集成Jsp

Posted 鹿老师的Java笔记

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了SpringBoot图文教程3—「‘初恋’情结」集成Jsp相关的知识,希望对你有一定的参考价值。

技术图片

有天上飞的概念,就要有落地的实现

  • 概念+代码实现是本文的特点,教程将涵盖完整的图文教程,代码案例
  • 文章结尾配套自测面试题,学完技术自我测试更扎实
  • 概念十遍不如代码一遍,朋友,希望你把文中所有的代码案例都敲一遍

大哥大姐新年好,点赞转发不要少

SpringBoot 图文系列教程技术大纲

技术图片鹿老师的Java笔记

SpringBoot 图文教程系列文章目录

  1. SpringBoot图文教程1「概念+案例 思维导图」「基础篇上」
  2. SpringBoot图文教程2—日志的使用「logback」「log4j」

前言

通过前面两篇,小伙伴们已经成功的实现了增删改查,但是,没有页面效果的项目,就像网恋没有奔现的小姐姐一样,安能辨她是雌雄。今天用SpringBoot整合Jsp页面,看到项目的亚子。

这个时候,有些同学要说了:为什么是Jsp,这么老的技术,效率也不高,用它干啥?不要用它 不要 不要 ….

技术图片

哼哼,渣男,有了新欢忘了初恋,Jsp作为每个Java程序员触摸到的第一个视图技术,忘得了刚接触Jsp时候的小鹿乱撞吗?想想那天夕阳下的奔跑,是我们无法忘记的青春啊。

选择Jsp作为第一个集成的视图技术,原因有三:

  1. 根据本人2000+学生的就业经验来看,大部分的企业还在广泛的使用Jsp。(不是每个人都是BAT,大部分的人在一些中小型的软件公司,外包公司,Jsp挺常用)
  2. Jsp是Java程序员学过的第一个视图技术,集成难度很低
  3. 想用 技术图片

前后端分离 以及 Thymeleaf FreeMarker 等视图技术会在后续讲解

SpringBoot 集成 Jsp

环境要求

  • 开发工具 IDEA 版本不限
  • maven3.x
  • jdk1.8
  • 本教程采用SpringBoot 2.0.3.RELEASE
    注意:SpringBoot 默认是不支持Jsp的,所以集成Jsp需要做一些配置
1.引入jsp的集成jar包
<dependency>
    <groupId>jstl</groupId>
    <artifactId>jstl</artifactId>
    <version>1.2</version>
</dependency>

<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-tomcat</artifactId>
</dependency>

<dependency>
    <groupId>org.apache.tomcat.embed</groupId>
    <artifactId>tomcat-embed-jasper</artifactId>
</dependency>
2.引入jsp运行插件

插件是必须的,并且要通过插件启动项目,不使用插件,Jsp页面不会被编译,发布。简单说就是:不通过插件启动项目,访问Jsp页面会 404

<build>
    <!--引入jsp运行插件-->
    <plugins>
        <plugin>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-maven-plugin</artifactId>
        </plugin>
    </plugins>
</build>
3.配置视图解析器

技术图片

4.创建webapp目录写入Jsp页面

Jsp相关web资源的位置

  1. 在main下面创建webapp放置静态资源
  2. webapp 下面不要有 web.xml

技术图片

hello.jsp页面内容

<%@page isELIgnored="false" pageEncoding="UTF-8" contentType="text/html; UTF-8" %>
<html>
<head>
    <meta charset="utf-8">
<%--    测试${pageContext.request.contextPath} 获取路径能不能使用

 --%>
    <script src="${pageContext.request.contextPath}/js/jquery-1.12.4.js"></script>
</head>
<body>

    <h1>那天夕阳下的奔跑,是我们无法忘记的青春!</h1>

<script>

</script>


</body>
</html>
5.通过插件启动项目,即可访问页面

技术图片

如果右侧没有工具栏,IDEA配置:菜单栏View--->Tool Window Bars

6.访问hello.jsp页面

浏览器访问:http://localhost:8802/hello.jsp

技术图片

7.测试Jsp热部署
  1. 修改Jap页面代码

    技术图片
  2. 直接刷新浏览器页面 可以看到

    技术图片

总结

以上,就是SpringBoot 集成Jsp的正确姿势了。关于其他视图技术 Thymeleaf FreeMarker 以及 代码热部署 在后续文章中进行说明。

恭喜你完成了本章的学习,为你鼓掌!如果本文对你有帮助,请帮忙点赞,评论,转发,这对作者很重要,谢谢。

技术图片

让我们再次回顾本文的学习目标

  • 掌握SpringBoot中Jsp的使用

要掌握SpringBoot更多的用法,请持续关注本系列教程。

下面体贴的我给朋友萌还准备了一些 自测面试题和项目案例,希望你能够成热打铁,将知识夯扎实。

上期自测面试题答案

见面试题集锦 https://gitee.com/bingqilinpeishenme/Lu-JavaNodes

自测面试题(答案见下期)

上期自测实现项目小案例答案

见码云仓库 https://gitee.com/bingqilinpeishenme/Lu-JavaNodes

自测实现项目小案例(答案见下期)

本次需求:

练习文中demo

求关注,求点赞,求转发

 

以上是关于SpringBoot图文教程3—「‘初恋’情结」集成Jsp的主要内容,如果未能解决你的问题,请参考以下文章

SpringBoot图文教程4—SpringBoot 实现文件上传下载

Intellij IDEA下载安装教程和搭建springboot开发环境及踩坑指南(超详细图文教程)

SpringBoot图文教程9—SpringBoot 导入导出 Excel 「Apache Poi」

🔥SpringBoot图文教程2—日志的使用「logback」「log4j」

MQ4万字保姆教程|RabbitMQ知识点整理与Springboot整合附Demo(图文并茂)

SpringBoot图文教程「概念+案例 思维导图」「基础篇上」