案例-修改-回显数据

回显就是通过id进行查询：

首先我们要做一个根据id查询，将数据回显到update页面里边

才能进行修改

BrandMapper:

记得给selectById上添加@ResultMap注释，这样才能保证页面上数据的完整

public interface BrandMapper {/*** 查询所有* @return*/@Select("select  * from tb_brand")@ResultMap("brandResultMap")List<Brand> selectAll();/*** 添加功能* @param brand*/@Insert("insert into tb_brand values(null,#{brandName},#{companyName},#{ordered},#{description},#{status})")void add(Brand brand);/*** 根据id查询   记得添加ResultMao 否则页面上将不展示内容* @param id* @return*/@Select("select  * from tb_brand where id= #{id}")@ResultMap("brandResultMap")Brand selectById(int id);
}

BrandService：

public class BrandService {SqlSessionFactory sqlSessionFactory = SqlSessionFactoryUtils.getSqlSessionFactory();/*** 查询所有* @return*/public List<Brand> selectAll(){//获取sqlSessionSqlSession sqlSession = sqlSessionFactory.openSession();//获取brandMapperBrandMapper mapper = sqlSession.getMapper(BrandMapper.class);List<Brand> brands = mapper.selectAll();//释放资源sqlSession.close();return brands;}/*** 添加* @param brand*/public void add(Brand brand){//获取sqlSessionSqlSession sqlSession = sqlSessionFactory.openSession();//获取brandMapperBrandMapper mapper = sqlSession.getMapper(BrandMapper.class);//调用方法mapper.add(brand);//提交事务sqlSession.commit(true);sqlSession.close();}/*** 根据id查询* @param id* @return*/public Brand selectById(int id){//获取sqlSessionSqlSession sqlSession = sqlSessionFactory.openSession();//获取brandMapperBrandMapper mapper = sqlSession.getMapper(BrandMapper.class);Brand brand = mapper.selectById(id);//释放资源sqlSession.close();return brand;}}

SelectByIdServlet：

@WebServlet("/selectByIdServlet")
public class SelectByIdServlet extends HttpServlet {private BrandService service= new BrandService();@Overrideprotected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//1.接收idString id = request.getParameter("id");//2.调用service查询Brand brand = service.selectById(Integer.parseInt(id));//3.存储到request中request.setAttribute("brand",brand);//4.转发到update.jsprequest.getRequestDispatcher("/update.jsp").forward(request,response);}@Overrideprotected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {this.doGet(request, response);}
}

这里要注意：描述信息的${brand.description}要写的位置

还有<input>标签里 checked属性的使用，就是默认当前属性，所以我们在做状态的回显时，需要用jstl的id来进行逻辑判断

<%@ page contentType="text/html;charset=UTF-8" language="java"  isELIgnored="false" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>修改品牌</title>
</head>
<body>
<h3>修改品牌</h3>
<form action="/brand-demo/addServlet" method="post">品牌名称：<input name="brandName" value="${brand.brandName}"><br>企业名称：<input name="companyName" value="${brand.companyName}"><br>排序：<input name="ordered" value="${brand.ordered}"><br>描述信息：<textarea rows="5" cols="20" name="description"> ${brand.description}</textarea><br><c:if test="${brand.status==0}">状态：<input type="radio" name="status" value="0" checked>禁用<input type="radio" name="status" value="1">启用<br></c:if><c:if test="${brand.status==1}">状态：<input type="radio" name="status" value="0" >禁用<input type="radio" name="status" value="1" checked>启用<br></c:if><input type="submit" value="提交">
</form>
</body>
</html>

还有在brand.jsp页面跳转SelectByIdServlet页面时，需要注意要给Servlet进行id传参，时这样传递的：

案例-修改-回显数据相关推荐

vue页面回显数据_解决vue表单回显数据无法修改的问题
前言:今天在做修改操作的时候遇到了一个问题,数据回显到修改表单之后,发现无法输入,也不能实现修改项目环境:springboot+vue前后端分离问题:修改操作数据回显无法输入值一.问题截图二. ...
ElementUI中el-radio-group使用v-model绑定是属性为String字符串类型时不回显数据
场景结合el-radio-group元素和子元素el-radio可以实现单选组,在el-radio-group中绑定v-model,在el-radio中设置好label即可,无需再给每一个el-ra ...
ElementUI中的el-select中多选回显数据后没法重新选择和更改
场景 ElementUI的el-select怎样实现下拉多选并实现给下拉框赋值和获取值: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/detai ...
JSP第四篇【EL表达式介绍、获取各类数据、11个内置对象、执行运算、回显数据、自定义函数、fn方法库】...
什么是EL表达式? 表达式语言(Expression Language,EL),EL表达式是用"${}"括起来的脚本,用来更方便的读取对象! EL表达式主要用来读取数据,进行内容的 ...
layer.open回显数据select选择默认值
1. 需求分析如图所示,需要在用户编辑的时候能够回显数据,并且使其能够自动渲染下拉框. <div class="layui-form-item"><label ...
vue el-tree 同时向后台传递选中和半选节点数据 (回显数据勾选问题已解决)
vue el-tree 同时向后台传递选中和半选节点数据 (回显数据勾选问题已解决) 参考文章: (1)vue el-tree 同时向后台传递选中和半选节点数据 (回显数据勾选问题已解决) (2)ht ...
JSP第四篇【EL表达式介绍、获取各类数据、11个内置对象、执行运算、回显数据、自定义函数、fn方法库】(修订版)...
前言只有光头才能变强. 文本已收录至我的GitHub仓库,欢迎Star:https://github.com/ZhongFuCheng3y/3y 什么是EL表达式? 表达式语言(Expression ...
JSP第四篇【EL表达式介绍、获取各类数据、11个内置对象、执行运算、回显数据、自定义函数、fn方法库】
什么是EL表达式? 表达式语言(Expression Language,EL),EL表达式是用"${}"括起来的脚本,用来更方便的读取对象! EL表达式主要用来读取数据,进行内容的 ...
JSP第四篇【EL表达式介绍、获取各类数据、11个内置对象、执行运算、回显数据、自定义函数、fn方法库】... 1
什么是EL表达式? 表达式语言(Expression Language,EL),EL表达式是用"${}"括起来的脚本,用来更方便的读取对象! EL表达式主要用来读取数据,进行内容的 ...

案例-修改-回显数据

案例-修改-回显数据相关推荐

最新文章

热门文章