pagination

Ant-Design-Vue中关于Table组件的使用

时光毁灭记忆、已成空白 提交于 2020-10-13 06:51:00
1. 如何自定义表格列头: < a-table :columns ="columns" :dataSource ="dataSource" > < span slot ="customTitle" >< a-icon type ="smile-o" /> Name </ span > </ a-table > const columns = [   {  dataIndex: 'name' ,    // 自定义列表头,则不能设置title属性 align: 'left' , slots: { title: 'customTitle' }   // 在这里定义一个slots属性,并设置一个title属性 } ] 页面将会渲染为如下: 2.如何设置自定义单行样式 < a-table :columns ="columns" :dataSource ="dataSource" > < span slot ="action" slot-scope ="record, index" >  // 这里传入的值分别是:record:当前行的原始数据,index:当前行的索引 < a @click ="handleEdit(record.key)" > 编辑 </ a > </ span > </ a-table > const columns = [ { title: '菜单名称'

求求你别再用offset和limit分页了

六月ゝ 毕业季﹏ 提交于 2020-10-11 18:03:19
Python实战社群 Java实战社群 长按识别下方二维码, 按需求添加 扫码关注添加客服 进Python社群▲ 扫码关注添加客服 进Java社群 ▲ 作者:码农架构I 来源:toutiao.com/i6860655404431442444 不需要担心数据库性能优化问题的日子已经一去不复返了。 随着时代的进步,随着野心勃勃的企业想要变成下一个 Facebook,随着为机器学习预测收集尽可能多数据的想法的出现,作为开发人员,我们要不断地打磨我们的 API,让它们提供可靠和有效的端点,从而毫不费力地浏览海量数据。 如果你做过后台开发或数据库架构,你可能是这么分页的: 如果你真的是这么分页,那么我不得不抱歉地说,你这样做是错的。 你不以为然?没关系。Slack、Shopify 和 Mixmax 这些公司都在用我们今天将要讨论的方式进行分页。 我想你很难找出一个不使用 OFFSET 和 LIMIT 进行数据库分页的人。对于简单的小型应用程序和数据量不是很大的场景,这种方式还是能够“应付”的。 如果你想从头开始构建一个可靠且高效的系统,在一开始就要把它做好。 今天我们将探讨已经被广泛使用的分页方式存在的问题,以及如何实现高性能分页。 1.OFFSET 和 LIMIT 有什么问题? 正如前面段落所说的那样,OFFSET 和 LIMIT 对于数据量少的项目来说是没有问题的。 但是

vue 3 组件库(基于 element-ui 修改)

為{幸葍}努か 提交于 2020-10-01 02:40:13
(wip)Element-UI 3 (Ale-UI) for vue3 这是一个基于 element-ui 修改的,支持 Vue 3 的组件库,你可以叫它 element3,也可以叫它 Ale (爱了)。 目前 0.1.0 版本已经发布到 github,完成了 17 个组件的修改。 不过一个人力量有限,所以在希望可以得到更多的开发支持,非常欢迎各位大神可以 star 和 commit 提交 请注意代码规范(项目内嵌了 prettier)。 提交前请先拉取代码,以免产生不必要的冲突 提交规范: key: value 。比如:重构了 button 按钮 -> refactor: refactor button key 可选 : feat:新功能(feature) fix:修补bug docs:文档(documentation) style: 格式(不影响代码运行的变动) refactor:重构(即不是新增功能,也不是修改bug的代码变动) test:增加测试 chore:构建过程或辅助工具的变动 release: 发布 已移植组件 - Layout 布局 - Container 布局容器 - Color 色彩 - Typography 字体 - Border 边框 - Icon 图标 - Button 按钮 - Link 文字链接 - Radio 单选框 - Checkbox 多选框