如何在 Spring MVC 中渲染局部视图

Posted

技术标签:

【中文标题】如何在 Spring MVC 中渲染局部视图【英文标题】:How to render partial view in Spring MVC 【发布时间】:2015-05-09 14:25:15 【问题描述】:

我试图在我的 jsp 视图页面中包含一个局部视图。我怎样才能做到这一点? 我想将我的“addEmployeeContacts.jsp”包含到“addEmployee.jsp”页面中。 addEmployee.jsp <%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %> <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %> Insert title here

Add Employee

Firstname: Lastname:

            <tr>
                <td>Date of Birth:</td>
                <td><form:input path="dob" type="date"/></td>
            </tr>
            <tr>
                <td colspan="2">
                <input type="submit" value="Add Employee">
                </td>
            </tr>
            </table>
        </form:form>
        <div>
        <jsp:include page="addEmployeeContacts.jsp">
         $employeeContacts
        </jsp:include>
        </div>
    </body>
    </html>
    </code>

并添加EmployeeContacts.jsp

    <code>
    <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
        pageEncoding="ISO-8859-1"%>
     <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <title>Insert title here</title>
    </head>
    <body>
        <h1>Add Employee</h1>
        <form:form commandName="employeeContacts">
            <table>
            <tr>
                <td>Contact Type</td>
                <td><form:input path="contactType"/></td>
            </tr>

            <tr>
                <td>Details</td>
                <td><form:input path="contactValue"/></td>
            </tr>

            <tr>
                <td colspan="2">
                <input type="submit" value="Add Contacts">
                </td>
            </tr>
            </table>
        </form:form>
    </body>
    </html>
    </code>

addEmployeeContactController

包 com.employee.comtroller;

导入 javax.servlet.http.HttpSession;

导入 org.springframework.beans.factory.annotation.Autowired;
导入 org.springframework.stereotype.Controller;
导入 org.springframework.ui.Model;
导入 org.springframework.validation.BindingResult;
导入 org.springframework.web.bind.annotation.ModelAttribute;
导入 org.springframework.web.bind.annotation.RequestMapping;
导入 org.springframework.web.bind.annotation.RequestMethod;

导入 com.employee.model.Employee;
导入 com.employee.model.EmployeeContacts;
导入 com.employee.service.EmployeeContactsService;

@控制器
公共类 ContactsController 

    @自动连线
    私人 EmployeeContactsService 雇员联系服务;

    @RequestMapping(value="/addEmployeeContacts", method=RequestMethod.GET)
    public String addEmployeeContacts(@ModelAttribute("employeeContacts") EmployeeContacts employeeContacts,Model model)
        model.addAttribute(employeeContacts);
        返回“addEmployeeContacts”;

    

    @RequestMapping(value="/addEmployeeContacts", method=RequestMethod.POST)
    public String addEmployeeContacts(@ModelAttribute("employeeContacts") EmployeeContacts employeeContacts,HttpSession session,BindingResult 结果)

        如果(结果。hasErrors())
            System.out.println(结果);
            返回“addEmployeeContacts”;
        

        别的
            员工employee = (Employee)session.getAttribute("employee");
            employeeContacts.setEmployee(employee);
            employeeContactService.save(employeeContacts);
        

        返回“重定向:index.jsp”;
    

投掷错误

org.apache.jasper.JasperException: java.lang.IllegalStateException: Bean 名称 'employeeContacts' 的 BindingResult 和普通目标对象都不能用作请求属性

【问题讨论】:

那有什么问题呢? 显示错误:org.apache.jasper.JasperException: java.lang.IllegalStateException: Bean 名称“employeeContacts”的 BindingResult 和普通目标对象都不能用作请求属性 当您收到此错误时,地址栏中显示的 URL 是什么? 感谢您的回复localhost:8080/EmployeeManagement/addEmployee.html 只是想看看它是否有帮助 【参考方案1】:

如果由于我在您的帖子中没有看到的映射,您的 localhost:8080/EmployeeManagement/addEmployee.html 直接将您置于 addEmployee.jsp 中,那么您需要在您的 jsp 中执行以下操作。这应该向您的控制器发出请求以获取包含的视图。希望这会有所帮助。

<div>
        <jsp:include page="/addEmployeeContacts">
         $employeeContacts
        </jsp:include>
 </div>

【讨论】:

【参考方案2】:

您需要使用 .tag 作为 Main page 和部分视图作为 .jsp

例如:

像这样创建 Layout.tag

 <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
 <%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
 <%@tag description="Overall Page template" pageEncoding="UTF-8"%>
 <!DOCTYPE html>
 <html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Home</title>
 </head>
 <body>
    <section class="content">
      <jsp:doBody />
    </section>
 </body>
</html>

然后像这样创建一个局部视图

<%@taglib prefix="t" tagdir="/WEB-INF/tags/"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<t:Layout>    
   <div>
       your partial view html content
   </div>
</t:Layout>

【讨论】:

以上是关于如何在 Spring MVC 中渲染局部视图的主要内容,如果未能解决你的问题,请参考以下文章

MVC 在 EditorFor 中渲染局部视图

如何在 Spring MVC 中使用 AJAX 渲染视图

MVC的局部视图

如何对绑定到 mvc 中模型的相同属性的多个局部视图应用验证?

在 MVC 中从区域渲染局部视图

关于ASP.NET MVC部分视图渲染问题。