写小项目的时候vue就显的很复杂,可以用映射模板简单代替。
后端 把数据映射到模板上
//返回模板查询
@RequestMapping("getAll")
public String getAll(Model model){
List<Map> list=userService.findAllData();
model.addAttribute("list", list); //定义模板 赋值
return "com/index"; //返回给前端
}
//调用方法
//return "redirect:/user/getAll";
前端 接受模板并输出 —>返回集合
// userStat 是为了输出几条数据
<tr th:each="user,userStat: ${list}">
<td th:text="${userStat.count}"></td>
<td th:text="${user.name}"></td>
<td th:text="${user.sex}"></td>
<td th:text="${user.claname}"></td>
<td th:text="${user.dz}"></td>
<td><a th:href="@{/user/upd(uid=${user.uid})}">修改</a>/
<a th:href="@{/user/del(uid=${user.uid})}">删除</a> </td>
</tr>
前端 接受模板并输出 —>返回单条(修改代码)
<form action="/user/Insert" method="post" th:each="user:${u}">
<input type="text" name="uid" th:each="user:${u}" th:value="${user.uid}" > <br />
姓名:<input type="text" name="name" th:value="${user.name}" /> <br />
性别:<input type="radio" name="sex" id="sex1" value="男" th:checked="${user.sex=='男'}" />男<input type="radio" value="女" id="sex2" name="sex" th:checked="${user.sex=='女'}" />女 <br />
爱好:<input type="checkbox" name="box" value="足球" th:checked="${#strings.contains(user.hh,'足球')}" />足球
<input type="checkbox" name="box" value="蓝球" th:checked="${#strings.contains(user.hh,'蓝球')}" />蓝球
<input type="checkbox" name="box" value="飞球" th:checked="${#strings.contains(user.hh,'飞球')}" />飞球<br />
班级:<select name="ban" id="ban" >
<option id="bb"
th:each="list: ${list3}"
th:text="${list.claname}"
th:value="${list.cid}"
th:selected="${user.claid eq list.cid}" >
</option>
</select> <br />
后端
//修改页面
@RequestMapping(value = "upd")
public String upd(Model model,HttpServletRequest req) {
int id=Integer.parseInt(req.getParameter("uid"));
List<User> u=userService.fiId(id);
model.addAttribute("u",u);
List<Cla> list3=claService.findAll();
model.addAttribute("list3",list3);
return "com/upd";
}
笔记:
自增:
//loopStatus 也可以换上上面Stat
<tr th:each="控制器名,loopStatus: ${list}">
<td th:text="${loopStatus.count }"></td>
count:自增从1开始
index:自增从0开始
size: 统计有几条数据
复选内框默认: th:checked="${#strings.contains(user.hh,'足球')}