太仓企业网站建设,东莞清溪网站制作,完整网站开发看什么书,庆阳工程建设网站文章目录 用户模块(未使用框架)查询功能实现步骤代码 新增功能实现步骤代码 修改功能实现步骤代码实现 删除功能实现步骤代码实现 用户模块会了#xff0c;其他两个模块与其类似 用户模块(未使用框架) 查询功能
这里将模糊查询和分页查询写在一起
实现步骤
前端#xff1… 文章目录 用户模块(未使用框架)查询功能实现步骤代码 新增功能实现步骤代码 修改功能实现步骤代码实现 删除功能实现步骤代码实现 用户模块会了其他两个模块与其类似 用户模块(未使用框架) 查询功能
这里将模糊查询和分页查询写在一起
实现步骤
前端发起请求从userList.html中getUserList函数中书写代码发起异步请求
请求地址/user/query请求参数当前页每页条数用户名(模糊查询)
后端接收请求处理业务响应
web层接收前端传过来的数据并封装到实体类中传给业务层调用业务层中的方法实现然后封装到result中并响应给前端service层是具体写实现处理的逻辑其中调用数据层的方法dao层就是对数据库进行查询等
模糊查询的话可以判断前端传过来的用户名是否存在存在就是模糊查询不存在就是分页查询web可以分别书写俩个查询的代码
代码
前端 //写路径let url/user/findAll;//写参数 {currentPage:this.pagination.pageNum,pageSize:this.pagination.pageSize}let params{currentPage:${this.pagination.pageNum},pageSize:${this.pagination.pageSize},username:${this.queryParams.username}};//发送请求axios.post(url,params).then(resp{// console.log(resp.data);//定义变量接收后端响应的数据let objresp.data;//判断是否查询成功if(obj.flag){//查询成功//提示信息this.$message({message: obj.message,type: success});//将查询的用户和角色信息赋值给数据模型中的userList[]this.userListobj.result.rows;//将查询的用户表的总记录数赋值给数据模型中的pagination中的total即可以显示分页栏this.pagination.totalobj.result.total;}else{//查询失败this.$message({showClose: true,message: obj.message,type: error});}})后端web层 public void findAll(HttpServletRequest request, HttpServletResponse response) {//System.out.println(查询所有用户);try {//1.先根据前端传过来的数据即当前页码和每页条数封装到实体类QueryPageBean对象中QueryPageBean pb BaseController.parseJSON2Object(request, QueryPageBean.class);if(pb.getUsername() ! null pb.getUsername() ! ){findByName(pb,response);}else{//调用工厂类来创建对象UserService userService BeansFactory.getInstance(userService);//3.使用对象调用方法PageResult pr userService.findAll(pb);//4.创建result对象Result result new Result(true, 查询成功, pr);//5.将result对象转化成json响应给前端BaseController.printResult(response, result);}} catch (Exception e) {//打印到控制台e.printStackTrace();//6.创建result对象Result result new Result(false, 查询失败);//7.将result对象转化成json响应给前端try {BaseController.printResult(response, result);} catch (IOException ex) {e.printStackTrace();}}}public void findByName(QueryPageBean pb, HttpServletResponse response) {try {//2.创建业务层对象UserService userService BeansFactory.getInstance(userService);//3.调用业务层对象执行方法PageResult pr userService.findByUserName(pb);//4.封装到result对象中Result result new Result(true, 根据用户名查询成功, pr);//5.返回给前端BaseController.printResult(response, result);} catch (Exception e) {e.printStackTrace();try {//6.封装到result对象中Result result new Result(false, 根据用户名查询失败);//7.返回给前端BaseController.printResult(response, result);} catch (Exception ex) {ex.printStackTrace();}}}后端service public PageResult findAll(QueryPageBean pageBean) {//1.获取mybatis会话对象SqlSession session SqlSessionUtil.getSession();//2.获取接口代理对象UserMapper mapper session.getMapper(UserMapper.class);//3.使用接口代理对象调用接口中分页查询的用户方法//select * from 表名 limit 起始索引每页条数//调用方法获取起始索引Integer startIndex pageBean.getOffset();//调用方法获取每页条数Integer pageSize pageBean.getPageSize();ListUser list mapper.findAll(startIndex,pageSize);//4.使用接口代理对象调用接口方法获取总记录数Long total mapper.findCount();//5.对获取到的总记录数和用户封装到pageresult中PageResult pageResult new PageResult(total, list);//6.关闭会话session.close();//7.将pageresult对象返回给web层return pageResult;}public PageResult findByUserName(QueryPageBean pageBean) {//1.创建会话层对象SqlSession session SqlSessionUtil.getSession();//2.创建会话层代理对象UserMapper mapper session.getMapper(UserMapper.class);//获取参数Integer startIndex pageBean.getOffset();Integer pageSize pageBean.getPageSize();String username pageBean.getUsername();//3.调用会话层代理对象执行方法ListUser list mapper.findByName(username,startIndex,pageSize);//4.调用会话层代理对象执行方法Long total mapper.findCountName(username);//5.创建pageResult对象PageResult pr new PageResult(total,list);//4.关闭会话session.close();//5.返回给web层return pr;}新增功能 实现步骤
前端在handleCreateConfirm函数中书写代码发起请求请求地址/user/add,请求参数addUser后端
web层先进行接收前端的数据然后分装到实体类中传给业务层调用业务层的方法service层书写实现逻辑先对用户进行新增然后在用户中间表中进行新增(用户id利用主键回填)。这其中都是调用数据层的方法dao层就是利用方法来对数据库进行访问书写对于的sql语句
先对用户进行新增然后再增加中间表的数据
代码
前端 let url /user/add;//发送请求axios.post(url,this.addUser).then(resp{//console.log(resp.data);//定义一个变量let obj resp.data;//判断是否成功if(obj.flag){this.$message({message: obj.message,type: success});}else{this.$message.error(obj.message);}})//设置弹窗关闭this.dialogUptFormVisible false;this.getUserList();}});后端service //1.创建会话层对象SqlSession session SqlSessionUtil.getSession();//2.创建会话层代理对象UserMapper mapper session.getMapper(UserMapper.class);//3.调用mapper层中的方法新增用户mapper.add(addUser);//4.调用mapper层的方法在用户角色中间表mapper.addUserRole(addUser.getId(), addUser.getRoleIds());//4.关闭会话session.close();修改功能 实现步骤
前端发送异步请求请求地址/user/update 请求参数updateUser后端
web接收数据分装到对于的类中传到业务层调用业务层方法来实现封装到result中返回给前端service层就是先修改用户表中的数据然后删除修改用户对应的中间表的内容然后再添加修改后的角色到中间表中dao层就是执行上述service层的代码
代码实现
前端 //定义urllet url /user/update;//发送请求axios.post(url,this.updateUser).then(resp{//console.log(resp.data);//定义变量接收数据let obj resp.data;//判断是否修改成功if(obj.flag){//修改成功//提示信息this.$message({message: obj.message,type: success});this.updateUserobj.result;}else{//修改失败this.$message.error(obj.message);}}).finally((){this.getUserList()})}});后端service public void updateUser(UpdateUser updateUser) {//1.获取会话层SqlSession session SqlSessionUtil.getSession();//2.获取会话层代理对象UserMapper mapper session.getMapper(UserMapper.class);//3.调用方法来更新用户mapper.update(updateUser);//4.删除用户角色中间表中用户对应的idmapper.deleteUserRole(updateUser.getId());//5.新增用户修改后的用户角色中间表的角色mapper.addUserRole(updateUser.getId(), updateUser.getRoleIds());//6.释放资源session.close();}删除功能 实现步骤
前端发送异步请求 请求地址/user/delete 请求参数id后端
web层固定套路接收参数调用业务层方法将参数传给业务层将调用方法的结果封装到result中返回给前端sercive层主要写实现逻辑先删除中间表的对于用户的数据然后再删除用户根据逻辑调用dao层的方法dao层书写对象的sql语句进行实现
代码实现
前端 let url /user/delete;//书写参数let params id${row.id};//发送请求axios.post(url,params).then(resp{let obj resp.data;if(obj.flag){this.$message({message: obj.message,type: success});}else{this.$message.error(obj.message);}}).finally((){this.getUserList();})}).catch(() {this.$message.info(已取消操作!)});后端service层
//1.创建会话层对象SqlSession session SqlSessionUtil.getSession();//2.创建会话层代理对象UserMapper mapper session.getMapper(UserMapper.class);//3.调用代理对象执行方法删除从表中的数据mapper.deleteUserRole(id);//4.调用代理对象执行方法删除主表的数据mapper.delete(id);//5.释放资源session.close();先书写sql代码然后根据sql代码和产品原型确定前端的请求参数、还有后端的实体类的书写然后前端书写发送请求代码后端web层接收service层书写逻辑dao层进行数据的访问等
用户模块会了其他两个模块与其类似
