RuoYi Vue 实现字段排序

默认情况下，RuoYi Vue 并没有附加排序条件。这时候需要增加一个默认排序。

方法1（单字段排序）：

vue 模块下 \src\api\WeChat\index.js ，类似 listBanner 方法中增加排序条件（只需要添加即可，默认情况下，ruoyi 会使用处理这个排序）

// 查询Banner 管理列表
export function listBanner(query) {

query.orderByColumn = query.orderByColumn || "weigh";
query.isAsc = query.isAsc || "desc";
  return request({
    url: '/WeChat/banner/list',
    method: 'get',
    params: query
  })
}

方法2（多字段排序）：

在实现层，如 service/impl/WechatBannerServiceImpl.java

import com.github.pagehelper.PageHelper;

/**
 * 查询Banner 管理列表
 *
 * @param wechatBanner Banner 管理
 * @return Banner 管理
 */
@Override
public List<WechatBanner> selectWechatBannerList(WechatBanner wechatBanner) {

    PageHelper.orderBy("id desc,weigh desc");
    return wechatBannerMapper.selectWechatBannerList(wechatBanner);
}

方法3（多字段排序）：

同方法2，不过是在控制器层，如 controller/WechatBannerController.java

import com.github.pagehelper.PageHelper;

/**
 * 查询Banner 管理列表
 */
@PreAuthorize("@ss.hasPermi('WeChat:banner:list')")
@GetMapping("/list")
public TableDataInfo list(WechatBanner wechatBanner)
{
    startPage();
    PageHelper.orderBy("id desc,weigh desc");
    List<WechatBanner> list = wechatBannerService.selectWechatBannerList(wechatBanner);
    return getDataTable(list);
}

方法2、3 是用于多字段排序，目前不清楚其他方法，后期知道时，再补。

相关文章：