工作流之监听器介绍及配置实现

最新推荐文章于 2024-05-22 16:28:54 发布
最新推荐文章于 2024-05-22 16:28:54 发布
阅读量3.6k 收藏 14
点赞数
分类专栏： 工作流 文章标签： activiti workflow
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_29595629/article/details/114377768
版权

目录

类型

执行监听器

用途

配置

自定义实现

任务监听器

配置

自定义实现

事件监听器（全局监听器）

用途

配置

自定义实现

运行总结

流程图

运行日志

分析结果

类型

  • 流程监听器
    • 执行监听器
    • 事件监听器（全局监听器）
  • 连线监听器
    • 执行监听器
  • 环节监听器
    • 执行监听器
    • 任务监听器（只有用户活动类型有）

执行监听器

用途

  • 动态分配节点处理人
  • 通过前一个节点设置的变量，在运行到下一个节点时设置对应的处理人；
  • 当流程运行到某个节点时，发送邮件或短信给待办用户；
  • 任务流转到当前的节点的时候，需要监控当前任务节点的一些信息或者其他的业务信息，统计流程处理时长，是否超时等；
  • 业务层面数据处理。

配置

执行监听器则监听流程的所有节点和连线。主要有start、end、take事件。其中节点有start、end两种事件，而连线则有take事件

image.png

自定义实现

自定义执行监听器需要实现ExecutionListener接口，并且实现notify方法。

@Slf4j
public class MyExecutionListener implements ExecutionListener{


    @Override
    public void notify(DelegateExecution delegateExecution) throws Exception {
        log.info("============executionListener start============");
        String eventName = delegateExecution.getEventName();
        String currentActivitiId = delegateExecution.getCurrentActivityId();
        log.info("事件名称:{}", eventName);
        log.info("ActivitiId:{}", currentActivitiId);
        log.info("============executionListener  end============");
    }
}

任务监听器

配置

用于监听任务，任务监听器生命周期对应四个事件，分别是assignment、create、complete、delete。

当流程引擎触发这四种事件类型时，对应的任务监听器会捕获其事件类型，再按照监听器的处理逻辑进行处理。

image.png

自定义实现

自定义任务监听器需要实现TaskListener接口，并且实现notify方法。

@Slf4j
public class MyTaskListener implements TaskListener {
    @Override
    public void notify(DelegateTask delegateTask) {
        log.info("============TaskListener start============");
        String taskDefinitionKey = delegateTask.getTaskDefinitionKey();
        String eventName = delegateTask.getEventName();
        log.info("事件名称:{}", eventName);
        log.info("taskDefinitionKey:{}", taskDefinitionKey);
        log.info("============TaskListener end============");
    }
}

事件监听器（全局监听器）

用途

监控该流程的启动和结束。

 

配置

可配置各类事件

image.png

自定义实现

  • 在activiti中已经有BaseEntityEventListener类来定义流程相关的事件。可以继承BaseEntityEventListener，重写对应方法onCreate等来自定义事件。
@Override
  public final void onEvent(ActivitiEvent event) {
    if (isValidEvent(event)) {
      // Check if this event
      if (event.getType() == ActivitiEventType.ENTITY_CREATED) {
        onCreate(event);
      } else if (event.getType() == ActivitiEventType.ENTITY_INITIALIZED) {
        onInitialized(event);
      } else if (event.getType() == ActivitiEventType.ENTITY_DELETED) {
        onDelete(event);
      } else if (event.getType() == ActivitiEventType.ENTITY_UPDATED) {
        onUpdate(event);
      } else {
        // Entity-specific event
        onEntityEvent(event);
      }
    }
  }
  • 如上述事件不满足，则可自定义任务监听器来实现ActivitiEventListener接口，并且实现onEvent方法来自定义事件。
@Slf4j
public class MyActivitiEventListener implements ActivitiEventListener {

    //当时间被执行时调用该方法
    @Override
    public void onEvent(ActivitiEvent activitiEvent) {
        log.info("============ActivitiEventListener start============");
        log.info("事件类型:{}", activitiEvent.getType());
        log.info("ExecutionId:{}", activitiEvent.getExecutionId());
        log.info("ProcessInstanceId:{}", activitiEvent.getProcessInstanceId());
        log.info("============ActivitiEventListener  end============");
    }

    //这个是onEvent执行失败之后进行的处理
    // 如果是true则返回onEvent执行失败的异常
    // 如果是false则忽略这个异常
    @Override
    public boolean isFailOnException() {
        return false;
    }
}

运行总结

流程图

其中1配置了全局事件监听器，如上图

2配置执行监听器，事件为take

3配置执行监听器，事件为start、end

3配置任务监听器，事件为assignment、create、complete、delete

image.png

运行日志

[cp3-activiti-server:8780:0000:] 2021-01-21 15:32:17.391:[ INFO] [214320] [] [XNIO-2 task-2:2431126] [c.c.c.a.c.flow.listener.MyActivitiEventListener.onEvent:19] ============ActivitiEventListener start============
[cp3-activiti-server:8780:0000:] 2021-01-21 15:32:17.481:[ INFO] [214320] [] [XNIO-2 task-2:2431216] [c.c.c.a.c.flow.listener.MyActivitiEventListener.onEvent:20] 事件类型:ACTIVITY_STARTED
[cp3-activiti-server:8780:0000:] 2021-01-21 15:32:17.481:[ INFO] [214320] [] [XNIO-2 task-2:2431216] [c.c.c.a.c.flow.listener.MyActivitiEventListener.onEvent:21] ExecutionId:10021
[cp3-activiti-server:8780:0000:] 2021-01-21 15:32:17.481:[ INFO] [214320] [] [XNIO-2 task-2:2431216] [c.c.c.a.c.flow.listener.MyActivitiEventListener.onEvent:22] ProcessInstanceId:10021
[cp3-activiti-server:8780:0000:] 2021-01-21 15:32:17.482:[ INFO] [214320] [] [XNIO-2 task-2:2431217] [c.c.c.a.c.flow.listener.MyActivitiEventListener.onEvent:23] ============ActivitiEventListener  end============


[cp3-activiti-server:8780:0000:] 2021-01-21 15:32:17.486:[ INFO] [214320] [] [XNIO-2 task-2:2431221] [c.c.c.a.c.flow.listener.MyExecutionListener.notify:18] ============executionListener start============
[cp3-activiti-server:8780:0000:] 2021-01-21 15:32:17.486:[ INFO] [214320] [] [XNIO-2 task-2:2431221] [c.c.c.a.c.flow.listener.MyExecutionListener.notify:21] 事件名称:take
[cp3-activiti-server:8780:0000:] 2021-01-21 15:32:17.487:[ INFO] [214320] [] [XNIO-2 task-2:2431222] [c.c.c.a.c.flow.listener.MyExecutionListener.notify:22] ActivitiId:sid-397FFB45-7110-4874-9E72-F4EBA8F284C8
[cp3-activiti-server:8780:0000:] 2021-01-21 15:32:17.487:[ INFO] [214320] [] [XNIO-2 task-2:2431222] [c.c.c.a.c.flow.listener.MyExecutionListener.notify:23] ============executionListener  end============


[cp3-activiti-server:8780:0000:] 2021-01-21 15:32:17.489:[ INFO] [214320] [] [XNIO-2 task-2:2431224] [c.c.c.a.c.flow.listener.MyExecutionListener.notify:18] ============executionListener start============
[cp3-activiti-server:8780:0000:] 2021-01-21 15:32:17.490:[ INFO] [214320] [] [XNIO-2 task-2:2431225] [c.c.c.a.c.flow.listener.MyExecutionListener.notify:21] 事件名称:start
[cp3-activiti-server:8780:0000:] 2021-01-21 15:32:17.490:[ INFO] [214320] [] [XNIO-2 task-2:2431225] [c.c.c.a.c.flow.listener.MyExecutionListener.notify:22] ActivitiId:task_1
[cp3-activiti-server:8780:0000:] 2021-01-21 15:32:17.491:[ INFO] [214320] [] [XNIO-2 task-2:2431226] [c.c.c.a.c.flow.listener.MyExecutionListener.notify:23] ============executionListener  end============


[cp3-activiti-server:8780:0000:] 2021-01-21 15:32:17.491:[ INFO] [214320] [] [XNIO-2 task-2:2431226] [c.c.c.a.c.flow.listener.MyActivitiEventListener.onEvent:19] ============ActivitiEventListener start============
[cp3-activiti-server:8780:0000:] 2021-01-21 15:32:17.491:[ INFO] [214320] [] [XNIO-2 task-2:2431226] [c.c.c.a.c.flow.listener.MyActivitiEventListener.onEvent:20] 事件类型:ACTIVITY_STARTED
[cp3-activiti-server:8780:0000:] 2021-01-21 15:32:17.492:[ INFO] [214320] [] [XNIO-2 task-2:2431227] [c.c.c.a.c.flow.listener.MyActivitiEventListener.onEvent:21] ExecutionId:10021
[cp3-activiti-server:8780:0000:] 2021-01-21 15:32:17.492:[ INFO] [214320] [] [XNIO-2 task-2:2431227] [c.c.c.a.c.flow.listener.MyActivitiEventListener.onEvent:22] ProcessInstanceId:10021
[cp3-activiti-server:8780:0000:] 2021-01-21 15:32:17.492:[ INFO] [214320] [] [XNIO-2 task-2:2431227] [c.c.c.a.c.flow.listener.MyActivitiEventListener.onEvent:23] ============ActivitiEventListener  end============


[cp3-activiti-server:8780:0000:] 2021-01-21 15:32:17.525:[ INFO] [214320] [] [XNIO-2 task-2:2431260] [c.c.c.a.controller.flow.listener.MyTaskListener.notify:16] ============TaskListener start============
[cp3-activiti-server:8780:0000:] 2021-01-21 15:32:17.526:[ INFO] [214320] [] [XNIO-2 task-2:2431261] [c.c.c.a.controller.flow.listener.MyTaskListener.notify:19] 事件名称:assignment
[cp3-activiti-server:8780:0000:] 2021-01-21 15:32:17.526:[ INFO] [214320] [] [XNIO-2 task-2:2431261] [c.c.c.a.controller.flow.listener.MyTaskListener.notify:20] taskDefinitionKey:task_1
[cp3-activiti-server:8780:0000:] 2021-01-21 15:32:17.526:[ INFO] [214320] [] [XNIO-2 task-2:2431261] [c.c.c.a.controller.flow.listener.MyTaskListener.notify:21] ============TaskListener end============

[cp3-activiti-server:8780:0000:] 2021-01-21 15:32:17.527:[ INFO] [214320] [] [XNIO-2 task-2:2431262] [c.c.c.a.controller.flow.listener.MyTaskListener.notify:16] ============TaskListener start============
[cp3-activiti-server:8780:0000:] 2021-01-21 15:32:17.527:[ INFO] [214320] [] [XNIO-2 task-2:2431262] [c.c.c.a.controller.flow.listener.MyTaskListener.notify:19] 事件名称:create
[cp3-activiti-server:8780:0000:] 2021-01-21 15:32:17.527:[ INFO] [214320] [] [XNIO-2 task-2:2431262] [c.c.c.a.controller.flow.listener.MyTaskListener.notify:20] taskDefinitionKey:task_1
[cp3-activiti-server:8780:0000:] 2021-01-21 15:32:17.528:[ INFO] [214320] [] [XNIO-2 task-2:2431263] [c.c.c.a.controller.flow.listener.MyTaskListener.notify:21] ============TaskListener end============


[cp3-activiti-server:8780:MDAwMA==:] 2021-01-21 15:38:23.897:[ INFO] [214320] [] [XNIO-2 task-2:2797632] [c.c.c.a.controller.flow.listener.MyTaskListener.notify:16] ============TaskListener start============
[cp3-activiti-server:8780:MDAwMA==:] 2021-01-21 15:38:23.898:[ INFO] [214320] [] [XNIO-2 task-2:2797633] [c.c.c.a.controller.flow.listener.MyTaskListener.notify:19] 事件名称:complete
[cp3-activiti-server:8780:MDAwMA==:] 2021-01-21 15:38:23.898:[ INFO] [214320] [] [XNIO-2 task-2:2797633] [c.c.c.a.controller.flow.listener.MyTaskListener.notify:20] taskDefinitionKey:task_1
[cp3-activiti-server:8780:MDAwMA==:] 2021-01-21 15:38:23.898:[ INFO] [214320] [] [XNIO-2 task-2:2797633] [c.c.c.a.controller.flow.listener.MyTaskListener.notify:21] ============TaskListener end============


[cp3-activiti-server:8780:MDAwMA==:] 2021-01-21 15:38:23.898:[ INFO] [214320] [] [XNIO-2 task-2:2797633] [c.c.c.a.controller.flow.listener.MyTaskListener.notify:16] ============TaskListener start============
[cp3-activiti-server:8780:MDAwMA==:] 2021-01-21 15:38:23.899:[ INFO] [214320] [] [XNIO-2 task-2:2797634] [c.c.c.a.controller.flow.listener.MyTaskListener.notify:19] 事件名称:delete
[cp3-activiti-server:8780:MDAwMA==:] 2021-01-21 15:38:23.899:[ INFO] [214320] [] [XNIO-2 task-2:2797634] [c.c.c.a.controller.flow.listener.MyTaskListener.notify:20] taskDefinitionKey:task_1
[cp3-activiti-server:8780:MDAwMA==:] 2021-01-21 15:38:23.899:[ INFO] [214320] [] [XNIO-2 task-2:2797634] [c.c.c.a.controller.flow.listener.MyTaskListener.notify:21] ============TaskListener end============


[cp3-activiti-server:8780:MDAwMA==:] 2021-01-21 15:38:23.914:[ INFO] [214320] [] [XNIO-2 task-2:2797649] [c.c.c.a.c.flow.listener.MyExecutionListener.notify:18] ============executionListener start============
[cp3-activiti-server:8780:MDAwMA==:] 2021-01-21 15:38:23.915:[ INFO] [214320] [] [XNIO-2 task-2:2797650] [c.c.c.a.c.flow.listener.MyExecutionListener.notify:21] 事件名称:end
[cp3-activiti-server:8780:MDAwMA==:] 2021-01-21 15:38:23.915:[ INFO] [214320] [] [XNIO-2 task-2:2797650] [c.c.c.a.c.flow.listener.MyExecutionListener.notify:22] ActivitiId:task_1
[cp3-activiti-server:8780:MDAwMA==:] 2021-01-21 15:38:23.915:[ INFO] [214320] [] [XNIO-2 task-2:2797650] [c.c.c.a.c.flow.listener.MyExecutionListener.notify:23] ============executionListener  end============


[cp3-activiti-server:8780:MDAwMA==:] 2021-01-21 15:38:23.919:[ INFO] [214320] [] [XNIO-2 task-2:2797654] [c.c.c.a.c.flow.listener.MyActivitiEventListener.onEvent:19] ============ActivitiEventListener start============
[cp3-activiti-server:8780:MDAwMA==:] 2021-01-21 15:38:23.919:[ INFO] [214320] [] [XNIO-2 task-2:2797654] [c.c.c.a.c.flow.listener.MyActivitiEventListener.onEvent:20] 事件类型:ACTIVITY_STARTED
[cp3-activiti-server:8780:MDAwMA==:] 2021-01-21 15:38:23.920:[ INFO] [214320] [] [XNIO-2 task-2:2797655] [c.c.c.a.c.flow.listener.MyActivitiEventListener.onEvent:21] ExecutionId:10021
[cp3-activiti-server:8780:MDAwMA==:] 2021-01-21 15:38:23.920:[ INFO] [214320] [] [XNIO-2 task-2:2797655] [c.c.c.a.c.flow.listener.MyActivitiEventListener.onEvent:22] ProcessInstanceId:10021
[cp3-activiti-server:8780:MDAwMA==:] 2021-01-21 15:38:23.921:[ INFO] [214320] [] [XNIO-2 task-2:2797656] [c.c.c.a.c.flow.listener.MyActivitiEventListener.onEvent:23] ============ActivitiEventListener  end============

分析结果

  • 全局事件监听器，全个环节都会触发，连线不会触发。触发时间由type决定。
  • 从连线到task1环节的触发顺序：

 

uni-app介绍
yangkos7s的博客
01-04 1495
Uni-app是一个跨平台开发框架，可以帮助开发者快速构建多端应用，包括Web、iOS、Android、H5、小程序等。Uni-app的特点是使用Vue.js作为开发语言，可以在不同的移动端平台上共享组件库和业务逻辑代码，大大提高了开发效率和代码重用率。同时，Uni-app提供了丰富的原生API和插件来实现更多功能。
Jeesite-uniapp框架学习篇一（版本说明、工具网站、学习网站）
码农舟舟的博客
08-08 1898
Jeesite-uniapp框架介绍及部署。
什么是uniapp
weixin_55996955的博客
05-22 3028
uni-app是一个基于Vue.js开发的跨平台应用开发框架，可以使用一套代码同时构建iOS、Android、H5、小程序等多个平台的应用。uni-app的特点是开发效率高、开发成本低、开发周期短，同时还具有良好的性能和用户体验。同时，Uni-app提供了丰富的原生API和插件来实现更多功能。
什么是uni-app?
weixin_30838921的博客
09-10 2159
uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。 即使不跨端，uni-app同时也是更好的小程序开发框架。详见评测 DCloud公司拥有350万开发者用户，旗下uni-app有5万+案例、600+插件、50+微信/qq群、更高的百度指数，可...
uni-app
S_i_mple的博客
04-21 3706
uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。
(源码)基于uniapp框架的前端开发学习项目.zip
最新发布
04-07
# 基于uniapp框架的前端开发学习项目 ## 项目简介 uniapp 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到 iOS、Android、Web（响应式）、以及各种小程序（微信支付宝百度头条QQ钉钉淘宝...
学习APP(ssm+uniapp框架).zip
11-28
该学习APP推送学习资源，实现资源共享；支持学习交流与互动，促进知识构建；支持作业练习与反馈，增强学习效果等。 2.主要内容： 本课题的主要目标是，通过面向对象方法开发系统，实现以下功能模块。具体功能如下： ...
基于uniapp框架的医院管理系统 (源码 + 说明文档 + 演示视频)
04-11
总结，基于uniapp框架的医院管理系统展示了uniapp在医疗领域应用的可能性，通过这个项目，开发者不仅可以学习到uniapp的开发技术，还可以了解如何构建一个完整的医院管理系统。无论是对于个人技能提升还是团队项目...
大转盘抽奖DEMO源码，基于Uniapp框架，兼容小程序，H5和APP
05-25
大转盘抽奖DEMO源码，基于Uniapp框架，兼容小程序，H5和APP。 在uniapp 小程序/h5网页网站/安卓苹果app/nvue等（全平台完美兼容）开发中，完成实现九宫格效果抽奖转盘机，丝滑流畅的抽奖体验，可以调用服务端接口...
uni-app是什么
weixin_48392117的博客
05-06 438
这里写自定义目录标题uni-app是什么uni-app的优点 uni-app是什么 uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。 DCloud公司拥有800万开发者、数百万应用、12亿手机端月活用户、数千款uni-app插件、开发者可以放心选择 uni-app的优点 跨平台发行 真正做到"一套代码、多端发行" 条件编译：优雅的在一个项目
什么是uni-app
AyayaOVO的博客
06-22 1153
什么是 uni-app 1 uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。 官方的体验例子： 2 uni-app在跨端数量、扩展能力、性能体验、周边生态、学习成本、开发成本等6大关键指标上拥有极强的竞争优势 。 uni-app的特点 周边生态丰富 学习成本低 开发成本低 跨端数量更多 平台能力不受限 性能体验更优秀 使用规范 * 页面组件我们要遵循Vue 单文件组件 (SFC) 规范 *
uni-app简要介绍
jingzhouikun的博客
05-10 2881
uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。是为了解决跨平台开发的问题。在移动应用开发中，不同平台（如iOS、Android）有不同的开发语言和技术栈，这导致开发者需要针对不同平台开发多套代码，增加了开发和维护的成本。
uni-app 是什么？
GDBBader的博客
04-12 548
什么是[[uni-app 是什么？|uni-app]] 是一个框架 是一个前端框架 使用的是Vue.js 开发完之后可以发布到iOS、Android、Web、小程序、快应用等平台 uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。 参考 uni-app官网 文档 - DCloud问答 ...
什么是uniapp？
记录和分享属于我的“IT”时光。
05-10 719
初来乍到，一个小白，讲述一些最近了解uniapp后的一些心得，后面随着自己学习的深入，会陆续增添内容。 uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。 ...
uni-app 介绍,什么是uni-app，它是干嘛的
热门推荐
qq_38085795的博客
09-28 4万+
摘自：文章来源 uni-app 介绍 uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架。 开发者通过编写 Vue.js 代码，uni-app 将其编译到iOS、Android、微信小程序等多个平台，保证其正确运行并达到优秀体验。 uni-app 继承自 Vue.js，提供了完整的 Vue.js 开发体验。 uni-app 组件规范和扩展api与微信小程序基本相同。 有一定 Vue...
uni-app简单介绍
Chona
11-10 1万+
uni-app简单介绍 https://uniapp.dcloud.io/ 一、什么是uni-app？ uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。 快速体验 uni-app的优点 跨平台发行，运行体验更好 与小程序的组件、API一致； 兼容weex原生渲染，增加了开发效率高，但是由于weex坑比较多，建议还是使用局部渲染优
uniapp详细介绍
m0_68907098的博客
11-29 2万+
uniapp的详细介绍
uniapp框架推荐
03-27
### 关于 UniApp 框架的推荐资源与教程 #### 1. **Uniapp 官方文档** 官方文档是最权威的学习资料之一，涵盖了从基础概念到高级特性的全方位讲解。对于初学者来说，这是了解 UniApp 架构和技术细节的最佳起点[^3]。 #### 2. **《Uniapp 从入门到精通：案例分析与最佳实践》** 该文章提供了系统的知识体系，帮助开发者掌握 Uniapp 的基础知识、实际应用以及开发过程中的最佳实践方法。它不仅适合新手快速上手，也能够为有经验的开发者提供深入的技术指导[^1]。 #### 3. **ThorUI-uniapp 开源项目教程** 这是一个专注于 UI 组件库设计和实现的教学材料，基于 ThorUI 提供了一系列实用的功能模块。通过学习此开源项目的具体实现方式，可以更好地理解如何高效构建美观且一致的应用界面[^2]。 #### 4. **跨平台开发利器：UniApp 全面解析与实践指南** 这篇文章按照章节形式详细阐述了 UniApp 的各个方面，包括但不限于其工作原理、技术栈介绍、开发环境配置等内容，并附带丰富的实例演示来辅助说明理论知识点。 以下是几个重要的主题摘选： - **核心特性解析**：解释了跨端运行机制、底层架构组成及其主要功能特点。 - **开发实践指南**：给出了具体的页面编写样例代码，展示了不同设备间 API 调用的方法论。 - **性能优化建议**：针对启动时间缩短、图形绘制效率提升等方面提出了可行策略。 ```javascript // 示例代码片段展示条件编译语法 export default { methods: { showPlatform() { console.log(process.env.UNI_PLATFORM); // 输出当前平台名称 #ifdef APP-PLUS console.log('Running on App'); #endif #ifdef H5 console.log('Running on Web'); #endif } } } ``` #### 5. **其他补充资源** 除了上述提到的内容外，还有许多在线课程视频可供选择，比如 Bilibili 上的一些免费系列讲座；另外 GitHub 和 GitCode 平台上也有不少优质的社区贡献作品值得借鉴研究。 --- ###
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值