使用Apache Commons SCXML实现状态机管理

news2024/12/21 23:04:30

第1章:引言

大家好,我是小黑,咱们程序员在开发过程中,经常会遇到需要管理不同状态和状态之间转换的场景。比如,一个在线购物的订单,它可能有“新建订单”、“已支付”、“配送中”、“已完成”等状态。在这些不同的状态之间转换,其实就是一个状态机的过程。

状态机,简单来说,就是一种模型,用来描述一个系统在不同状态下的行为。它的魅力在于能够让复杂的状态转换变得简洁清晰。想象一下,如果没有状态机,我们可能需要写很多if-else来处理不同的状态和事件,那代码可就乱得像鸡窝了。

这就引出了小黑今天要聊的主角——Apache Commons SCXML。这货是一个用来管理状态机的Java库,能让咱们以一种更优雅的方式来处理状态转换。它不仅支持XML配置状态机,还提供了API来控制状态机的行为,简直是管理复杂状态的利器!

第2章:SCXML简介

Apache Commons SCXML,这个名字听起来可能有点小长,但它其实是个非常给力的工具。它提供了一个基于SCXML标准(State Chart XML)的状态机实现,让咱们可以用XML文件来定义状态机。

为什么要用SCXML呢?因为它基于XML,这让状态机的定义变得非常直观和灵活。你可以直接在XML文件里定义状态、事件和转换规则,而不需要在Java代码里写一大堆逻辑。这样一来,状态机的修改和维护就简单多了,不用每次都去翻Java代码。

使用Apache Commons SCXML的好处还不止这些。它支持嵌套状态、并行状态、历史状态等高级特性,这些都是在复杂应用场景中非常有用的功能。比如,你的应用可能需要同时管理多个独立的状态机,或者在用户返回时保持之前的状态,SCXML都能轻松搞定。

那怎么用这个库呢?先来看看如何添加它到你的项目里。如果你用的是Maven,只需要在pom.xml中添加如下依赖:

<dependency>
    <groupId>org.apache.commons</groupId>
    <artifactId>commons-scxml2</artifactId>
    <version>2.0</version>
</dependency>

依赖配置好了之后,就可以开始愉快地定义状态机了。比如,小黑想定义一个简单的订单状态机,可能会这样写:

<scxml xmlns="http://www.w3.org/2005/07/scxml" version="1.0"
       initial="新建订单">
    <state id="新建订单">
        <transition event="支付" target="已支付"/>
    </state>
    <state id="已支付">
        <transition event="发货" target="配送中"/>
    </state>
    <state id="配送中">
        <transition event="签收" target="已完成"/>
    </state>
    <state id="已完成"/>
</scxml>

这段XML就定义了一个简单的订单状态机。它从“新建订单”开始,然后可以按照支付、发货、签收的顺序转换到“已完成”。这样一来,咱们就用几行XML描述了整个订单流程。

第3章:状态机基础 - 让复杂的流程简单起来

聊到状态机,咱们得先搞明白它的三大基石:状态(State)、事件(Event)和转换(Transition)。这就像是学开车,得知道油门、刹车和方向盘怎么用一样。咱们先来一点点拆解这些概念。

状态(State):程序的各种场景

状态,就是程序在某一时刻的情形或者场景。比如,一个游戏角色可能有“静止”、“行走”、“跳跃”等状态。每个状态代表了角色在不同时刻的不同行为和特征。在状态机里,状态是静态的,就像是一张静止的照片,记录了某个瞬间的全部信息。

事件(Event):触发状态转换的信号

事件则是导致状态转换的外部输入。继续拿游戏角色来说,当玩家按下跳跃键时,就发生了一个“跳跃”事件,这个事件会触发角色从“静止”状态转换到“跳跃”状态。在状态机中,事件是动态的,就像是电影里的一幕幕,推动故事的发展。

转换(Transition):从一个状态到另一个状态的桥梁

最后,转换是连接两个状态的桥梁。它定义了在什么事件发生时,状态应该如何改变。例如,如果当前状态是“静止”,当“跳跃”事件发生时,状态就会转换到“跳跃”。

好了,理论知识讲完,小黑来给咱们看个具体的例子。假设小黑要管理一个电商的订单流程,订单有“新建”、“已支付”、“已发货”和“已完成”这几个状态。咱们用Java代码来实现一个简单的状态机:

import org.apache.commons.scxml2.model.*;

public class OrderStateMachine {
    // 创建状态机
    private SCXMLExecutor executor;

    public OrderStateMachine() throws ModelException {
        // 定义状态机
        State newState = new State("新建");
        State paidState = new State("已支付");
        State shippedState = new State("已发货");
        State completedState = new State("已完成");

        // 定义状态转换
        Transition payTransition = new Transition("支付", paidState);
        Transition shipTransition = new Transition("发货", shippedState);
        Transition completeTransition = new Transition("签收", completedState);

        // 添加转换到各个状态
        newState.addTransition(payTransition);
        paidState.addTransition(shipTransition);
        shippedState.addTransition(completeTransition);

        // 设置初始状态
        SCXML scxml = new SCXML();
        scxml.setInitialstate(newState);
        scxml.addState(newState);
        scxml.addState(paidState);
        scxml.addState(shippedState);
        scxml.addState(completedState);

        // 初始化状态机执行器
        this.executor = new SCXMLExecutor();
        this.executor.setStateMachine(scxml);
        this.executor.go();
    }

    // 触发事件的方法
    public void fireEvent(String event) throws ModelException {
        this.executor.triggerEvent(new TriggerEvent(event, TriggerEvent.SIGNAL_EVENT));
    }

    // 获取当前状态
    public String getCurrentState() {
        return this.executor.getStatus().getStates().iterator().next().getId();
    }
}

这段代码中,小黑创建了一个订单状态机。它包含四个状态,通过定义转换来控制状态的变化。这样一来,咱们就可以根据不同的事件(比如支付、发货等)来改变订单的状态了。

通过这个例子,咱们可以看到,状态机其实就是一种把复杂流程图变成代码的工具。它可以帮助咱们清晰地管理程序的各种状态,让代码既简洁又易于理解。

第4章:初始化状态机

假设咱们要创建一个简单的流程控制,比如一个简单的任务流程,它有“开始”、“进行中”和“完成”这几个状态。

首先,小黑要定义状态机的SCXML文件。创建一个名为task-state-machine.scxml的文件,内容如下:

<scxml xmlns="http://www.w3.org/2005/07/scxml" version="1.0"
       initial="开始">
    <state id="开始">
        <transition event="开始任务" target="进行中"/>
    </state>
    <state id="进行中">
        <transition event="完成任务" target="完成"/>
    </state>
    <state id="完成"/>
</scxml>

这个文件定义了三个状态:开始、进行中和完成,并且定义了从“开始”到“进行中”以及从“进行中”到“完成”的转换。

然后,在Java代码中加载这个SCXML文件。小黑这里用一个简单的方法来演示:

import org.apache.commons.scxml2.SCXMLExecutor;
import org.apache.commons.scxml2.model.*;
import org.apache.commons.scxml2.io.SCXMLReader;

import java.io.File;

public class TaskStateMachine {
    private SCXMLExecutor executor;

    public TaskStateMachine() throws Exception {
        // 读取SCXML文件
        SCXML stateMachine = SCXMLReader.read(new File("path/to/task-state-machine.scxml"));

        // 初始化状态机
        this.executor = new SCXMLExecutor();
        this.executor.setStateMachine(stateMachine);
        this.executor.go();
    }

    // 触发事件
    public void fireEvent(String event) throws ModelException {
        this.executor.triggerEvent(new TriggerEvent(event, TriggerEvent.SIGNAL_EVENT));
    }

    // 获取当前状态
    public String getCurrentState() {
        return this.executor.getStatus().getStates().iterator().next().getId();
    }

    // 主函数,用于测试
    public static void main(String[] args) throws Exception {
        TaskStateMachine taskStateMachine = new TaskStateMachine();

        System.out.println("当前状态: " + taskStateMachine.getCurrentState());
        taskStateMachine.fireEvent("开始任务");
        System.out.println("当前状态: " + taskStateMachine.getCurrentState());
        taskStateMachine.fireEvent("完成任务");
        System.out.println("当前状态: " + taskStateMachine.getCurrentState());
    }
}

在这段代码中,咱们创建了一个TaskStateMachine类,它可以加载SCXML文件来初始化状态机。然后,通过fireEvent方法来触发不同的事件,实现状态的转换。

第5章:设计状态机 - 把复杂的逻辑变简单

状态机设计的基本原则

设计状态机时,有几个原则要记住:

  1. 明确状态: 确定所有可能的状态,每个状态应该有明确的定义和边界。
  2. 定义转换: 明确状态之间如何转换,每个转换应该对应一个明确的事件。
  3. 避免过度复杂: 不要让状态机太复杂,否则会难以维护和理解。
实战演练:设计一个简单的工作流状态机

来吧,咱们用SCXML来设计一个简单的工作流状态机。这个状态机将有三个状态:待办进行中已完成。用户可以从待办状态开始任务,进入进行中,然后完成任务,到达已完成状态。

定义SCXML文件

首先,小黑得写一个SCXML文件来定义这个状态机。创建一个名为workflow-state-machine.scxml的文件,内容如下:

<scxml xmlns="http://www.w3.org/2005/07/scxml" version="1.0"
       initial="待办">
    <state id="待办">
        <transition event="开始任务" target="进行中"/>
    </state>
    <state id="进行中">
        <transition event="完成任务" target="已完成"/>
    </state>
    <state id="已完成"/>
</scxml>

这个文件定义了状态机的各个状态和转换规则。从待办状态,当接收到开始任务事件时,转换到进行中状态;在进行中状态,当接收到完成任务事件时,转换到已完成状态。

在Java中加载和使用SCXML

接下来,小黑要在Java代码中加载这个SCXML文件,并使用它来管理状态。来看看具体怎么操作:

import org.apache.commons.scxml2.SCXMLExecutor;
import org.apache.commons.scxml2.model.*;
import org.apache.commons.scxml2.io.SCXMLReader;

import java.io.File;

public class WorkflowStateMachine {
    private SCXMLExecutor executor;

    public WorkflowStateMachine() throws Exception {
        // 读取SCXML文件
        SCXML stateMachine = SCXMLReader.read(new File("path/to/workflow-state-machine.scxml"));

        // 初始化状态机
        this.executor = new SCXMLExecutor();
        this.executor.setStateMachine(stateMachine);
        this.executor.go();
    }

    // 触发事件
    public void fireEvent(String event) throws ModelException {
        this.executor.triggerEvent(new TriggerEvent(event, TriggerEvent.SIGNAL_EVENT));
    }

    // 获取当前状态
    public String getCurrentState() {
        return this.executor.getStatus().getStates().iterator().next().getId();
    }

    // 测试状态机
    public static void main(String[] args) throws Exception {
        WorkflowStateMachine workflowStateMachine = new WorkflowStateMachine();

        System.out.println("当前状态: " + workflowStateMachine.getCurrentState());
        workflowStateMachine.fireEvent("开始任务");
        System.out.println("当前状态: " + workflowStateMachine.getCurrentState());
        workflowStateMachine.fireEvent("完成任务");
        System.out.println("当前状态: " + workflowStateMachine.getCurrentState());
    }
}

在这个例子中,小黑创建了一个WorkflowStateMachine类来表示工作流状态机。它可以加载SCXML文件并根据事件来转换状态。

第6章:实现状态机逻辑 - 让代码动起来

状态转换与事件触发

状态机的核心就是状态的转换和事件的触发。咱们之前已经在SCXML文件里定义了状态和转换规则,现在就要在Java中实现这些转换的触发。

在小黑之前的例子中,已经展示了如何触发事件。现在咱们来看一个更实际的例子。假设有一个简单的用户认证流程,它包含未登录登录中登录成功登录失败这几个状态。咱们会根据用户的行为(比如输入用户名和密码)来触发状态转换。

编写SCXML文件

首先,定义SCXML文件authentication-state-machine.scxml

<scxml xmlns="http://www.w3.org/2005/07/scxml" version="1.0"
       initial="未登录">
    <state id="未登录">
        <transition event="尝试登录" target="登录中"/>
    </state>
    <state id="登录中">
        <transition event="登录成功" target="登录成功"/>
        <transition event="登录失败" target="登录失败"/>
    </state>
    <state id="登录成功"/>
    <state id="登录失败"/>
</scxml>

这个文件定义了用户认证的状态机模型。

Java中的状态机逻辑实现

接下来,咱们在Java中加载这个状态机,并根据用户行为触发事件:

import org.apache.commons.scxml2.SCXMLExecutor;
import org.apache.commons.scxml2.model.*;
import org.apache.commons.scxml2.io.SCXMLReader;

import java.io.File;

public class AuthenticationStateMachine {
    private SCXMLExecutor executor;

    public AuthenticationStateMachine() throws Exception {
        // 读取SCXML文件
        SCXML stateMachine = SCXMLReader.read(new File("path/to/authentication-state-machine.scxml"));

        // 初始化状态机
        this.executor = new SCXMLExecutor();
        this.executor.setStateMachine(stateMachine);
        this.executor.go();
    }

    // 触发事件
    public void fireEvent(String event) throws ModelException {
        this.executor.triggerEvent(new TriggerEvent(event, TriggerEvent.SIGNAL_EVENT));
    }

    // 获取当前状态
    public String getCurrentState() {
        return this.executor.getStatus().getStates().iterator().next().getId();
    }

    // 模拟用户登录过程
    public void simulateUserLogin(String username, String password) {
        System.out.println("用户正在尝试登录...");
        fireEvent("尝试登录");

        // 这里只是一个简单的示例,实际应用中应该有更复杂的逻辑
        if ("admin".equals(username) && "123456".equals(password)) {
            System.out.println("登录成功!");
            fireEvent("登录成功");
        } else {
            System.out.println("登录失败!");
            fireEvent("登录失败");
        }
    }

    // 测试状态机
    public static void main(String[] args) throws Exception {
        AuthenticationStateMachine authStateMachine = new AuthenticationStateMachine();

        System.out.println("当前状态: " + authStateMachine.getCurrentState());
        authStateMachine.simulateUserLogin("admin", "123456");
        System.out.println("当前状态: " + authStateMachine.getCurrentState());
    }
}

在这个例子中,咱们创建了一个AuthenticationStateMachine类,用来处理用户认证的状态机。这个类可以根据用户的登录尝试来触发不同的事件,从而改变状态机的状态。

第7章:高级功能与技巧

并行状态的使用

在某些情况下,咱们可能需要状态机同时处于多个状态,这就是并行状态。比如,在一个复杂的业务流程中,可能同时需要跟踪订单的状态和客户的满意度,这两个状态是独立的,可以同时存在。

SCXML中定义并行状态

在SCXML中,咱们可以使用<parallel>元素来定义并行状态。来看一个例子:

<scxml xmlns="http://www.w3.org/2005/07/scxml" version="1.0"
       initial="订单处理">
    <state id="订单处理">
        <parallel>
            <state id="订单状态">
                <state id="新建"/>
                <state id="处理中"/>
                <state id="完成"/>
            </state>
            <state id="客户满意度">
                <state id="未评价"/>
                <state id="满意"/>
                <state id="不满意"/>
            </state>
        </parallel>
    </state>
</scxml>

这个SCXML文件定义了一个“订单处理”的并行状态机,它同时跟踪“订单状态”和“客户满意度”两个独立的状态。

历史状态的运用

历史状态是另一个有用的功能,它可以让状态机记住之前的状态。这在需要返回到之前状态的场景中非常有用,比如用户在一个复杂表单的多个步骤之间来回切换。

SCXML中定义历史状态

在SCXML中,可以使用<history>元素来定义历史状态。来看一个例子:

<scxml xmlns="http://www.w3.org/2005/07/scxml" version="1.0"
       initial="步骤一">
    <state id="步骤一">
        <transition event="下一步" target="步骤二"/>
    </state>
    <state id="步骤二">
        <history id="历史状态"/>
        <transition event="返回" target="历史状态"/>
        <transition event="下一步" target="步骤三"/>
    </state>
    <state id="步骤三">
        <transition event="返回" target="步骤二"/>
    </state>
</scxml>

这个例子定义了一个包含历史状态的简单流程。当用户从“步骤二”返回时,状态机会记住之前的状态(“步骤一”或“步骤三”),并据此恢复。

Java中实现高级功能

有了SCXML的定义后,咱们还需要在Java代码中实现相应的逻辑。由于篇幅限制,这里就不详细展开了,但小黑可以给出个大概的指导:

  • 并行状态: 你需要在Java中分别管理每个并行状态的转换和事件。
  • 历史状态: 你可以利用SCXMLExecutor的状态管理功能来记录和恢复历史状态。

第8章:总结

状态机的优势
  • 清晰的逻辑: 状态机让复杂的状态转换和条件判断变得清晰可视。
  • 易于维护: 随着项目的扩展,状态机更易于维护和修改。
  • 减少错误: 明确的状态和转换规则有助于减少逻辑错误。

通过这个案例,咱们可以看到,状态机不仅仅是理论上的概念,在实际的开发工作中它能大显身手,特别是在处理复杂逻辑和流程时。从一个简单的状态转换到整个系统的状态管理,状态机都能提供清晰、高效的解决方案。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1351161.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Linux/Unix/国产化操作系统常用命令(二)

目录 后CentOS时代国产化操作系统国产化操作系统有哪些常用Linux命令关于Linux的LOGO 后CentOS时代 在CentOS 8发布后&#xff0c;就有了一些变化和趋势&#xff0c;可以说是进入了"后CentOS时代"。这个时代主要表现在以下几个方面&#xff1a; CentOS Stream的引入…

Spring技术内幕笔记之SpringMvc

WebApplicationContext接口的类继承关系 org.springframework.web.context.ContextLoader#initWebApplicationContext 对IOC容器的初始化 SpringMvc如何设计 DispatcherServlet类继承关系 MVC处理流程图如下&#xff1a; DispatcherServlet的工作大致可以分为两个部分&#xf…

Spring Boot 如何使用 Maven 实现多环境配置管理

Spring Boot 如何使用 Maven 实现多环境配置管理 实现多环境配置有以下几个重要原因&#xff1a; 适应不同的部署环境&#xff1a;在实际部署应用程序时&#xff0c;通常会有多个不同的部署环境&#xff0c;如开发环境、测试环境、生产环境等。每个环境可能需要不同的配置&…

Linux 命令tail

命令作用 tail 命令用于显示文件的末尾内容&#xff0c;默认显示文件的最后 10 行。通常情况下&#xff0c;tail 命令用于实时查看动态日志文件&#xff0c;可以使用 -f 参数跟踪文件内容的变化。 语法 tail [选项] [文件名] 参数 以 log.txt 为例演示参数效果 -n -linesK…

解决报错:找不到显卡

今天做实验碰到一个问题&#xff1a;torch找不到显卡&#xff1a; 打开任务管理器&#xff0c;独显直接没了&#xff0c;一度以为是要去修电脑了&#xff0c;突然想到上次做实验爆显存&#xff0c;屏蔽了gpu用cpu训练&#xff1a; import os os.environ["CUDA_DEVICE_OR…

【华为数据之道学习笔记】9-3构建以元数据为基础的安全隐私保护框架

以元数据为基础的安全隐私治理 有决策权的公司高层已经意识到安全隐私的重要性&#xff0c;在变革指导委员会以及各个高层会议纪要中都明确指明安全隐私是变革优先级非常高的主题&#xff0c;安全是一切业务的保障。 基于这个大前提&#xff0c;我们构建了以元数据为基础的安全…

【Spark精讲】记一个SparkSQL引擎层面的优化:SortMergeJoinExec

SparkSQL的Join执行流程 如下图所示&#xff0c;在分析不同类型的Join具体执行之前&#xff0c;先介绍Join执行的基本框架&#xff0c;框架中的一些概念和定义是在不同的SQL场景中使用的。 在Spark SQL中Join的实现都基于一个基本的流程&#xff0c;根据角色的不同&#xff0…

zookeeper未授权访问漏洞增加用户认证修复

linux机器中使用root命令行cd到zookeeper的bin文件夹下 启动zookeeper ./zkCli.sh # 启动zookeeper如果此时有未授权漏洞&#xff0c;可通过以下命令验证。 getAcl / #可以看到默认是world:anyone 就相当于无权限访问验证结果显示没有用户认证也可执行一些命令 增添用户认…

[GKCTF 2020]ez三剑客-eztypecho

[GKCTF 2020]ez三剑客-eztypecho 考点&#xff1a;Typecho反序列化漏洞 打开题目&#xff0c;发现是typecho的CMS 尝试跟着创建数据库发现不行&#xff0c;那么就搜搜此版本的相关信息发现存在反序列化漏洞 参考文章 跟着该文章分析来&#xff0c;首先找到install.php&#xf…

LeetCode第32题 : 最长有效括号

题目介绍 给你一个只包含 ( 和 ) 的字符串&#xff0c;找出最长有效&#xff08;格式正确且连续&#xff09;括号子串的长度。 示例 1&#xff1a; 输入&#xff1a;s "(()" 输出&#xff1a;2 解释&#xff1a;最长有效括号子串是 "()" 示例 2&#xf…

DALLE·3的图片一致性火了!

DALLE3的图片一致性火了&#xff01; DALLE3 利用种子值&GenID的一致性作图 防止大家不知道&#xff0c;这里拓展一下种子值&#xff0c;DALL每次生成的图像都会有一个新的、随机的种子值。我们可以利用种子值进行角色的变换 每次生成的图像都会有一个新的、随机的种子值…

主流大语言模型集体曝出训练数据泄露漏洞

内容概要&#xff1a; 安全研究人员发现&#xff0c;黑客可利用新的数据提取攻击方法从当今主流的大语言模型&#xff08;包括开源和封闭&#xff0c;对齐和未对齐模型&#xff09;中大规模提取训练数据。当前绝大多数大语言模型的记忆&#xff08;训练数据&#xff09;可被恢…

maven、springboot项目编译打包本地jar、第三方jar包

0. 引言 一般我们在maven项目中都是通过引入pom坐标的形式来引入第三方jar包&#xff0c;但某些场景下&#xff0c;第三方是直接提供的jar包文件&#xff0c;这就需要我们从本地引入第三方包并进行打包。所以我们今天来看下如何进行本地引入第三方包操作 1. 步骤 1、在项目下…

在pycharm中jupyter连接上了以后显示无此库,但是确实已经安装好了某个库,使用python可以跑,但是使用ipython就跑不了

今天遇到一个事情&#xff0c;就是用pycharm的jupyter时&#xff0c;连接不上&#xff0c;后来手动连接上了以后&#xff0c;发现环境好像不对。 一般来说&#xff0c;这里会是python3&#xff0c;所以里面的环境也是普通python的环境&#xff0c;并没有我下载的库&#xff0c;…

C#WPF界面MVVM框架下异步命令的启动和停止及绑定

框架采用CommunityToolkit.Mvvm&#xff0c;界面如下 View的XAML代码 <Window x:Class"WpfApp6.MainWindow"xmlns"http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x"http://schemas.microsoft.com/winfx/2006/xaml"xmlns…

SpringBoot整合多数据源,并支持动态新增与切换

SpringBoot整合多数据源&#xff0c;并支持动态新增与切换 一、概述 在项目的开发过程中&#xff0c;遇到了需要从数据库中动态查询新的数据源信息并切换到该数据源做相应的查询操作&#xff0c;这样就产生了动态切换数据源的场景。为了能够灵活地指定具体的数据库&#xff0…

php ext-sodium 拓展安装 linux+windows

php编译安装(linux)&#xff0c;可以参考&#xff1a;php编译安装 一、windows soduim源码包自带&#xff0c;直接修改php.ini&#xff0c;取消extensionsodium注释即可 二、linux 1.安装依赖 apt-get install libsodium-dev2.进入源码目录 这里写自己的源码目录 cd /us…

鸿蒙OpenHarmony开发实战-0开始做游戏渲染引擎

首先实现了一个通用的画廊组件来作为练手项目&#xff0c;它主要使用了四个基础组件和容器组件&#xff1a; 我们放置一个按钮来触发 showGallery 方法&#xff0c;该方法控制 panel 弹出式组件的显示和隐藏&#xff0c;这里的 div 和 button 标签就是 hml 内置的组件&#xf…

深度学习(学习记录)

题型&#xff1a;填空题判断题30分、简答题20分、计算题20分、综合题&#xff08;30分&#xff09; 综合题&#xff08;解决实际工程问题&#xff0c;不考实验、不考代码、考思想&#xff09; 一、深度学习绪论&#xff08;非重点不做考察&#xff09; 1、传统机器学习&…

Vue3 结合typescript 组合式函数

在App.vue文件中 实现鼠标点击文件&#xff0c;显示坐标值 第一种方法 第二种方法&#xff1a;组合式函数 结果&#xff1a; 官网推荐组合函数&#xff1a;https://vueuse.org