百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程网 > 正文

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

yuyutoo 2024-10-12 01:06 5 浏览 0 评论

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

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

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

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

求关注,求点赞,求转发

相关推荐

掌握这些CSS知识点,Coding如飞(css的基础知识)

...

CSS:绝对定位、相对定位、固定定位

绝对定位position:absolute...

探索CSS position属性(css position relative)

提示:点击上方"蓝色字体"↑可以订阅噢!摘要51RGB官方微信position是CSS中非常重要的一个属性,通过position属性,我们可以让元素相对于其正常位置,父元素或者浏览器窗口进行偏移。...

你要的CSS布局都在这里(css布局的几种方式)

大家好,我是三木。这篇文章,替大家汇总了css的布局方式,在每个布局的结尾附上了我认为比较好的文章链接,不仅仅可以当作学习资料,也可以当作方法的查询手册,以后开发的时候忘记了某个属性就来查查。看完推荐...

CSS 元素分类与水平居中(css内容水平居中)
CSS 元素分类与水平居中(css内容水平居中)

元素分类在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元...

2025-04-08 20:29 yuyutoo

CSS 定位详解(css定位例子)

CSS有两个最重要的基本属性,前端开发必须掌握:display和position。display属性指定网页的布局。两个重要的布局,我已经介绍过了:弹性布局flex[1]和网格布局grid[2]。本...

CSS精准定位布局——position(css定位position的定位有哪些,有那么特点?)

1简介上一篇文章,介绍了魔鬼属性——浮动布局。浮动布局比较灵活,但是不容易控制。而定位布局使用户精准定位页面中的任意元素成为可能。因此在实际开发中,大家应该灵活使用这两种布局方式,这样才可以更好地满...

浅谈position中absolute和relative

CSSposition属性中absolute和relative很容易让人弄混,基本的概念什么着,你去参考W3C,就不啰嗦了--------------------------------------...

Windows Phone新手开发教程(一)(windows开发ios app)

这是本系列的第1部分。在进行开发的过程之前,我将解释WindowsPhone的基础知识。第1部分涵盖了以下三个开发的基本主题:WindowsPhoneSDK的安装WindowsPhone用户界...

.NET界面开发控件DevExpress v15.2.8发布

以下是DevExpress15.2.8新增的一些功能,以及帮助文档描述。DXDiagramforWPFT353654-当界面上至少有一个item可见时,BringItemsIntoView...

「炫丽」从0开始做一个WPF+Blazor对话小程序

...

QT与C#:选择适合界面开发的最佳框架,并且附带精美案例

QT和C#都提供了丰富的界面开发工具和库,允许开发人员创建各种类型的用户界面。以下是QT和C#界面开发方面的一些对比:...

Windows Phone新手开发教程(二)(windows开发iphone应用)

这是本系列的第2部分。在这里我将讲解StackPanel和Grid元素。很多时候开发人员对于在何处放置包含StackPane或Grid元素的控制元件感到困惑。那么我们就来了解一些关于StackPane...

WPF MVVM嵌套绑定黑科技:父-子ListView深度交互终极指南

场景痛点:当ListView遇上"套娃式"数据绑定在复杂的WPF企业级开发中,我们经常会遇到这样的需求:在父级ListView的每一项中嵌套子ListView,且子控件需要访问父级数据上下文。这种"...

在 WPF 项目中使用 WPFDevelopers NuGet 包

...

取消回复欢迎 发表评论: