spring boot模板映射

写小项目的时候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,'足球')}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值