可以做围棋习题的网站网站建设的推广渠道

用户模块(未使用框架)

查询功能

这里将模糊查询和分页查询写在一起

实现步骤

前端：发起请求
从userList.html中getUserList函数中书写代码
发起异步请求

1. 请求地址：/user/query
2. 请求参数：当前页，每页条数，用户名(模糊查询)

后端：接收请求，处理业务，响应

1. web层接收前端传过来的数据并封装到实体类中，传给业务层，调用业务层中的方法实现，然后封装到result中，并响应给前端
2. service层是具体写实现处理的逻辑，其中调用数据层的方法
3. 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 obj=resp.data;//判断是否查询成功if(obj.flag){//查询成功//提示信息this.$message({message: obj.message,type: 'success'});//将查询的用户和角色信息赋值给数据模型中的userList：[]this.userList=obj.result.rows;//将查询的用户表的总记录数赋值给数据模型中的pagination中的total即可以显示分页栏this.pagination.total=obj.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();List<User> 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.调用会话层代理对象执行方法List<User> 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
后端

1. web层先进行接收前端的数据，然后分装到实体类中，传给业务层，调用业务层的方法
2. service层书写实现逻辑，先对用户进行新增，然后在用户中间表中进行新增(用户id利用主键回填)。这其中都是调用数据层的方法
3. 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
后端

1. web接收数据分装到对于的类中，传到业务层，调用业务层方法来实现，封装到result中返回给前端
2. service层就是先修改用户表中的数据，然后删除修改用户对应的中间表的内容，然后再添加修改后的角色到中间表中
3. 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.updateUser=obj.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
后端

1. web层固定套路：接收参数，调用业务层方法，将参数传给业务层，将调用方法的结果封装到result中，返回给前端
2. sercive层主要写实现逻辑：先删除中间表的对于用户的数据，然后再删除用户；根据逻辑调用dao层的方法
3. 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层进行数据的访问等

用户模块会了，其他两个模块与其类似