重度封装的组件

在本物流系统中, 有2个重度封装的组件, 好好利用这些组件, 将使我们的开发能够事半功倍!

一、TableQuery组件

该组件主要用于基础资料表的crud操作, 同时具备导出数据到excel的功能, 如下图

开发这样的功能, 本系统只需两步就能完成:

1、通过建表工具, 建好表后, 生成界面配置文件, 将配置文件复制到规定目录中: .../src/kasa/conf/tables

2、在路由配置里, 添加该表的功能入口:

{
  path: '/tables/NSz',
    component: () => import('@/kasa/tables/TableFactory.vue'),
    name: 'NSz',
    meta: { title: '所站', roles: ['admin'], }
},

这样, 这个基础表的功能就完成了

界面配置文件及组件对外的接口可支持以下功能:

• 字段是否可编辑(配置)
• 引用表字段选择后支持联动赋值(配置)
• form表单界面的TabPane布局(配置)
• 表格中字段是否显示(配置)
• 表格数据自定义渲染方式(接口)
• 字段默认值设置(接口)
• crud的命令码(接口)
• crud操作是否enable(接口)
• 添加自定义功能按钮, 支持不选、单选、多选时, 可呈现不一样功能按钮(接口)
• 表格单击事件(接口)
• 表格双击事件(接口)
• ......

二、KBusinessWorking主从表结构组件

主从表结构, 以仓储物流为例, 订单数据就遵循主从表结构: 订单主表 + 订单明细表. 如下图: 增加对话框界面里(后两张图), 上面的form界面为主表数据, 下面的表格界面为从表明细数据

KBusinessWorking组件, 就是为了完成这业务逻辑而封装出来的组件, 是对TableQuery组件再次封装, 增加了对从表数据的处理.

以上两个重度封装的组件, 在本物流系统中, 不管web的vue版本, 还是swing版本, 都已封装好, 好好利用这些组件, 对二次开发用处很大!

本物流系统系统已经开源, 详情请看: 物流系统开发指南