Sping MVC中一对多的视图处理

最新推荐文章于 2023-06-22 02:37:22 发布
最新推荐文章于 2023-06-22 02:37:22 发布
阅读量247 收藏
点赞数
分类专栏： Java Spring MVC 文章标签： Spring mvc html 一对多
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011810382/article/details/84612871
版权
@Entity
@Table(name = "employer")
public class Employer

private Integer id;

private String firstname;
private String lastname;
private String company;

private List<Employee> employees; // one-to-many

/* getters & setters */

}

@Entity
@Table(name = "employee")
public class Employee {

private Integer id;

@Transient // means "not a DB field"
private Integer remove; // boolean flag

private String firstname;
private String lastname;

private Employer employer; // many-to-one

/* getters & setters */

}


<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"
%><%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"
%><%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"
%><%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"
%><!DOCTYPE HTML>
<html>
<head>

<title>Edit</title>
<style type="text/css">.hidden {display: none;}</style>
<script type="text/javascript">
$(function() {

// Start indexing at the size of the current list
var index = ${fn:length(employer.employees)};

// Add a new Employee
$("#add").off("click").on("click", function() {
$(this).before(function() {
var html = '<div id="employees' + index + '.wrapper" class="hidden">';
html += '<input type="text" id="employees' + index + '.firstname" name="employees[' + index + '].firstname" />';
html += '<input type="text" id="employees' + index + '.lastname" name="employees[' + index + '].lastname" />';
html += '<input type="hidden" id="employees' + index + '.remove" name="employees[' + index + '].remove" value="0" />';
html += '<a href="#" class="employees.remove" data-index="' + index + '">remove</a>';
html += "</div>";
return html;
});
$("#employees" + index + "\\.wrapper").show();
index++;
return false;
});

// Remove an Employee
$("a.employees\\.remove").off("click").on("click", function() {
var index2remove = $(this).data("index");
$("#employees" + index2remove + "\\.wrapper").hide();
$("#employees" + index2remove + "\\.remove").val("1");
return false;
});

});
</script>

</head>
<body>

<c:choose>
<c:when test="${type eq 'create'}"><c:set var="actionUrl" value="employer/create" /></c:when>
<c:otherwise><c:set var="actionUrl" value="employer/update/${employer.id}" /></c:otherwise>
</c:choose>

<form:form action="${actionUrl}" modelAttribute="employer" method="POST" name="employer">
<form:hidden path="id" />
<table>
<tr>
<td><form:label path="firstname">Firstname</form:label></td>
<td><form:input path="firstname" /><form:errors path="firstname" /></td>
</tr>
<tr>
<td><form:label path="lastname">Lastname</form:label></td>
<td><form:input path="lastname" /><form:errors path="lastname" /></td>
</tr>
<tr>
<td><form:label path="company">company</form:label></td>
<td><form:input path="company" /><form:errors path="company" /></td>
</tr>
<tr>
<td>Employees</td>
<td>
<c:forEach items="${employer.employees}" varStatus="loop">
<!-- Add a wrapping div -->
<c:choose>
<c:when test="${employer.employees[loop.index].remove eq 1}">
<div id="employees${loop.index}.wrapper" class="hidden">
</c:when>
<c:otherwise>
<div id="employees${loop.index}.wrapper">
</c:otherwise>
</c:choose>
<!-- Generate the fields -->
<form:input path="employees[${loop.index}].firstname" />
<form:input path="employees[${loop.index}].lastname" />
<!-- Add the remove flag -->
<c:choose>
<c:when test="${employees[loop.index].remove eq 1}"><c:set var="hiddenValue" value="1" /></c:when>
<c:otherwise><c:set var="hiddenValue" value="0" /></c:otherwise>
</c:choose>
<form:hidden path="employees[${loop.index}].remove" value="${hiddenValue}" />
<!-- Add a link to remove the Employee -->
<a href="#" class="employees.remove" data-index="${loop.index}">remove</a>
</div>
</c:forEach>
<button id="add" type="button">add</button>
</td>
</tr>
</table>
<button type="submit">OK</button>
</form:form>

</body>
</html>

@Controller
@RequestMapping("employer")
public class EmployerController {

// Manage dynamically added or removed employees
private List<Employee> manageEmployees(Employer employer) {
// Store the employees which shouldn't be persisted
List<Employee> employees2remove = new ArrayList<Employee>();
if (employer.getEmployees() != null) {
for (Iterator<Employee> i = employer.getEmployees().iterator(); i.hasNext();) {
Employee employee = i.next();
// If the remove flag is true, remove the employee from the list
if (employee.getRemove() == 1) {
employees2remove.add(employee);
i.remove();
// Otherwise, perform the links
} else {
employee.setEmployer(employer);
}
}
}
return employees2remove;
}

// -- Creating a new employer ----------

@RequestMapping(value = "create", method = RequestMethod.GET)
public String create(@ModelAttribute Employer employer, Model model) {
// Should init the AutoPopulatingList
return create(employer, model, true);
}

private String create(Employer employer, Model model, boolean init) {
if (init) {
// Init the AutoPopulatingList
employer.setEmployees(new AutoPopulatingList<Employee>(Employee.class));
}
model.addAttribute("type", "create");
return "employer/edit";
}

@RequestMapping(value = "create", method = RequestMethod.POST)
public String create(@Valid @ModelAttribute Employer employer, BindingResult bindingResult, Model model) {
if (bindingResult.hasErrors()) {
// Should not re-init the AutoPopulatingList
return create(employer, model, false);
}
// Call the private method
manageEmployees(employer);
// Persist the employer
employerService.save(employer);
return "redirect:employer/show/" + employer.getId();
}

// -- Updating an existing employer ----------

@RequestMapping(value = "update/{pk}", method = RequestMethod.GET)
public String update(@PathVariable Integer pk, @ModelAttribute Employer employer, Model model) {
// Add your own getEmployerById(pk)
model.addAttribute("type", "update");
return "employer/edit";
}

@RequestMapping(value = "update/{pk}", method = RequestMethod.POST)
public String update(@PathVariable Integer pk, @Valid @ModelAttribute Employer employer, BindingResult bindingResult, Model model) {
// Add your own getEmployerById(pk)
if (bindingResult.hasErrors()) {
return update(pk, employer, model);
}
List<Employee> employees2remove = manageEmployees(employer);
// First, save the employer
employerService.update(employer);
// Then, delete the previously linked employees which should be now removed
for (Employee employee : employees2remove) {
if (employee.getId() != null) {
employeeService.delete(employee);
}
}
return "redirect:employer/show/" + employer.getId();
}

// -- Show an existing employer ----------

@RequestMapping(value = "show/{pk}", method = RequestMethod.GET)
public String show(@PathVariable Integer pk, @ModelAttribute Employer employer) {
// Add your own getEmployerById(pk)
return "employer/show";
}

}

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"
%><%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"
%><%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"
%><%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"
%><!DOCTYPE HTML>
<html>
<head>

<title>Edit</title>
<style type="text/css">.hidden {display: none;}</style>
<script type="text/javascript">
$(function() {

// Start indexing at the size of the current list
var index = ${fn:length(employer.employees)};

// Add a new Employee
$("#add").off("click").on("click", function() {
$(this).before(function() {
var html = '<div id="employees' + index + '.wrapper" class="hidden">';
html += '<input type="text" id="employees' + index + '.firstname" name="employees[' + index + '].firstname" />';
html += '<input type="text" id="employees' + index + '.lastname" name="employees[' + index + '].lastname" />';
html += '<input type="hidden" id="employees' + index + '.remove" name="employees[' + index + '].remove" value="0" />';
html += '<a href="#" class="employees.remove" data-index="' + index + '">remove</a>';
html += "</div>";
return html;
});
$("#employees" + index + "\\.wrapper").show();
index++;
return false;
});

// Remove an Employee
$("a.employees\\.remove").off("click").on("click", function() {
var index2remove = $(this).data("index");
$("#employees" + index2remove + "\\.wrapper").hide();
$("#employees" + index2remove + "\\.remove").val("1");
return false;
});

});
</script>

</head>
<body>

<c:choose>
<c:when test="${type eq 'create'}"><c:set var="actionUrl" value="employer/create" /></c:when>
<c:otherwise><c:set var="actionUrl" value="employer/update/${employer.id}" /></c:otherwise>
</c:choose>

<form:form action="${actionUrl}" modelAttribute="employer" method="POST" name="employer">
<form:hidden path="id" />
<table>
<tr>
<td><form:label path="firstname">Firstname</form:label></td>
<td><form:input path="firstname" /><form:errors path="firstname" /></td>
</tr>
<tr>
<td><form:label path="lastname">Lastname</form:label></td>
<td><form:input path="lastname" /><form:errors path="lastname" /></td>
</tr>
<tr>
<td><form:label path="company">company</form:label></td>
<td><form:input path="company" /><form:errors path="company" /></td>
</tr>
<tr>
<td>Employees</td>
<td>
<c:forEach items="${employer.employees}" varStatus="loop">
<!-- Add a wrapping div -->
<c:choose>
<c:when test="${employer.employees[loop.index].remove eq 1}">
<div id="employees${loop.index}.wrapper" class="hidden">
</c:when>
<c:otherwise>
<div id="employees${loop.index}.wrapper">
</c:otherwise>
</c:choose>
<!-- Generate the fields -->
<form:input path="employees[${loop.index}].firstname" />
<form:input path="employees[${loop.index}].lastname" />
<!-- Add the remove flag -->
<c:choose>
<c:when test="${employees[loop.index].remove eq 1}"><c:set var="hiddenValue" value="1" /></c:when>
<c:otherwise><c:set var="hiddenValue" value="0" /></c:otherwise>
</c:choose>
<form:hidden path="employees[${loop.index}].remove" value="${hiddenValue}" />
<!-- Add a link to remove the Employee -->
<a href="#" class="employees.remove" data-index="${loop.index}">remove</a>
</div>
</c:forEach>
<button id="add" type="button">add</button>
</td>
</tr>
</table>
<button type="submit">OK</button>
</form:form>

</body>
</html>

<form:form action="yourURL.htm" command="employeeDto">
<form:input type="text" name="consult.consultTechnos[].techno.id" />
<form:input type="text" name="consult.consultTechnos[].level" />
<form:form>
IRH
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ssm整合（spring，springmvc，mybatis），实现一对多查询
时倾的博客
12-12 5259
第一步：导包（由于包太多，这里就不一一介绍），整个工程目录如下： 第二步：创建两张表（本人两张表分别为users和orders），如下图所示： users表： orders表： 第三步：将ssm框架搭起来（spring主配置文件，mybatis主配置文件，springmvc的web.xml配置文件与xxx-servlet.xml配置文件）： web.xml配置文件： &amp;amp;lt;?xml ver...
Mvc+Entityfraome一对多关系映射
qq_40958044的博客
10-11 204
第一数据库建立 第二创建Mvc+EF项目 注意要点： 如下数据库表 T_Classes，T_Students 建立两个类与数据库表相对应 public class Class {     public int id{set;get;}     public string name{set;get;}     public virtual ICollection&lt;Student&gt; Stu...
Spring-core源码 -- AutoPopulatingList可自动填充元素的List包装类
游语
04-16 530
这个类，是线程不安全的，我们使用频率很小，近乎无，需谨慎操作。 /** * The {@link List} that all operations are eventually delegated to. * 所有操作最终委托给的列表。 */ private final List<E> backingList; /** * The {@link Elemen...
优化视图逻辑太过复杂导致性能较低的问题
weixin_43675226的博客
10-27 954
优化视图逻辑太过复杂导致性能较低的问题 1、对视图的基础表的部分条件字段进行添加索引，以提高视图查询的性能 2、使用触发器，将视图的数据物化到一个数据表，业务通过直接查询该表，速率提高很快，但是存在部分问题，会导致设计的表的新增、删除与更新的操作变慢 优点：实时性强，但是会导致其他操作的性能较差。 3、新增一个临时表，并且用存储过程的方式，将视图的数据物化到临时表。优点：性能提高，耗费资源少； 缺点：实时性差，并且会出现数据空洞的情况。 4、新增两个临时表，并且用存储过程的方式，将视图的数据物化到临时表，再
面向AIGC的系统通用模型设计
最新发布
XDevelop
06-22 462
在AIGC辅助编程中，如果利用AI大模型从组件直接生成业务功能，由于组件的多样性和复杂性，必然会使用更多更专业的提示，而且出错的概率也会大大增加。但是如果使用模型结合具体的业务数据和逻辑来进行生成，将会大幅减少提示的复杂性，同时也会规范AI的输出，既增加了效率同时又减少了出错。
编写Spring MVC控制器的14个技巧(小结)
08-25
ModelAndView对象是Spring MVC中一种重要的对象，用于传递数据和视图信息。控制器方法可以返回ModelAndView对象，以便将数据传递给视图，并将结果返回给客户端。 6. 使用redirect和forward redirect和forward是...
spring mvc_02
01-22
总结起来，`SimpleUrlHandlerMapping`是Spring MVC中一个基础且重要的组件，负责将URL映射到控制器，从而实现请求的路由。理解和熟练掌握其工作原理对于开发和维护Spring MVC应用至关重要。在"spring mvc_02"的学习...
spring5mvc第二天【大纲笔记】.zip
08-02
模型-视图-适配器（ModelAndView）是 Spring MVC 中一个常用的数据容器，用于传递模型数据到视图。 2. SpringMVC 文件上传：Spring MVC 支持文件上传功能，通过使用 `MultipartFile` 类型的参数，开发者可以在控制...
spring-mvc-helloworld
09-09
访问 `http://localhost:8010/spring-mvc-helloworld/hello/world` 显示了 Controller 中一个名为 `hello` 的方法处理的请求。这个 URL 可能是通过 `@RequestMapping` 注解在 Controller 类或方法上定义的。 7. **...
【源码+配置教程】Maven3+Spring4+Spring MVC+mybatis3整合实例
01-23
【源码+配置教程】Maven3+Spring4+Spring MVC+mybatis3整合实例是IT领域中一种常见的Web开发框架组合，这个压缩包提供了一套完整的应用实例，旨在帮助开发者快速理解和掌握这些技术的集成与应用。在这个项目中，...
创建视图碰到一对多关系，想把字符串连接起来的方法
hybxiaodao的博客
12-01 493
问题背景如下： 有两张表  table1 ID 姓名 1 张三 2 李四 3 王五   table2 ID 爱好 1 篮球 2 足球 3 排球   table3 ID 姓名ID 爱好ID 1 1 1 2 1 2 3 2 1 4 2 3 5 3 2 ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值