深度分页问题优化方案

相关推荐

• 3.x

  3.0.3版本更新说明-20220719

  版本号：3.0.3发布日期：2022.07.19更新要点： 卡片组件现支持标题工具栏设计,【动作区操作显示数量】属性 表格组件新增【操作列显示数量】属性 填写审批节点的表单视图已更新为新协议,任务待办区界面和view读取进行了优化 修复了任务待办显示页面组件问题,消息通知优化，新增站内信查看功能 新增短信和邮件节点的错误号码查看功能,选择通知人时可选择模型中的手机和邮箱字段 1 发布概要 1.1 前端 发布内容: 工作流执行切换成新协议 消息弹窗优化，增加站内信分类 工作流执行增加工作流消息概要 工作流设计增加模型分类 工作流设计增加字段类型 1.11 表达式迭代 运算表达式的连接符根据表达式行数据类型变动 支持删除第一行表达式行（除只有一行的情况） 后端日期函数的第一个参数的ttype都是datetime，导致根据ADD_YEAR和ADD_MONTH的第一个参数根据ttype过滤时取不到正确类型的可选字段 函数的参数类型修复 1.12 界面设计器迭代 卡片组件支持标题工具栏设计 片组件支持【动作区操作显示数量】属性 表格组件支持【操作列显示数量】属性 1.2 后端 发布内容: 填写审批节点的表单视图使用新协议 任务待办区界面优化以及优化view的读取 修复任务待办显示页面组件问题 优化消息通知，增加站内信查看 增加短信和邮件节点的错误号码查看功能 增加选择通知人时可选择模型中的手机和邮箱字段 2.版本信息 <!–pamirs底层包–> <pamirs.middleware.version>3.0.1</pamirs.middleware.version> <pamirs.boot.version>3.0.1</pamirs.boot.version> <pamirs.core.version>3.0.2</pamirs.core.version> <pamirs.tenant.version>3.0.1</pamirs.tenant.version> <pamirs.lowcode.version>3.0.1</pamirs.lowcode.version> <pamirs.distribution.version>3.0.1</pamirs.distribution.version> <!–设计器包–> <pamirs.designer.version>3.0.1</pamirs.designer.version> <pamirs.workflow.designer.version>3.0.4</pamirs.workflow.designer.version> <pamirs.model.designer.version>3.0.2</pamirs.model.designer.version> <pamirs.logic.designer.version>3.0.1</pamirs.logic.designer.version> <pamirs.ui.designer.version>3.1.2</pamirs.ui.designer.version> <pamirs.data.designer.version>3.0.3</pamirs.data.designer.version> <pamirs.data.visualization.version>3.0.3</pamirs.data.visualization.version> <!–官网用户包–> <pamirs.welcome.version>3.0.3</pamirs.welcome.version> <!–全员营销–> <pamirs.gemini.version>3.0.4</pamirs.gemini.version> <!–pass包–> <pamirs.paas.version>3.0.3</pamirs.paas.version> 如果您有任何问题、建议或反馈，请随时联系我们。为了获得最佳体验，建议请升级至最新版本。我们将继续努力改进产品，提供更好的服务。谢谢支持！

  shao

  2022年7月19日

  1.1K000
• 前端

  列表视图、卡片视图切换

  在日常项目开发中，我们可能会遇到当前视图是个表格，通过某个操作按钮将它变成卡片的形式. 这篇文章将带大家实现这种功能。通过上面两张图片可以看到出来不管是表格还是卡片，它都在当前的视图里面，所以我们需要一个视图容器来包裹表格跟卡片，并且表格可以使用平台默认的表格渲染，我们只需要自定义卡片即可。 我们用资源模块下面的国家菜单来实现这么一个功能这是对应的URL： http://localhost:8080/page;module=resource;viewType=TABLE;model=resource.ResourceCountry;action=resource%23%E5%9B%BD%E5%AE%B6;scene=resource%23%E5%9B%BD%E5%AE%B6;target=OPEN_WINDOW;menu=%7B%22selectedKeys%22:%5B%22%E5%9B%BD%E5%AE%B6%22%5D,%22openKeys%22:%5B%22%E5%9C%B0%E5%9D%80%E5%BA%93%22,%22%E5%9C%B0%E5%8C%BA%22%5D%7D 源码下载 views 创建外层的视图容器 刚刚我们讲过，不管是表格还是卡片，它都在当前的视图里面，所以我们需要写一个视图容器来包裹它们，并且对应的容器里面允许拆入表格跟卡片，我们先创建TableWithCardViewWidget.ts // TableWithCardViewWidget.ts import { BaseElementWidget, SPI, Widget } from '@kunlun/dependencies'; import TableWithCardView from './TableWithCardView.vue'; enum ListViewType { TABLE = 'table', CARD = 'card' } @SPI.ClassFactory( BaseElementWidget.Token({ widget: 'TableWithCardViewWidget' }) ) export class TableWithCardViewWidget extends BaseElementWidget { @Widget.Reactive() private listViewType: ListViewType = ListViewType.TABLE; // 当前视图展示的类型，是展示卡片还是表格 public initialize(props) { if (!props.slotNames) { props.slotNames = ['tableWidget', 'cardWidget']; } super.initialize(props); this.setComponent(TableWithCardView); return this; } } 在TableWithCardViewWidget中的initialize函数中，我们定义了两个插槽: tableWidget、cardWidget，所以需要在对应的vue文件里面里接收这两个插槽 <template> <div class="list-view-wrapper"> <!– 表格插槽 –> <div style="height: 100%" v-if="listViewType === 'table'"> <slot name="tableWidget" /> </div> <!– 卡片插槽 –> <div v-if="listViewType === 'card'"> <slot name="cardWidget"></slot> </div> </div> </template> <script lang="ts"> import { defineComponent } from 'vue'; export default defineComponent({ props: ['listViewType', 'onChangeViewType'], inheritAttrs: false, setup(props, context) { const onChangeViewType = (listViewType) => { props.onChangeViewType(listViewType); }; } }); </script> 这样一来，我们就定义好了视图容器，接下来就是通过自定义layout的方式注册该容器 layout注册 import { registerLayout, ViewType } from '@kunlun/dependencies'; registerLayout( `<view type="TABLE"> <pack widget="group"> <view type="SEARCH"> <element widget="search" cols="4" slot="search"/> </view> </pack> <pack widget="group" slot="tableGroup" style="position: relative"> <element widget="actionBar" slot="actionBar" slotSupport="action"> <xslot name="actions" slotSupport="action" /> </element> <element widget="TableWithCardViewWidget"> <template slot="tableWidget"> <element widget="table" slot="table" datasource-provider="true"> <element widget="expandColumn" slot="expandRow" /> <xslot name="fields" />…

  汤乾华

  2024年10月16日

  2.1K010
• 组件

  oio-empty-data 空数据状态

  何时使用 当目前没有数据时，用于显式的用户提示。 初始化场景时的引导创建流程。 API 参数 说明 类型 默认值 版本 description 自定义描述内容 string | v-slot – image 设置显示图片，为 string 时表示自定义图片地址 string | v-slot false imageStyle 图片样式 CSSProperties –

  汤乾华

  2023年12月18日

  1.1K000
• Oinone 7天入门到精通

  3.2.3 应用中心

  在App Finder 中点击应用中心可以进入oinone的应用中心，可以看到oinone平台所有应用列表、应用大屏、以及技术可视化。 一、应用列表 标准版本不支持在线安装，只能通过boot工程的yml文件来配置安装模块。在 www.oinone.top 官方SaaS平台客户可以在线管理应用生命周期如：安装、升级、卸载。同时针对已安装应用可以进行无代码设计（前提安装了设计器），针对应用类的模块则可进行收藏，收藏后会在App Finder中的我收藏的应用中出现。在应用列表中可以看到我们已经安装的应用以及模块，我们oinoneDemo工程也在其中。 图3-2-35 Oinone的应用列表 图3-2-36 应用收藏后会在App Finder的【我收藏的应用】中出现 二、应用大屏 但我们的测试应用没有设置应用类目，则无法在应用大屏中呈现。 图3-2-37 未设置应用类目则无法在应用大屏中呈现 三、技术可视化 在技术可视化页面，出展示已经安装模块的元数据，并进行分类呈现 图3-2-38 云数据分类呈现

  史, 昂

  2024年5月23日

  1.8K000
• 4.x

  4.7.x版本升级说明-20240315

  版本号： 4.7.10.10版本发布日期：2024.03.15更新要点：前端性能优化；设计器内嵌表格支持设置高度；列表查询支持设置不进行排序。请及时更新。 4.7.10.10版本 升级内容 前端升级内容：1、修复字段类型的表格搜索内容不匹配的问题2、FORM视图中，校验失败的字段会自动定位到当前视图区域3、优化了一些性能问题 后端升级内容：1、设计器内嵌表格支持设置高度2、列表查询支持设置不进行排序 版本包信息 4.7.0 4.7.3.4 4.7.7.6 4.7.5.4 4.7.7.6 4.7.4.1 4.7.3 4.7.0 4.7.2.1 4.7.6.8 4.7.3.1 4.7.0 4.7.2 4.7.1 4.7.1.1 4.7.4.2 4.7.0 4.7.1 4.7.1 设计器镜像版本 harbor.oinone.top/oinone/designer:4.7.10.10-allinone-mini 仅包含前后端工程harbor.oinone.top/oinone/designer:4.7.10.10-allinone-full 包含中间件及前后端工程harbor.oinone.top/oinone/designer-backend:latest 仅包含后端工程 查询设置不排序 查询的page和Wrapper可设置setSortable(Boolean.FALSE)，来实现查询不需要排序的场景 示例1：page中设置不排序 page.setSortable(Boolean.FALSE); page = new PetShop().queryPage(page, queryWrapper); 示例2：Wrapper中设置不排序 IWrapper wrapper = Pops.lambdaQuery() .from(PetShop.MODEL_MODEL).setBatchSize(-1).setSortable(Boolean.FALSE); List petShops4 = new PetShop().queryList(wrapper); 其他参考 更多4.7.x的版本说明，参考：https://doc.oinone.top/version/4782.html 如果您有任何问题、建议或反馈，请随时联系我们。为了获得最佳体验，请及时更新至最新版本。我们将继续努力改进产品，提供更好的服务。谢谢！

  望闲

  2024年3月15日

  1.2K000