素材巴巴 > 程序开发 >

工作笔记之折叠面板

程序开发 2023-09-05 07:38:50

这里写图片描述

需求分析:

这次的任务主要是做右侧栏的Sort板块,主要的的需求可以分为以下几个小点:
1. 点击Sort右边的+号来展开面板
2. 点击面板中的Name这样的链接后,主框中会进行数据排序后再展示。

技术难点分析:

  1. 利用angular ui来实现Sort面板的折叠效果,需要用到ui-collapse功能。可以通过https://angular-ui.github.io/bootstrap 页面查看其使用方法。
  2. 使用MongoTemplate结合Query和Sort类实现排序功能。

实现过程:

Sort sort = new Sort(Sort.Direction.ASC,type);
 Query query = new Query().with(sort);
 return mongoTemplate.find(query,SaleInfo.class);
上面的功能基本上就算完成了,但是在分页的时候也遇到了一点小麻烦。就是到最后一页了,还能在翻一页。原来这是js中除法和java中的除法不同导致的。js是弱类型,并不像java中两个整数相除后,会取整。js会变为浮点数,因此这就导致最后一页后还能继续翻一页的原因。
 完。
 

标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。