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

SpringBoot图文教程3—「‘初恋’情结」集成Jsp_第1张图片

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

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

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

SpringBoot 图文系列教程技术大纲

SpringBoot图文教程3—「‘初恋’情结」集成Jsp_第2张图片鹿老师的Java笔记

SpringBoot 图文教程系列文章目录

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

前言

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

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

SpringBoot图文教程3—「‘初恋’情结」集成Jsp_第3张图片

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

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

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

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

SpringBoot 集成 Jsp

环境要求

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

<dependency>
    <groupId>org.springframework.bootgroupId>
    <artifactId>spring-boot-starter-tomcatartifactId>
dependency>

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

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

<build>
    
    <plugins>
        <plugin>
            <groupId>org.springframework.bootgroupId>
            <artifactId>spring-boot-maven-pluginartifactId>
        plugin>
    plugins>
build>
3.配置视图解析器

SpringBoot图文教程3—「‘初恋’情结」集成Jsp_第5张图片

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

Jsp相关web资源的位置

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

SpringBoot图文教程3—「‘初恋’情结」集成Jsp_第6张图片

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.通过插件启动项目,即可访问页面

SpringBoot图文教程3—「‘初恋’情结」集成Jsp_第7张图片

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

6.访问hello.jsp页面

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

SpringBoot图文教程3—「‘初恋’情结」集成Jsp_第8张图片

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

    SpringBoot图文教程3—「‘初恋’情结」集成Jsp_第9张图片
  2. 直接刷新浏览器页面 可以看到

    SpringBoot图文教程3—「‘初恋’情结」集成Jsp_第10张图片

总结

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

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

SpringBoot图文教程3—「‘初恋’情结」集成Jsp_第11张图片

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

  • 掌握SpringBoot中Jsp的使用

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

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

上期自测面试题答案

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

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

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

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

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

本次需求:

练习文中demo

求关注,求点赞,求转发

 

你可能感兴趣的:(SpringBoot图文教程3—「‘初恋’情结」集成Jsp)