又存放了一个List列表,那么页面该如何传递相关应的参数信息呢。
本篇文章给大家一个简单的示例,提供一种实现方式。
实体类
首先看实体类的结构(注意使用了Lombok):
代码语言:javascript复制@Data
public class Rules {
private List<Rule> rules;
}
对应Rule实体类代码如下:
代码语言:javascript复制@Data
public class Rule {
/**
* 类名
*/
private String className;
/**
* 字段名称
*/
private String column;
/**
* 操作符
*/
private String operate;
/**
* 对应值
*/
private String value;
}
对应Controller方法
代码语言:javascript复制@Controller
public class ManagerRulesController {
@PostMapping("/rules/add")
public String addDrl(Rules rules) {
if (rules != null) {
List<Rule> ruleList = rules.getRules();
for (Rule rule : ruleList) {
// 具体业务处理
}
return "result";
}
}
对应页面呈现
代码语言:javascript复制<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>规则页面管理页面</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css"/>
</head>
<body class="container">
<h4>页面拼接模式</h4>
<form method="post" action="/rules/add">
<#--第一条条件-->
<div id="condition-0">
<div class="form-group">
<label>金额:</label>
<input type="hidden" name="rules[0].column" value="amount">
操作属性操作:
<select class="form-control" name="rules[0].operate">
<option value=">">大于</option>
<option value="<">小于</option>
</select>
属性值:
<input type="text" class="form-control" name="rules[0].value" placeholder="输入值" value="1">
</div>
</div>
<div id="condition-1">
<div class="form-group">
<label>金额:</label>
<input type="hidden" name="rules[1].column" value="amount">
操作属性操作:
<select class="form-control" name="rules[1].operate">
<option value="<">小于</option>
<option value=">">大于</option>
</select>
属性值:
<input type="text" class="form-control" name="rules[1].value" placeholder="输入值" value="100">
</div>
</div>
<button type="submit" class="btn btn btn-info">提交</button>
</form>
</body>
</html>
注意要提交的页面元素的name值为“rules[1].column”。通过这种形式来指定列表中的第几个元素的具体属性值是什么。