学习分享，共勉

题外话，毕竟我工作多年，深知技术改革和创新的方向，Flutter作为跨平台开发技术、Flutter以其美观、快速、高效、开放等优势迅速俘获人心

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

v-loading=“listLoading”

:data=“list”

border

fit

stripe

highlight-current-row

:header-cell-style=“{background:‘#eef1f6’,color:‘#606266’}”

@selection-change=“selectionChange”

@row-dblclick=“rowDbclick”

@sort-change=“sortChange”

{{ scope.row.name }}

{{ scope.row.age }} 岁

以上是界面端的HTML代码，那么前端JS的处理逻辑也需要相应处理下，上面代码中 @sort-change=“sortChange” 定义了排序变化的触发事件处理。

methods: {

sortChange({ column, prop, order }) {

var direction = (order === ‘ascending’) ? ’ ASC’ : ’ DESC’

this.sorting = !this.isEmpty(prop) ? (prop + direction) : null

this.getlist()

},

以上代码主要逻辑是构建一个排序字符串，如：字段 ASC 或 字段 DESC的字符串，以供ABP后端的排序处理即可，这个主要是根据ABP框架排序特点进行提交的。

我们通过getlist的方法提交对应的查询条件和排序字符串，让后端再次获取数据给我们前端处理。

getlist() { // 列表数据获取

var param = { // 构造常规的分页查询条件

// 分页条件

SkipCount: (this.pageinfo.pageindex - 1) * this.pageinfo.pagesize,

MaxResultCount: this.pageinfo.pagesize,

Sorting: this.sorting,

// 查询过滤条件

Name: this.searchForm.name,

AgeStart: this.searchForm.ageStart

};

// 使用日期范围选择控件，在查询对象增加开始日期CreationTimeStart、结束日期CreationTimeEnd

this.addDateRange(param, this.searchForm.creationTime)

// 获取列表，绑定到模型上，并修改分页数量

this.listLoading = true

customer.GetAll(param).then(data => {

this.list = data.result.items

this.pageinfo.total = data.result.totalCount

this.listLoading = false

})

},

那么剩下的时候，就是后端如何处理数据的问题了。

2、 ABP后端分页排序的处理

===========================================================================

我们查看ABP的应用服务层的接口基类可以看到，对应的获取所有记录GetAll方法的定义如下所示。

public virtual async Task<PagedResultDto> GetAllAsync(TGetAllInput input)

{

CheckGetAllPermission(); //检查权限

var query = CreateFilteredQuery(input); //构建查询条件

var totalCount = await AsyncQueryableExecuter.CountAsync(query); //获取记录总数

query = ApplySorting(query, input); //排序

query = ApplyPaging(query, input); //分页

var entities = await AsyncQueryableExecuter.ToListAsync(query); //返回实体记录

return new PagedResultDto( //构建分页展示数据

totalCount,

entities.Select(MapToEntityDto).ToList() //实体转换DTO

);

}

一般情况下，这些逻辑我们一般不会变化，我们只需要进行一定的重写构建查询条件，以及排序规则即可。

例如重写条件查询获取查询对象的处理如下。

总结

• 对于框架原理只能说个大概，真的深入某一部分具体的代码和实现方式就只能写出一个框架，许多细节注意不到。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

• 算法方面还是很薄弱，好在面试官都很和蔼可亲，擅长发现人的美哈哈哈…（最好多刷一刷，不然影响你的工资和成功率???）

• 在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。

• 要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！

第一次跳槽十分忐忑不安，和没毕业的时候开始找工作是一样的感受，真的要相信自己，有条不紊的进行。如果有我能帮忙的地方欢迎随时找我，比如简历修改、内推、最起码，可以把烦心事说一说，人嘛都会有苦恼的～

祝大家都有美好的未来，拿下满意的 offer。

福生活要慎重选择！！！

第一次跳槽十分忐忑不安，和没毕业的时候开始找工作是一样的感受，真的要相信自己，有条不紊的进行。如果有我能帮忙的地方欢迎随时找我，比如简历修改、内推、最起码，可以把烦心事说一说，人嘛都会有苦恼的～

祝大家都有美好的未来，拿下满意的 offer。