springMVC使用modelAndView返回界面与数据,jstl循环list

最新推荐文章于 2020-12-08 15:29:07 发布

原创最新推荐文章于 2020-12-08 15:29:07 发布 · 3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jstl循环 #ModelAndView返回页面和数据

spring/springBoot框架整合专栏收录该内容

17 篇文章

订阅专栏

本文介绍在Java Web项目中使用Maven管理JSP页面的必要依赖，包括JSTL、JSP API、Persistence API等，并展示了如何在JSP页面上循环显示后台返回的JSON数据。同时，对比了Thymeleaf与JSTL在数据循环显示上的语法差异。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.必要的maven依赖

<!-- JSP相关 -->
    <dependency>
      <groupId>jstl</groupId>
      <artifactId>jstl</artifactId>
      <version>1.2</version>
    </dependency>
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>jsp-api</artifactId>
      <version>2.0</version>
      <scope>provided</scope>
    </dependency>
    <dependency>
      <groupId>javax.persistence</groupId>
      <artifactId>persistence-api</artifactId>
      <version>1.0</version>
    </dependency>
    <dependency>
      <groupId>org.apache.taglibs</groupId>
      <artifactId>taglibs-standard-impl</artifactId>
      <version>1.2.5</version>
    </dependency>

2.后台获取的json数据格式

{
    "msg":"success",
    "code":0,
    "page":{
        "total":4,
        "list":[
            {
                "bname":"颁布天数",
                "is_flag":"0",
                "bid":1,
                "type":"1",
                "bprice":"12",
                "bimg":"15407361597941231.jpg"
            },
            Object{...},
            Object{...},
            Object{...}
        ],
        "pageNum":1,
        "pageSize":8,
        "pages":1,
        "size":4
    }
}

3.jsp界面代码

<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%--必须引入的--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html>
<head>
    <title>mybaties分页</title>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<%--动态引入项目地址,方便部署--%>
<%
    String path = request.getContextPath();
    String ppath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path;
%>
<div style="width: 600px;height: 300px;background-color: whitesmoke">
    <table class="table table-striped">
        <thead>
        <tr>
            <th>书名</th>
            <th>价格</th>
            <th>分类</th>
            <th>图片</th>
        </tr>
        </thead>
        <tbody>
        <c:forEach items="${requestScope.list}" var="book" >
            <tr>
                <td>${book.bname}</td>
                <td>${book.bprice}</td>
                <td>${book.type}</td><%--http://localhost:8080/onlineBooklib/statics/upload/--%>
                <td ><img style="overflow: hidden;width: 70px;height: 70px;" src="<%=basePath%>/upload/${book.bimg}"></td>
            </tr>
        </c:forEach>
        </tbody>
    </table>
</div>
</body>
</html>

4.总结,开始以为jstl和Thymeleaf一样,使用${list}就可以得到循环变量,并且误以为items就是我要循环的那个变量,百度之后才知道 jstl的变量var=“key”
以下是对比:
Thymeleaf的循环

<tbody th:each="item : ${list}"   >
<tr>
<td><span th:text="${item.bname}"></span></td>
<td><span th:text="${item.bprice}"></span></td>
</tr>
</tbody>

jstl的循环

<c:forEach items="${requestScope.list}" var="book" >
            <tr>
                <td>${book.bname}</td>
                <td>${book.bprice}</td>
            </tr>
        </c:forEach>