action 和 function 有什么区别

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

  • 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

相关推荐

  • 如何提高自定义组件的开发效率

    引言 本文将通过前端的开发者模式带领大家提高自定义组件的开发效率 支持2024年9月6日之后用npm i安装的4.7.x之后的所有版本 介绍前端开发者模式 开发者模式的特性 浏览器控制台可以看到更多利于开发的日志输出 页面顶部状态栏消息模块的轮询接口,将只在页面刷新后请求一次,这样会减少开发阶段不必要的请求,以及解决后端断点调试的时候被消息轮询干扰的问题 页面视图的数据将不在走缓存,而是每次实时从base_view表里查询template字段获取,方便需要实时看通过xml修改的页面效果 如何进入开发者模式 通过在浏览器地址栏后追加;mode=dev刷新页面进入开发者模式,页面加载后可以在浏览器开发者工具的应用标签下的本地存储空间(即localStorage)中看到本标识的存储,如果想退出开发者模式可以手动清除该值 开发者模式的应用场景 1.通过控制台跳转到视图动作(ViewAction)的调试页面 页面刷新后,可以在浏览器开发者工具的控制台看到如下图的日志输出,直接点击该链接可以跳转到当前页面的调试链接弹窗视图动作、抽屉视图动作等以弹出层为展示效果的页面,之前的版本是无法进入调试链接查看的,现在可以在弹窗等视图动作点击后在控制台看到该链接点击进入调试页面 2.查看页面母版(mask)、布局(layout)的匹配情况 母版(mask)匹配结果布局(layout)匹配结果 3.查看视图组件(View)、字段组件(Field)、动作组件(Action)的匹配情况 通过浏览器开发者工具的控制台,我们可以看到每个视图、字段、字段匹配到的组件的class类名,这样我们就知道当前用的是那个组件,在自定义的时候可以在源码查看该组件类的实现代码,然后再选择是否继承该父类。另外我们在给组件定义SPI条件的时候,可以参考匹配入参和匹配结果内的属性。 匹配入参是当前元数据SPI的最全量注册条件 匹配结果是当前匹配到的组件的注册条件,一般情况下我们只需要在匹配结果的条件加上当前模型编码(model)、视图名称(viewName)、字段名称(name)、动作名称(actionName)等条件就可以完成自定义组件的覆盖。 在浏览器开发者工具的控制台,通过模型编码、视图名称、字段名称、动作名称等关键字快速搜索定位到需要查找的组件 控制台搜索快捷键:win系统通过ctrl+f,mac系统通过cmd+f 总结 在确保自定义部分代码最终正确被import导入到启动工程main.ts内的情况下,可以通过开发者模式在浏览器控制台打印的日志来排查组件未正确覆盖的问题。

    2024年9月6日
    2.2K00
  • 前端页面嵌套

    我们可能会遇到这些需求,如:页面中的一对多字段不是下拉框,而是另一个模型的表单组;页面中的步骤条表单,每一步的表单都需要界面设计器设计,同时这些表单可能属于不同模型。这时候我们就可以采取页面嵌套的方式,在当前页面中,动态创建一个界面设计器设计的子页面。以一对多字段,动态创建表单子页面举例,以下是代码实现和原理分析。 代码实现 AddSubformWidget 动态添加表单 ts 组件 import { ModelFieldType, ViewType, SPI, BaseFieldWidget, Widget, FormO2MFieldWidget, ActiveRecord, CallChaining, createRuntimeContextByView, queryViewDslByModelAndName, uniqueKeyGenerator } from '@oinone/kunlun-dependencies'; import { MyMetadataViewWidget } from './MyMetadataViewWidget'; import { watch } from 'vue'; import AddSubform from './AddSubform.vue'; @SPI.ClassFactory( BaseFieldWidget.Token({ viewType: ViewType.Form, ttype: ModelFieldType.OneToMany, widget: 'AddSubform' }) ) export class AddSubformWidget extends FormO2MFieldWidget { public initialize(props) { super.initialize(props); this.setComponent(AddSubform); return this; } @Widget.Reactive() public myMetadataViewWidget: MyMetadataViewWidget[] = []; @Widget.Reactive() public myMetadataViewWidgetKeys: string[] = []; @Widget.Reactive() public myMetadataViewWidgetLength = 0; // region 子视图配置 public get subviewModel() { return this.getDsl().subviewModel || 'clm.contractcenter.ContractSignatory'; } public get subviewName() { return this.getDsl().subviewName || '签署方_FORM_uiViewa9c114903e104800b15e8f3749656b64'; } // region 添加子视图块 // 按钮添加点击事件 @Widget.Method() public async onAddSubviewBlock() { const resView = await queryViewDslByModelAndName(this.subviewModel, this.subviewName); this.createDynamicSubviewWidget(resView); } // 创建子视图块 public async createDynamicSubviewWidget(view, activeRecord: ActiveRecord = {}) { if (view) { // 根据视图构建上下文 const runtimeContext = createRuntimeContextByView( { type: ViewType.Form, model: view.model, modelName: view.modelDefinition.name, module: view.modelDefinition.module, moduleName: view.modelDefinition.moduleName, name: view.name, dsl: view.template }, true, uniqueKeyGenerator(), this.currentHandle ); // 取得上下文唯一标识 const runtimeContextHandle = runtimeContext.handle; const slotKey = `Form_${uniqueKeyGenerator()}`; // 创建子视图组件 const widget = this.createWidget(new MyMetadataViewWidget(runtimeContextHandle), slotKey, // 插槽名 { metadataHandle: runtimeContextHandle,…

    2025年7月21日
    1.4K00
  • oio-modal 对话框

    API 参数 说明 类型 默认值 版本 cancelText 取消按钮文字 string| slot 取消 closable 是否显示右上角的关闭按钮 boolean true closeIcon 自定义关闭图标 VNode | slot – confirmLoading 确定按钮 loading boolean 无 destroyOnClose 关闭时销毁 Modal 里的子元素 boolean false footer 底部内容,当不需要默认底部按钮时,可以设为 :footerInvisible="true" slot 确定取消按钮 getTriggerContainer 指定 Modal 挂载的 HTML 节点 (instance): HTMLElement () => document.body keyboard 是否支持键盘 esc 关闭 boolean true mask 是否展示遮罩 boolean true maskClosable 点击蒙层是否允许关闭 boolean true enterText 确认按钮文字 string 确定 title 标题 string|slot 无 visible(v-model:visible) 对话框是否可见 boolean 无 width 宽度 string|number 520 wrapClassName 对话框外层容器的类名 string – zIndex 设置 Modal 的 z-index number 1000 cancelCallback 点击遮罩层或右上角叉或取消按钮的回调, return true则关闭弹窗 function(e) enterCallback 点击确定回调 function(e)

    2023年12月18日
    2.7K00
  • 环境运行时Jar版本控制

    环境运行时Jar版本控制 前景 为了避免基于低代码定义产生的元数据错乱。因此产生了运行时Jar版本检查功能。 现象 如果当前运行时依赖的Ja版本低于已安装版本,启动时会有如下类似信息提示: 解决 按照提示升级依赖Jar版本 通过启动参数 -PgoBack=true 强制覆盖安装当前运行时版本 java -jar 方式 java -jar xxx.jar -PgoBack=true [其他参数] mvn spring-boot run 方式 mvn clean compile spring-boot:run -Dspring-boot.run.arguments=”-PgoBack=true [其他参数]”

    2025年3月10日
    2.1K00
  • 【界面设计器】自定义字段组件实战——千分位输入框

    阅读之前 此文章为实战教程,已假定你熟悉了【界面设计器】较为完整的【自定义组件】相关内容。 如果在阅读过程中出现的部分概念无法理解,请自行学习相关内容。【前端】文章目录 业务背景 用户在输入【金额】字段时,实时展示千分位格式。 业务分析 从需求来看,我们需要实现一个【千分位】组件,并且该组件允许在【表单】视图中使用。 扩展实现:该组件虽然仅要求在【表单】中使用,但也可以在【搜索】中使用完全相同的实现,因此这里我们在注册时会增加【搜索】视图,将【千分位】组件应用在【搜索】中。对于【表格】、【详情】和【画廊】来说,该组件是没有【输入】行为的展示组件,在这里我们不进行演示。 准备工作 此处你应该已经在某个业务模型下,可以完整执行当前模型的全部【增删改查】操作。 业务模型定义 (以下仅展示本文章用到的模型字段,忽略其他无关字段。) 名称 API名称 业务类型 是否多值 长度(单值长度) 编码 code 文本 否 128 名称 name 文本 否 128 金额 money 金额 否 – 创建组件、元件 准备工作完成后,我们需要根据【业务背景】确定【组件】以及【元件】相关信息,并在【界面设计器】中进行创建。 以下操作过程将省略详细步骤,仅展示可能需要确认的关键页面。 创建千分位组件 创建千分位元件 启动SDK工程进行组件基本功能开发 (npm相关操作请自行查看SDK工程中内置的README.MD) 关键点详解 数据交互类型的字段组件(以下简称展示组件)与仅展示类型的字段组件(以下简称交互组件)有一些差别。 通常情况下,在展示组件中仅需使用value属性即可展示相关内容。在交互组件中除了value用于展示外,还需使用change、focus以及blur处理用户输入时的基本交互逻辑。 数据交互方法主要功能说明: change方法:当值发生变更时调用,根据字段相关配置将值回填至表单中。 focus方法:当组件获取焦点时调用,记录当前值,并在调用blur方法时进行处理。 blur方法:当前组件失去焦点时调用,根据focus方法记录的值,进行失焦触发逻辑的执行。 这里的三个数据交互方法仅仅是对用户行为的抽象,而并非限定其使用场景。 通常来说,这三个方法的调用顺序为:focus –> change –> blur。 如在日期时间组件中,面板打开时调用了focus方法,面板值发生变更时,调用了change方法,面板关闭时调用了blur方法。 如在地图组件中,选中地图上的某个点时仅会调用change方法,用户交互上并不能体现出focus和blur的行为。因此对于这个组件而言,只会有change方法被执行。 代码实现参考 PS:oio-input-number样式必须升级到4.6.x以上的最新版本才支持 Thousandth.vue <template> <a-input-number class="oio-input-number" :value="inputValue" :formatter="formatter" :parser="parser" @update:value="change" @focus="focus" @blur="blur" /> </template> <script lang="ts"> import { InputNumber as AInputNumber } from 'ant-design-vue'; import { computed, defineComponent } from 'vue'; export default defineComponent({ name: 'Thousandth', components: { AInputNumber }, props: { value: { type: [String, Number] }, change: { type: Function }, focus: { type: Function }, blur: { type: Function } }, setup(props) { const inputValue = computed(() => { return props.value; }); const formatter = (value) => { return `${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ','); }; const parser = (value) => { return value.replace(/\$\s?|(,*)/g, ''); }; return { inputValue, formatter, parser }; } }); </script> FormMoneyThousandthFieldWidget.ts import { FormFieldWidget, ModelFieldType, SPI, ViewType } from '@kunlun/dependencies'; import Thousandth from './Thousandth.vue'; @SPI.ClassFactory( FormFieldWidget.Token({ viewType: [ViewType.Form, ViewType.Search], ttype: ModelFieldType.Currency, widget:…

    2024年4月19日
    2.2K00

Leave a Reply

Please Login to Comment