后端
@GetMapping("/edit/{id}")
@RequiresPermissions("shipment:driver:edit")
public String edit(@PathVariable("id") Long id, ModelMap mmap) {
DriverInfo driverInfo = driverInfoService.selectDriverInfoById(id);
//参数用 ModelMap类储存, mmap第一个参数为标识符,去参用
// 第二个参数为要传的参数,可为实体类
mmap.put("driverInfo", driverInfo);
return prefix + "/edit";
}
前端
方式一:
//通过'[[${ }]]'取参,中间为后端传入的标识符
var driverInfo = '[[${driverInfo}]]';
console.log(driverInfo);
//去括号
driverInfo = driverInfo.replace(/"/g,'"');
console.log(driverInfo);
//将传入参数从map类型转换为json格式
driverInfo = JSON.parse(driverInfo);
console.log(driverInfo);
console.log(driverInfo.filePath);
方式二:
<!--通过form表单,th:object获取标识符,从而得到数据-->
<form class="form-horizontal m" id="shipment-driver-edit" th:object="${driverInfo}">
<!--通过th:field="*{id}"将name属性值变为id获取前端传入参数的值,id为前端参数的标识符-->
<input th:field="*{id}" name="id" id="id" type="hidden">
<div class="form-group">
<label class="col-sm-3 control-label is-required">姓名:</label>
<div class="col-sm-8">
<!--通过th:field="*{name}"将name属性值变为name获取前端传入参数的值,name为前端参数的标识符-->
<input class="form-control" th:field="*{name}" type="text" name="name" id="name" placeholder="请输入姓名" required>
</div>
</div>