11-22 SSM3

11-22 SSM3_第1张图片书城分页查询

使用mybatis分页插件:

请完成登陆注册 -> 跳转到首页

11-22 SSM3_第2张图片

11-22 SSM3_第3张图片

解决前端上架时间点击切换  以及侧边栏点击由背景颜色的改变

完成超链接的绑定点击时间 -> jquery

11-22 SSM3_第4张图片

$(document).ready(function() {  
  // 初始化上架时间状态为 true(上架)  
  var isOnSale = true;  
    
  // 点击切换上架时间按钮时,切换状态并更新侧边栏背景颜色  
  $('#toggle-btn').click(function() {  
    isOnSale = !isOnSale; // 切换上架状态  
    updateSidebarBackground(); // 更新侧边栏背景颜色  
  });  
    
  // 点击侧边栏时,选择对应的商品并更新背景颜色(模拟选中效果)  
  $('#sidebar').on('click', '.item', function() {  
    var $item = $(this); // 获取被点击的商品项  
    $item.addClass('selected').siblings('.item').removeClass('selected'); // 添加选中样式并移除其他商品的选中样式  
    updateSidebarBackground(); // 更新侧边栏背景颜色  
  });  
    
  // 根据上架时间和选中商品的数量更新侧边栏背景颜色  
  function updateSidebarBackground() {  
    var color;  
    if (isOnSale) { // 上架状态时,使用浅灰色背景颜色(#e0e0e0)  
      color = '#e0e0e0';  
    } else { // 下架状态时,使用灰色背景颜色(#f5f5f5)并且选中商品使用浅灰色背景颜色(#fff)  
      color = '#fff';  
    }  
    $('#sidebar').css('background-color', color); // 设置侧边栏背景颜色  
  }  
});

拿到数据库中的cid  data-id:绑定数据 -1表示全部分类 

11-22 SSM3_第5张图片

11-22 SSM3_第6张图片

11-22 SSM3_第7张图片

11-22 SSM3_第8张图片

11-22 SSM3_第9张图片

11-22 SSM3_第10张图片

排序列名 orderColumn 还有一个价格

11-22 SSM3_第11张图片

11-22 SSM3_第12张图片

11-22 SSM3_第13张图片

11-22 SSM3_第14张图片

get请求:

返回页面 -> String :逻辑视图名

数据放到model  接收数据

BookVo实体类用于接受前端的请求参数

11-22 SSM3_第15张图片

封装Model   -> BookVo

11-22 SSM3_第16张图片

测试是否数据能够封装成功

11-22 SSM3_第17张图片

11-22 SSM3_第18张图片

注入业务层

11-22 SSM3_第19张图片

11-22 SSM3_第20张图片

page存在域当中 model.addAttribute

11-22 SSM3_第21张图片

11-22 SSM3_第22张图片

11-22 SSM3_第23张图片

11-22 SSM3_第24张图片

11-22 SSM3_第25张图片

11-22 SSM3_第26张图片

11-22 SSM3_第27张图片

11-22 SSM3_第28张图片

记住-1的特殊情况

11-22 SSM3_第29张图片

11-22 SSM3_第30张图片

bookserviceImpl实现分类

开始测试分页

11-22 SSM3_第31张图片

11-22 SSM3_第32张图片

11-22 SSM3_第33张图片

报错nullpointer

pageIndex没有赋值  -> 导致出现了空指针异常的问题

11-22 SSM3_第34张图片

拿到数据:books.getResult()

11-22 SSM3_第35张图片

更改前端:

page数据放到了model里面了,

11-22 SSM3_第36张图片

11-22 SSM3_第37张图片

点击分类:看一下cid

回显??  ->

就是下一次打开这个页面上次提交的数据还可以有显示在输入框中

11-22 SSM3_第38张图片

不应该写死   进行查询需要完成!

表单里未回显  点击之后value需要改变

11-22 SSM3_第39张图片

11-22 SSM3_第40张图片

百度点击页码递增

11-22 SSM3_第41张图片

11-22 SSM3_第42张图片

11-22 SSM3_第43张图片

11-22 SSM3_第44张图片

11-22 SSM3_第45张图片

11-22 SSM3_第46张图片

11-22 SSM3_第47张图片

11-22 SSM3_第48张图片

11-22 SSM3_第49张图片

11-22 SSM3_第50张图片

11-22 SSM3_第51张图片

11-22 SSM3_第52张图片

11-22 SSM3_第53张图片

11-22 SSM3_第54张图片

11-22 SSM3_第55张图片

11-22 SSM3_第56张图片

完成上一页 下一页的逻辑

11-22 SSM3_第57张图片

js对象 -> $(js对象) -> jquery对象

11-22 SSM3_第58张图片

11-22 SSM3_第59张图片

11-22 SSM3_第60张图片

11-22 SSM3_第61张图片

11-22 SSM3_第62张图片

11-22 SSM3_第63张图片

11-22 SSM3_第64张图片

11-22 SSM3_第65张图片

11-22 SSM3_第66张图片

11-22 SSM3_第67张图片

11-22 SSM3_第68张图片

11-22 SSM3_第69张图片

11-22 SSM3_第70张图片

11-22 SSM3_第71张图片

11-22 SSM3_第72张图片

排序列 -> 在BookVo -> 回显在MOdel里

11-22 SSM3_第73张图片

11-22 SSM3_第74张图片

11-22 SSM3_第75张图片

11-22 SSM3_第76张图片

11-22 SSM3_第77张图片

11-22 SSM3_第78张图片

11-22 SSM3_第79张图片

登陆进来  BookVo  默认cid=1 pageIndex  = 1 orderColumn = "pub...." ......

设置一下默认值

11-22 SSM3_第80张图片

你可能感兴趣的:(SpringMvc,java,算法,数据结构)