action 和 function 有什么区别

Oinone(开源低代码 / 企业应用开发平台) 里,ActionFunction 都是“可被调用的逻辑单元”,但它们的定位和使用场景不同。可以简单理解为:

  • Function = 纯逻辑函数(偏后端能力)
  • Action = 面向业务操作的动作(偏应用行为 / UI触发)

下面给你详细对比一下。


1️⃣ Function:函数(逻辑能力)

Function 更像是一个 可复用的服务方法

特点

  • 通常是 纯逻辑处理
  • 不直接绑定 UI
  • 可以被 Action / Service / 其他 Function 调用
  • 用来封装 业务计算或工具逻辑

常见用途

比如:

  • 价格计算
  • 数据校验
  • 数据转换
  • 调用第三方 API
  • 复杂业务规则

示例

@Function(openLevel = FunctionOpenEnum.API)
@Function.Advanced(type = FunctionTypeEnum.QUERY)
public TradeOrder computePrice(TradeOrder data) {
    return data;
}

用途:

订单金额计算逻辑

然后可能被多个地方调用:

Action -> 调用 Function
Service -> 调用 Function
Workflow -> 调用 Function

📌 核心:可复用业务逻辑


2️⃣ Action:动作(业务操作)

Action 是一个 业务动作,通常是 用户触发的行为

特点

  • 通常绑定 UI
  • 可以在 按钮 / 菜单 / API / 工作流 中触发
  • 通常操作 模型数据
  • 可以调用 Function

常见用途

例如:

  • 创建订单
  • 提交审批
  • 发布文章
  • 批量删除
  • 导入数据

示例

@Action
public void submitOrder(Order order){
    order.setStatus("SUBMITTED");
}

UI 可能是:

订单详情页
[提交订单] 按钮

点击按钮 → 调用 Action。

📌 核心:业务行为入口


3️⃣ 核心区别总结

维度 Action Function
定位 业务动作 逻辑函数
是否绑定 UI 通常是
是否直接给用户操作
是否可复用 一般 很高
是否操作模型 常见 不一定
调用关系 可调用 Function 不调用 Action

4️⃣ 调用关系(典型架构)

通常推荐的结构:

UI按钮
   ↓
Action(业务入口)
   ↓
Function(业务逻辑)
   ↓
DAO / Repository

例如:

提交订单按钮
   ↓
submitOrderAction
   ↓
checkInventoryFunction
calcPriceFunction
createOrderFunction

这样:

  • Action 只负责 流程
  • Function 负责 逻辑

代码会更清晰。


5️⃣ 一句话理解

Action = 用户触发的业务操作
Function = 可复用的业务逻辑函数


💡 如果你在 Oinone 做模块开发,我可以再给你讲一个更实用的:

“什么时候写 Action,什么时候写 Function” 的最佳实践(很多人会写反)。

他们在权限上有什么区别

Oinone 里,Action 和 Function 在权限控制上的区别其实很明显:

Action 是有权限控制的业务入口,而 Function 通常没有独立权限控制。

可以从几个层面理解。


1️⃣ Action:有权限控制(面向用户)

Action 通常直接参与权限体系。

因为 Action 往往对应:

  • 页面按钮
  • 菜单操作
  • API接口
  • 工作流节点动作

所以平台会对 Action 做权限控制

常见控制方式

Action 可以被:

  • 角色权限控制
  • 菜单权限控制
  • 数据权限控制
  • 按钮可见性控制

例如:

角色:销售
   ✔ 提交订单 Action
   ✔ 查看订单
   ✘ 删除订单 Action

如果用户没有权限:

  • 按钮不会显示
  • 或调用 API 时被拒绝

📌 Action 是权限体系的主要控制点。


2️⃣ Function:通常没有独立权限

Function 只是逻辑方法,不直接暴露给用户。

它通常:

  • 只能被 Action / Service / Workflow 调用
  • 不直接作为 UI 操作入口

因此 Function 一般不做权限控制

例如:

submitOrderAction
    ↓
calcPriceFunction
checkInventoryFunction
createOrderFunction

权限只在:

submitOrderAction

检查一次即可。


3️⃣ 为什么设计成这样

这是典型的 业务入口权限模型

用户
 ↓
Action(权限控制)
 ↓
Function(内部逻辑)
 ↓
数据

好处:

1️⃣ 权限集中
2️⃣ 避免重复校验
3️⃣ Function 可复用

否则:

10个 Action
调用同一个 Function

每个 Function 再做权限判断会非常混乱。


4️⃣ 一个真实场景

删除订单

deleteOrderAction

权限:

角色:管理员 ✔
角色:销售 ✘

Action:

deleteOrderAction
   ↓
deleteOrderFunction

如果销售没有权限:

  • 按钮不显示
  • API 不允许调用

deleteOrderFunction 仍然存在,只是不会被调用。


5️⃣ 特殊情况(高级开发)

有些团队会在 Function 内再做安全校验,例如:

  • 防止被错误调用
  • 防止内部接口滥用

例如:

checkPermissionFunction()

但这属于 业务安全设计,不是 Oinone 的默认权限模型。


6️⃣ 一句话总结

对比 Action Function
是否有权限控制 ✅ 有 ❌ 通常没有
是否直接暴露给用户 ✅ 是 ❌ 否
是否是权限入口 ✅ 是 ❌ 不是
是否可被 UI 按钮触发 ✅ 可以 ❌ 不可以

核心理解:

权限控制在 Action 层,Function 是内部逻辑。


如果你在 Oinone 做企业系统开发,还有一个非常关键的点很多人会搞错:

Action 的权限 ≠ 数据权限(Data Permission)

区别到这就介绍完了,使用规范参考:Function、Action函数使用规范

Oinone社区 作者:nation原创文章,如若转载,请注明出处:https://doc.oinone.top/frontend/25520.html

访问Oinone官网:https://www.oinone.top获取数式Oinone低代码应用平台体验

Like (1)
nation's avatarnation数式员工
Previous 2026年2月10日 pm3:38
Next 2026年3月31日 pm11:21

相关推荐

  • 如何自定义表格单元格样式

    介绍 OinOne的表格是基于Vxe-Table实现的,我们将Vxe-table内置的关于单元格样式的方法、属性开放到了表格组件TableWidget上 Vxe-Table相关文档 vxe-table的单元格样式 vxe-table的单元格动态样式 单元格样式 行的样式、单元格样式,表头的样式、表尾的样式、全部都可以完全自定义,通过设置 cellClassName、headerCellClassName、rowClassName …等参数 (注:当自定义样式之后可能会覆盖表格的样式,比如选中行..等,记得自行处理好相关样式) 单元格动态样式 行的动态样式、单元格动态样式,表头的动态样式、表尾的动态样式、可以通过设置 cellStyle、headerCellStyle、rowStyle …等参数 (注:当自定义样式之后可能会覆盖表格的样式,比如选中行..等,记得自行处理好相关样式) 示例代码 这里仅演示cellClassName和cellStyle,其他方法的出入参数请参考上面的Vxe-Table文档 import { BaseElementWidget, SPI, TableWidget, ViewType, Widget } from '@kunlun/dependencies'; @SPI.ClassFactory(BaseElementWidget.Token({ viewType: ViewType.Table, widget: 'CustomStyleTableWidget', })) export class CustomStyleTableWidget extends TableWidget { @Widget.Method() protected cellClassName({ row, rowIndex, $rowIndex, column, columnIndex, $columnIndex }) { if (column.field === 'field00019') { return `demo-cell-${column.field}`; } return ''; } @Widget.Method() protected cellStyle({ row, rowIndex, $rowIndex, column, columnIndex, $columnIndex }) { if (column.field === 'field00019') { return { backgroundColor: '#f60', color: '#ffffff' }; } return ''; } } 效果预览

    2024年10月30日
    1.5K00
  • 自定义组件之自动渲染(组件插槽的使用)(v4)

    阅读之前 你应该: 了解DSL相关内容。母版-布局-DSL 渲染基础(v4) 了解SPI机制相关内容。组件SPI机制(v4.3.0) 自定义组件简介 前面我们简单介绍过一个简单的自定义组件该如何被定义,并应用于页面中。这篇文章将对自定义组件进行详细介绍。 自定义一个带有具名插槽的容器组件(一般用于Object数据类型的视图中) 使用BasePackWidget组件进行注册,最终体现在DSL模板中为<pack widget="SlotDemo">。 SlotDemoWidget.ts import { BasePackWidget, SPI } from '@kunlun/dependencies'; import SlotDemo from './SlotDemo.vue'; @SPI.ClassFactory(BasePackWidget.Token({ widget: 'SlotDemo' })) export class SlotDemoWidget extends BasePackWidget { public initialize(props) { super.initialize(props); this.setComponent(SlotDemo); return this; } } 定义一个Vue组件,包含三个插槽,分别是default不具名插槽、title具名插槽、footer具名插槽。 SlotDemo.vue <template> <div class="slot-demo-wrapper" v-show="!invisible"> <div class="title"> <slot name="title" /> </div> <div class="content"> <slot /> </div> <div class="footer"> <slot name="footer" /> </div> </div> </template> <script lang="ts"> import { defineComponent } from 'vue'; export default defineComponent({ name: 'SlotDemo', props: { invisible: { type: Boolean, default: undefined } } }); </script> 在一个表单(FORM)的DSL模板中,我们可以这样使用这三个插槽: <view type="FORM"> <pack widget="SlotDemo"> <template slot="default"> <field data="id" /> </template> <template slot="title"> <field data="name" /> </template> <template slot="footer"> <field data="isEnabled" /> </template> </pack> </view> 这样定义的一个组件插槽和DSL模板就进行了渲染上的结合。 针对不具名插槽的特性,我们可以缺省slot="default"标签,缺少template标签包裹的所有元素都将被收集到default不具名插槽中进行渲染,则上述DSL模板可以改为: <view type="FORM"> <pack widget="SlotDemo"> <field data="id" /> <template slot="title"> <field data="name" /> </template> <template slot="footer"> <field data="isEnabled" /> </template> </pack> </view> 自定义一个数组渲染组件(一般用于List数据类型的视图中) 由于表格无法体现DSL模板渲染的相关能力,因此我们以画廊视图(GALLERY)进行演示。 先定义一个数组每一项的数据结构: typing.ts export interface ListItem { key: string; data: Record<string, unknown>; index: number; } ListRenderDemoWidget.ts import { BaseElementListViewWidget, BaseElementWidget, SPI } from '@kunlun/dependencies'; import ListRenderDemo from './ListRenderDemo.vue'; @SPI.ClassFactory(BaseElementWidget.Token({ widget: 'ListRenderDemo' })) export class ListRenderDemoWidget extends BaseElementListViewWidget { public initialize(props)…

    2023年11月1日
    1.2K00
  • 查询时自定义排序字段和排序规则

    指定字段排序 平台默认排序字段,参考IdModel,按创建时间和ID倒序(ordering = "createDate DESC, id DESC") 方法1:模型指定排序 模型定义增加排序字段。@Model.Advanced(ordering = "xxxxx DESC, yyyy DESC") @Model.model(PetShop.MODEL_MODEL) @Model(displayName = "宠物店铺",summary="宠物店铺",labelFields ={"shopName"}) @Model.Code(sequence = "DATE_ORDERLY_SEQ",prefix = "P",size=6,step=1,initial = 10000,format = "yyyyMMdd") @Model.Advanced(ordering = "createDate DESC") public class PetShop extends AbstractDemoIdModel { public static final String MODEL_MODEL="demo.PetShop"; // ………… } 方法2:Page查询中可以自定排序规则 API参考 pro.shushi.pamirs.meta.api.dto.condition.Pagination#orderBy public <G, R> Pagination<T> orderBy(SortDirectionEnum direction, Getter<G, R> getter) { if (null == getSort()) { setSort(new Sort()); } getSort().addOrder(direction, getter); return this; } 具体示例 @Function.Advanced(type= FunctionTypeEnum.QUERY) @Function.fun(FunctionConstants.queryPage) @Function(openLevel = {FunctionOpenEnum.API}) public Pagination<PetShop> queryPage(Pagination<PetShop> page, IWrapper<PetShop> queryWrapper){ page.orderBy(SortDirectionEnum.DESC, PetShop::getCreateDate); page = new PetShop().queryPage(page, queryWrapper); return page; } 方法3:查询的wapper中指定 API参考:pro.shushi.pamirs.framework.connectors.data.sql.AbstractWrapper#orderBy @Override public Children orderBy(boolean condition, boolean isAsc, R… columns) { if (ArrayUtils.isEmpty(columns)) { return typedThis; } SqlKeyword mode = isAsc ? ASC : DESC; for (R column : columns) { doIt(condition, ORDER_BY, columnToString(column), mode); } return typedThis; } 具体示例 public List<PetShop> queryList(String name) { List<PetShop> petShops = Models.origin().queryListByWrapper( Pops.<PetShop>lambdaQuery().from(PetShop.MODEL_MODEL) .orderBy(true, true, PetShop::getCreateDate) .orderBy(true, true, PetShop::getId) .like(PetShop::getShopName, name)); return petShops; } 设置查询不排序 方法1:关闭平台默认排序字段,设置模型的ordering,改成:ordering = "1=1" 模型定义增加排序字段。@Model.Advanced(ordering = "1=1") @Model.model(PetShop.MODEL_MODEL) @Model(displayName = "宠物店铺",summary="宠物店铺",labelFields ={"shopName"}) @Model.Code(sequence = "DATE_ORDERLY_SEQ",prefix = "P",size=6,step=1,initial = 10000,format = "yyyyMMdd") @Model.Advanced(ordering =…

    2024年5月25日
    2.3K00
  • Oinone平台之Router扩展

    问题描述 在Oinone平台内置路由中,默认了三种路由 /login //默认登录页 /page //默认主逻辑页 / //根页面,会自动发起查询优先级最高的应用,并跳转 在实际的业务迭代中,我们通常有以下三种需求: 我要覆盖默认的登录页,页面我不喜欢,登录逻辑满足不了; 我要在平台上加个帮助中心; 这个路径不符合我司规范,我要自定义加前缀 接下来,我将在Oinone平台中满足以上场景 覆盖默认路径 以登录页为例 在项目目录src/main.ts下,添加自定义router import 'ant-design-vue/dist/antd.css'; import 'element-plus/dist/index.css'; import '@kunlun/vue-ui-antd/dist/kunlun-vue-ui-antd.css'; import '@kunlun/vue-ui-el/dist/kunlun-vue-ui-el.css'; import 'reflect-metadata'; import { VueOioProvider } from '@kunlun/dependencies'; import interceptor from './middleware/network-interceptor'; import './field'; import './view'; import './actions'; VueOioProvider( { http: { url: location.origin, callback: interceptor }, browser: { title: 'Oinone – 构你想象!', favicon: 'https://pamirs.oss-cn-hangzhou.aliyuncs.com/pamirs/image/default_favicon.ico' }, router: [{ path: '/login', widget: 'CustomLogin'}] // 用CustomLogin覆盖默认登录页 }, [] ); 定义CustomLogin, 定义方式同书籍中的自定义表单和自定义表格类似,精简版的代码为: import { RouterWidget, SPI } from "@kunlun/dependencies"; @SPI.ClassFactory(RouterWidget.Token({ widget: 'CustomLogin' })) // SPI注册,router得widget和此处的widgetshi对应的 export class CustomLogin extends RouterWidget { public initialize(props) { super.initialize(props); this.setComponent('定义的vue文件'); return this; } } 增加新的访问路径 同覆盖登录页 在router中增加路由 router: [{ path: '/login', widget: 'CustomLogin'}, { path: '/help', widget: 'Help'}] 定义Help,同覆盖登录页 定义个性化路径 需要再所有访问路径前统一加标识,比如添加Oinone;在项目目录下新建.env文件(若存在,可以复用),在env文件中添加: BASE_PATH=/Oinone 修改后重启工程即可,访问/Oinone/login即可 结语 以上就是Oinone平台路由的扩展能力,在Oinone平台中,通过自定义Router达到扩展路由的能力,并通过采用env等通用配置的能力,解决批量修改路由的目的。

    2023年11月1日
    60.6K00
  • 表格字段API

    BaseTableFieldWidget 表格字段的基类. 示例 class MyTableFieldClass extends BaseTableFieldWidget{ } 内置常见的属性 dataSource 当前表格数据 rootData 根视图数据 activeRecords 当前选中行 userPrefer 用户偏好 width 单元格宽度 minWidth 单元格最小宽度 align 内容对齐方式 headerAlign 头部内容对齐方式 metadataRuntimeContext 当前视图运行时的上下文,可以获取当前模型、字段、动作、视图等所有的数据 urlParameters 获取当前的url field 当前字段 详细信息 用来获取当前字段的元数据 model 当前模型 详细信息 用来获取当前模型的元数据 view 当前视图 详细信息 界面设计器配置的视图dsl disabled 是否禁用 详细信息 来源于界面设计器的配置 invisible 当前字段是否不可见 详细信息 来源于界面设计器的配置,true -> 不可见, false -> 可见 required 是否必填 详细信息 来源于界面设计器的配置,如果当前字段是在详情页,那么是false readonly 是否只读 详细信息 来源于界面设计器的配置,如果当前字段是在详情页、搜索,那么是false label 当前字段的标题 详细信息 用来获取当前字段的标题 内置常见的方法 renderDefaultSlot 渲染单元格内容 示例 @Widget.Method() public renderDefaultSlot(context): VNode[] | string { // 当前单元格的数据 const currentValue = this.compute(context) as string[]; return [createVNode('div', { class: 'table-string-tag' }, currentValue)]; } renderHeaderSlot 自定义渲染头部 示例 @Widget.Method() public renderHeaderSlot(context: RowContext): VNode[] | string { const children = [createVNode('span', { class: 'oio-column-header-title' }, this.label)]; return children; } getTableInstance 获取当前表格实例(vxe-table) getDsl 获取界面设计器的配置

    2023年11月16日
    1.2K00

Leave a Reply

Please Login to Comment