spring boot 整合 jsp,如何整合spring boot工程、启动spring boot,整合JSP(三)

这是第三篇。讲解如何整合JSP

3. Spring Boot整合JSP

前两篇文章的学生的例子,发现网页上只能看到数据,没有图形界面(缺视图),作为展示肯定不行。怎么办?就需要单独建一个 web 工程,因为 纯maven工程 没有web工程的组件。
在这里插入图片描述
1、pom.xml依赖文件中导入相关依赖

<parent>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-parent</artifactId>
    <version>3.0.2</version>
</parent>

<dependencies>
    <!--web-->
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-web</artifactId>
    </dependency>

    <!--整合JSP,既然是整合JSP,肯定把整合JSP的依赖加进来,不加无法整合-->
    <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>

    <!-- JSTL -->
    <dependency>
        <groupId>jstl</groupId>
        <artifactId>jstl</artifactId>
        <version>1.2</version>
    </dependency>

    <dependency>
        <groupId>org.projectlombok</groupId>
        <artifactId>lombok</artifactId>
    </dependency>
</dependencies>

2、创建配置文件 application.yml (记得在main文件夹中创建 java、resources文件)

# 配置内嵌的tomcat端口,不配就是默认的8080
server:
  port: 8181

# 配视图解析器
spring:
  mvc:
    view:
      prefix: /
      suffix: .jsp

3、创建启动类,注意启动类放置的位置,否者会报错。
在这里插入图片描述
4、创建Handler

@Controller //这里数据、视图都要,所以是Controller
@RequestMapping("/display")
public class TestHandler {

    @Autowired
    private StudentRepository studentRepository;

    //主页展示
    @GetMapping("/index")
    public ModelAndView index(){
        ModelAndView modelAndView = new ModelAndView();
        modelAndView.setViewName("index"); //来到index.jsp
        modelAndView.addObject("list",studentRepository.findAll());
        return modelAndView;
    }

    //通过id查找
    @GetMapping("/findById/{id}")
    public ModelAndView findBy(@PathVariable("id") long id){
        ModelAndView modelAndView = new ModelAndView();
        modelAndView.setViewName("update"); //查到学生信息后来到修改页面
        modelAndView.addObject("student",studentRepository.findById(id));
        return modelAndView;
    }

    //删除 正常情况下是DeleteMapping,但在index.jsp中是使用
    //超链接进行删除的,所以是GetMapping
    @GetMapping("/deleteById/{id}")
    public String delete(@PathVariable("id") long id){
        studentRepository.deleteById(id);
        return "redirect:/display/index"; //删除后重定向到展示页面

    }

    //添加
    @PostMapping("/add")
    public String add(Student student){
        studentRepository.saveOrUpdate(student);
        return "redirect:/display/index"; //添加后重定向到展示页面
    }

    //修改
    @PostMapping("/update")
    public String update(Student student){
        studentRepository.saveOrUpdate(student);
        return "redirect:/hello/index"; //修改后重定向到展示页面
    }
}

5、写 jsp 页面

<!--index.jsp-->

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
    <head>
        <title>主页学生信息展示</title>
    </head>
    <body>
        <h1>学生信息</h1>
        <table>
            <tr>
                <th>学生编号</th>
                <th>学生姓名</th>
                <th>学生年龄</th>
                <th>操作</th>
            </tr>
            <c:forEach items="${list}" var="student">
                <tr>
                    <td>${student.id}</td>
                    <td>${student.name}</td>
                    <td>${student.age}</td>
                    <td>
                        <a href="/display/findById/${student.id}">修改</a> <!--修改首先要查出来,而且修改需要页面-->
                        <a href="/display/deleteById/${student.id}">删除</a>
                    </td>
                </tr>
            </c:forEach>
        </table>
 <%--添加:要给个页面--%>
        <a href="/add.jsp">添加学生</a>
    </body>
</html>
<!--add.jsp-->

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
    <head>
        <title>添加学生信息</title>
    </head>
    <body>
        <form action="/display/add" method="post">
            学生编号:<input type="text" name="id"/><br/>
            学生姓名:<input type="text" name="name"/><br/>
            学生年龄:<input type="text" name="age"/><br/>
            <input type="submit" value="添加"/>
        </form>
    </body>
</html>
<!--update.jsp-->
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
    <head>
        <title>修改学生信息</title>
    </head>
    <body>
        <form action="/display/update" method="post">
            学生编号:<input type="text" name="id" value="${student.id}" readonly/><br/>
            学生姓名:<input type="text" name="name" value="${student.name}"/><br/>
            学生年龄:<input type="text" name="age" value="${student.age}"/><br/>
            <input type="submit" value="确认修改"/>
        </form>
    </body>
</html>

后续更精彩

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小学鸡!

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值