A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

将分类展示功能及分页功能用自己的话描述出来

2 个回复

倒序浏览
将分类展示功能及分页功能用自己的话描述出来
分类展示功能:
       当页面加载后,header.html向CategoryServlet发送ajax请求分类数据。在此,findAll(HttpServletRequest request, HttpServletResponse response)方法调用service层的findAll()方法,获取所有的分类信息,最后将信息响应回前端。前端获取数据后将数据解析并展示。
分页功能:
       当用户点击分类信息,跳转到route_list.html页面,当页面加载完成后,调用load方法,发送ajax请求加载数据。
跳转到RouteServletpageQuery方法。在此先获取参数并对参数进行进一步的处理,之后调用routeServicepageQuery(cid, currentPage,pageSize, rname)方法,获取PageBean<Route>对象,最后将该对象响应回前端。前端拿到数据后进行解析并展示。  

回复 使用道具 举报
将分页展示功能及分页功能用自己的话描述出来
(1)创建一个PageBean对象封装分页数据,在前端页面进行分页数据展示
(2)在index.html页面,分类菜单栏点击选项跳转到route_list.html时绑定了路线的cid, 在导入的header.html搜索按钮绑定点击事件,跳转到route_list.html绑定路线的cid和rname,进行模糊搜索
(3)在route_list.html加载页面时,会先从RouteServlet(web层获取参数,调用service,将返回的参数进行json对象转换发送给前端页面)中根据绑定的路线的cid,rname,调用RouteServieImpl(主业务逻辑层)再调用RouteDaoImpl(数据访问层)中根据cid查询总条数方法和根据cid,起始索引,每页条数,查询每页显示的数据集合方法,然后在RouteServiceImpl通过计算对分页对象分页参数进行赋值
(4)在route_list.html用查询到的PageBean对象进行数据分页展示,遍历list集合进行单页数据展示,分页栏页码展示,遍历总页数绑定路线的cid,crrentpage(当前页数),rname,点击页码会传递参数调用load(cid,currentPage,rname)函数ajax异步加载页面经过RouteServlet查询进行分页展示
(5)要让显示页数为10(当前页数,前5,后4),当总页数小于10页时(起始页为1,未页为totalPage)总页数大于10页时(对起始页进行判断如果小于等于1,起始页为1,未页为起始页+9;对未页进行判断,如果末页大于等于totalPage,末页为totalPage,起始页为totalPage-9)
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马