状态机编程实例-状态表法

news2024/11/16 0:44:44

上篇文章,使用嵌套switch-case法的状态机编程,实现了一个炸弹拆除小游戏。

本篇,继续介绍状态机编程的第二种方法:状态表法,来实现炸弹拆除小游戏的状态机编程。

1 状态表法

状态表法,顾名思义,就是通过一个状态表,来实现状态机中的状态转换,下面就先介绍下状态表的基础知识。

1.1 状态表

状态表 ,最常用的是使用一个2维状态表:

  • 水平方向是各个事件
  • 竖直方向是各个状态
  • 单元的内容是通过(执行动作,下一状态)来表示各种转换关系

结合上一篇设计炸弹拆除小游戏的状态图(2个状态和4个事件):

可以设计出对应的状态表,如下图:

  • 水平方向的4种事件:UP、DOWN和ARM按键事件,TICK事件
  • 竖直方向的2种状态:设置状态和倒计时状态
  • 单元的内容表示执行指定动作后,下一状态是什么。比如设置状态时按下UP键,执行setting_UP函数中的动作后,下一状态还是留在设置状态

注意:

  • (*):仅当(me->code == me->defuse),即密码输入正确时,才进行状态转换至“设置状态”
  • (**):仅当(me->fine_time == 0)和(me->timeout != 0),即每过一秒且倒计时未减到0时,才进行状态转换至“倒计时状态”

1.2 事件处理器

由于状态表法可以使用一个非常有规律的数据结构(状态表)来表现一个状态机,因此编程时可以编写一个通用的“事件处理器”来实现状态机功能。

如下图,通用的状态表事件处理器,包含两个主要结构:

  • 一个外部转换的StateTable结构
  • 一个带有事件参数和没有事件参数的Event结构

此外,StateTable结构有两个相关的函数:

  • init()函数用于触发状态机的初始转换
  • dispatch()函数用于派送一个事件给状态机处理

需体会的是,StateTable结构是一个抽象的结构,按照UML类图的画法,这是一个抽象类(使用《abstract》或斜体类名表示),需要通过派生出一个实例类,如图中的Bomb2,来实现具体的业务功能。

在状态机的应用程序中,状态表仅包含执行转换函数的指针,即函数指针,而不是(执行动作,下一状态)的形式,使用这种方式,实际就是把状态改变的逻辑,放到了转换函数中,这样做,使得编程更加灵活,因为状态函数能方便地判断某些监护条件并随之改变。

2 状态表法的实现

上面介绍了状态表法的基础知识,下面就来通过代码来介绍状态表法的具体实现。

2.1 通用状态表事件处理器

上面说到,状态表法可以使用一个非常有规律的状态表数据结构来表现一个状态机,因而在程序设计时,可以编写一个通用的状态表事件处理器。

2.1.1 接口定义

通用的状态表事件处理器,先来通过接口定义,看下它的功能。

注意上面提到的它包含两个主要结构:

  • 一个外部转换的StateTable结构
  • 一个带有事件参数和没有事件参数的Event结构

以及StateTable结构的两个相关的函数:

  • init()函数:用于触发状态机的初始转换
  • dispatch()函数:用于派送一个事件给状态机处理
// 用于进行状态转换的宏
#define TRAN(target) (((StateTable *)me)->state = (uint8_t)(target))

typedef struct EventTag
{
  uint16_t sig; // 事件的信号
} Event;

struct StateTableTag; //提前声明此变量

// 函数指针
typedef void (*Tran)(struct StateTableTag *me, Event const *e);

// 状态表数据结构
typedef struct StateTableTag
{
  uint8_t state;           //当前状态
  Tran const *state_table; //状态表
  uint8_t n_states;        //状态的个数
  uint8_t n_signals;       //事件(信号)的个数
  Tran initial;            //初始转换
} StateTable;

void StateTable_ctor(StateTable *me, Tran const *table, uint8_t n_states, uint8_t n_signals, Tran initial);
void StateTable_init(StateTable *me);
void StateTable_dispatch(StateTable *me, Event const *e);
void StateTable_empty(StateTable *me, Event const *e);

StateTable_ctor是状态表的“构造函数”,仅指向一个基本的初始化动作,不会触发初始转换。

StateTable_empty是一个默认的空动作,用于状态表初始化时,某些需要空单元的地方使用。

另外,这里还要体会函数指针的用法。什么是函数指针,下面再来复习一下。

2.1.2 体会函数指针的用法

函数指针,本质是一个指针,其指向的一个函数,其类型定义为:

返回值类型 (* 函数名) ([形参列表]);

注意和指针函数的区别:

何为指针函数?

指针函数,本质是一个函数,例如 int *pfun(int, int); 其返回值是指针类型,即返回一个指针(或称地址),这个指针指向的数据是什么类型都可以。

一个记忆小技巧:指针函数,可以类比int函数,它们都是函数,只是返回值不一样,一个是返回指针,一个返回int。

首先来看函数指针的定义,以及基础用法:

//定义一个函数指针pFUN,它指向一个返回类型为void,有一个参数类型为int的函数
void (*pFun)(int);

//定义一个返回类型为void,参数为int的函数。从指针层面上理解该函数,其函数名实际上是一个指针,该指针指向函数在内存中的首地址
void glFun(int a)
{
    printf("%d\n", a);
}

int main()
{
    pFun = glFun; //将函数glFun的地址赋值给变量pFun
    (*pFun)(2);//“*pFun”是取pFun所指向地址的内容,即取出了函数glFun()的内容,然后给定参数为2
    
    return 0;
}

实际使用时,常常通过typedef的方式让函数指针更直观方便的进行使用:

//定义新的类型PTRFUN, 此类型的实际含义为函数指针,指向的函数的返回值是void,参数是int
typedef void (*PTRFUN)(int); 

//定义一个返回类型为void,参数为int的函数
void glFun(int a)
{ 
    printf("%d\n", a);
} 

int main() 
{ 
    PTRFUN pFun; //使用定义的(函数指针)类型,实例化一个函数指针
    
    pFun = glFun; //把定义的glFun函数,以函数名(本质即指针)的形式为其赋值
    (*pFun)(2); //执行该函数指针指向的内容,即指向指向的函数,并指定参数2
    
    return 0;
}

关于函数指针的实际应用,也可参考我之前的这篇文章:STM32简易多级菜单(数组查表法)

2.1.3 具体实现

看完了通用的状态表事件处理器的接口定义,下面再来看下具体实现。

//状态表的构造
void StateTable_ctor(StateTable *me,
                     Tran const *table, uint8_t n_states, uint8_t n_signals,
                     Tran initial)
{
    //第一个参数me为StateTable结构,由具体业务的派生状态表的tateTable结构传入
    me->state_table = table;   //状态表, 由具体业务的二维状态表传入
    me->n_states = n_states;   //二维状态表的状态数量
    me->n_signals = n_signals; //二维状态表的信号(事件)数量
    me->initial = initial;     //状态表的初始准换函数
}

//状态表的初始化
void StateTable_init(StateTable *me)
{
    me->state = me->n_states;
    (*me->initial)(me, (Event *)0); //初始转换

    assert(me->state < me->n_states); //确保事件范围的合理
}

//状态表的调度(派送一个事件给状态机处理)
void StateTable_dispatch(StateTable *me, Event const *e)
{
    Tran t;

    assert(e->sig < me->n_signals); //确保信号范围的合理

    //通过当前状态与当前的信号,以及信号的总数,计算得到状态表中要执行的转换函数在状态表(二维的函数指针数组)中的位置
    t = me->state_table[me->state * me->n_signals + e->sig];
    (*t)(me, e); //然后执行转换函数

    assert(me->state < me->n_states); //确保状态范围的合理
}

//状态表的空元素
void StateTable_empty(StateTable *me, Event const *e)
{
    (void)me; //用于消除参数未使用的警告
    (void)e;  
}

这里要体会一下状态表的调度,即派送一个事件给状态机处理的代码逻辑,StateTable_dispatch的两个参数,一个是StateTable结构的二维表,一个是Event结构的信号(事件),注意这个二维状态表,存储的函数指针(各种转换函数),所以是一个二维的函数指针数组,根据信号,如何知道要执行二维数组中的哪个函数呢?还要借助当前状态机所处的状态,即可通过简单的数学运算得出,示意如下图:

2.2 应用逻辑(具体业务代码)

看完了通用的状态表事件处理器,就可以在此基础上,编写具体的状态机业务代码,实现上一篇介绍的炸弹拆除小游戏。

2.2.1 接口定义

还是先看下炸弹拆除小游戏这个具体业务逻辑用到的数据结构与接口定义,主要包括:

  • 炸弹状态机的状态与信号(事件)
  • 从状态表事件处理器的Event结构派生的带有事件参数的TickEvt结构
  • 从状态表事件处理器的StateTable结构派生的具体的炸弹状态机数据结构
  • 状态表中用到的所有的转换函数
// 炸弹状态机的所有状态
enum BombStates
{
  SETTING_STATE, // 设置状态
  TIMING_STATE,   // 倒计时状态
  STATE_MAX
};

// 炸弹状态机的所有信号(事件)
enum BombSignals
{
  UP_SIG,   // UP键信号
  DOWN_SIG, // DOWN键信号
  ARM_SIG,  // ARM键信号
  TICK_SIG,  // Tick节拍信号
  SIG_MAX
};

typedef struct TickEvtTag
{
  Event super;       // 派生自Event结构
  uint8_t fine_time; // 精细的1/10秒计数器
} TickEvt;

// 炸弹状态机数据结构
typedef struct Bomb2Tag
{
  StateTable super; // 派生自StateTable结构
  uint8_t timeout; // 爆炸前的秒数
  uint8_t code;    // 当前输入的解除炸弹的密码
  uint8_t defuse;  // 解除炸弹的拆除密码
  uint8_t errcnt;  // 当前拆除失败的次数
} Bomb2;

//炸弹构造
void Bomb2_ctor(Bomb2 *me, uint8_t defuse);
//状态表中需要用到的转换函数(函数指针)
void Bomb2_initial(Bomb2 *me, Event const *e);      //初始转换
void Bomb2_setting_UP(Bomb2 *me, Event const *e);   //转换函数, 设置状态时, 处理UP事件
void Bomb2_setting_DOWN(Bomb2 *me, Event const *e); //转换函数, 设置状态时, 处理DOWN事件
void Bomb2_setting_ARM(Bomb2 *me, Event const *e);  //转换函数, 设置状态时, 处理ARM事件
void Bomb2_timing_UP(Bomb2 *me, Event const *e);    //转换函数, 倒计时状态时, 处理UP事件
void Bomb2_timing_DOWN(Bomb2 *me, Event const *e);  //转换函数, 倒计时状态时, 处理DOWN事件
void Bomb2_timing_ARM(Bomb2 *me, Event const *e);   //转换函数, 倒计时状态时, 处理ARM事件
void Bomb2_timing_TICK(Bomb2 *me, Event const *e);  //转换函数, 倒计时状态时, 处理Tick事件

2.2.2 具体实现

1)炸弹构造与初始化

炸弹构造与初始化的实现如下

//炸弹构造
void Bomb2_ctor(Bomb2 *me, uint8_t defuse)
{
  //定义炸弹状态机的状态表(函数指针构成的二维数组)
  static const Tran bomb2_state_table[STATE_MAX][SIG_MAX] = {
    {(Tran)&Bomb2_setting_UP, (Tran)&Bomb2_setting_DOWN, (Tran)&Bomb2_setting_ARM, &StateTable_empty},
    {(Tran)&Bomb2_timing_UP, (Tran)&Bomb2_timing_DOWN, (Tran)&Bomb2_timing_ARM, (Tran)&Bomb2_timing_TICK}
  };

  //使用通用的通用状态表事件处理器构造状态表
  StateTable_ctor(&me->super, &bomb2_state_table[0][0], STATE_MAX, SIG_MAX, (Tran)&Bomb2_initial); 
  me->defuse = defuse; //设置默认的拆除密码
}

//炸弹初始化
void Bomb2_initial(Bomb2 *me, Event const *e)
{
  (void)e; //用于消除参数未使用的警告
  me->timeout = INIT_TIMEOUT;
  me->errcnt = 0;
  TRAN(SETTING_STATE); //默认进行设置状态
}

2)各个转换函数

各个转换函数(函数指针)的具体实现如下,其特征为短函数

/*.................设置状态下的事件处理函数......................*/
void Bomb2_setting_UP(Bomb2 *me, Event const *e)
{
  (void)e; /* avoid compiler warning about unused parameter */
  if (me->timeout < 60)
  {
    ++me->timeout; //设置超时时间+1
    bsp_display_set_time(me->timeout); //显示设置的超时时间
  }
}

void Bomb2_setting_DOWN(Bomb2 *me, Event const *e)
{
  (void)e; /* avoid compiler warning about unused parameter */
  if (me->timeout > 1)
  {
    --me->timeout; //设置超时时间-1
    bsp_display_set_time(me->timeout); //显示设置的超时时间
  }
}

void Bomb2_setting_ARM(Bomb2 *me, Event const *e)
{
  (void)e; /* avoid compiler warning about unused parameter */
  me->code = 0;
  TRAN(TIMING_STATE); /* transition to "timing" */
}

/*...................倒计时状态下的事件处理函数................*/
void Bomb2_timing_UP(Bomb2 *me, Event const *e)
{
  (void)e; /* avoid compiler warning about unused parameter */
  me->code <<= 1;
  me->code |= 1; //添加一个1
  bsp_display_user_code(me->code);
}

void Bomb2_timing_DOWN(Bomb2 *me, Event const *e)
{
  (void)e; /* avoid compiler warning about unused parameter */
  me->code <<= 1; //添加一个0
  bsp_display_user_code(me->code);
}

void Bomb2_timing_ARM(Bomb2 *me, Event const *e)
{
  (void)e; /* avoid compiler warning about unused parameter */
  if (me->code == me->defuse)
  {
    TRAN(SETTING_STATE); //转换到设置状态
    bsp_display_user_success(); //炸弹拆除成功
    Event *e = NULL;
    Bomb2_initial(me, e);
  }
  else
  {
    me->code = 0;
    bsp_display_user_code(me->code);
    bsp_display_user_err(++me->errcnt);
  }
}

void Bomb2_timing_TICK(Bomb2 *me, Event const *e)
{
  if (((TickEvt const *)e)->fine_time == 0)
  {
    --me->timeout;
    bsp_display_remain_time(me->timeout);
    if (me->timeout == 0)
    {
      bsp_display_bomb(); //显示爆炸效果
      Event *e = NULL;
      Bomb2_initial(me, e);
    }
  }
}

2.3 主函数

本篇同样使用Arduino控制器进行测试,对应的主函数代码如下:

static Bomb2 l_bomb;

void setup(void)
{
  Serial.begin(115200);
  bsp_display_init();
  bsp_display_hello();
  bsp_key_init();

  Bomb2_ctor(&l_bomb, 0x0D); // 构造, 密码1101
  StateTable_init((StateTable *)&l_bomb); // 初始转化
}

void loop(void)
{
  static TickEvt tick_evt = {TICK_SIG, 0};
  delay(100);

  if (++tick_evt.fine_time == 10)
  {
    tick_evt.fine_time = 0;
  }

  char tmp_buffer[256];
  sprintf(tmp_buffer, "T(%1d)%c", tick_evt.fine_time, (tick_evt.fine_time == 0) ? '\n' : ' ');
  Serial.print(tmp_buffer);

  StateTable_dispatch((StateTable *)&l_bomb, (Event *)&tick_evt);

  BombSignals userSignal = bsp_key_check_signal();
  if (userSignal != SIG_MAX)
  {
    static Event const up_evt = {UP_SIG};
    static Event const down_evt = {DOWN_SIG};
    static Event const arm_evt = {ARM_SIG};
    Event const *e = (Event *)0;

    switch (userSignal)
    {
      case UP_SIG: //UP键事件
      {
        Serial.print("\nUP  : ");
        e = &up_evt;
        break;
      }
      case DOWN_SIG: //DOWN键事件
      {
        Serial.print("\nDOWN: ");
        e = &down_evt;
        break;
      }
      case ARM_SIG: //ARM键事件
      {
        Serial.print("\nARM : ");
        e = &arm_evt;
        break;
      }
      default:break;
    }

    /* keyboard event available? */
    if (e != (Event *)0)
    {
       StateTable_dispatch((StateTable *)&l_bomb, e); /* dispatch the event */
    }
  }
}

3 总结

本编介绍了状态机编程的第2种方法——状态表法,通过一个非常有规律的二维表数据结构,以及函数指针,实现炸弹拆除小游戏中的状态机功能。

本篇,需要重点体会的点包括:

  • 通用的“事件处理器”的结构与功能
  • 函数指针的妙用,一般与数组查表法结合
  • 根据实际的状态转换与处理的业务需求,利用状态表法,实现状态机编程

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

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

相关文章

YOLOv8的目标对象的分类,分割,跟踪和姿态估计的多任务检测实践(Netron模型可视化)

YOLOv8是目前最新版本&#xff0c;在以前YOLO版本基础上建立并加入了一些新的功能&#xff0c;以进一步提高性能和灵活性&#xff0c;是目前最先进的模型。YOLOv8旨在快速&#xff0c;准确&#xff0c;易于使用&#xff0c;使其成为广泛的目标检测和跟踪&#xff0c;实例分割&a…

MATLAB 之 Simulink 操作基础和系统仿真模型的建立

这里写目录标题 一、Simulink 操作基础1. Simulink 的启动与退出1.1 Simulink 的启动1.2 模型文件的打开1.3 Simulink 的退出 2. Simulink 仿真初步2.1 模型元素2.2 仿真步骤2.3 简单实例 二、系统仿真模型的建立1. Simulink 的基本模块2. 模块操作2.1 添加与删除模块2.2 选取模…

快速训练自己的大语言模型:基于LLAMA-7B的lora指令微调

目录 1. 选用工程&#xff1a;lit-llama2. 下载工程3. 安装环境4. 下载LLAMA-7B模型5. 做模型转换6. 初步测试7. 为什么要进行指令微调&#xff1f;8. 开始进行指令微调8.1. 数据准备8.2 开始模型训练8.3 模型测试 前言&#xff1a; 系统&#xff1a;ubuntu 18.04显卡&#xff…

大数据ETL工具对比(Sqoop, DataX, Kettle)

前言 在实习过程中&#xff0c;遇到了数据库迁移项目&#xff0c;对于数据仓库&#xff0c;大数据集成类应用&#xff0c;通常会采用ETL工具辅助完成&#xff0c;公司和客户使用的比较多的是Sqoop, DataX和Kettle这三种工具。简单的对这三种ETL工具进行一次梳理。 ETL工具&…

无法更新iPhone,提示“无法检查更新”怎么办?

当我们需要 iPhone更新系统时&#xff0c;可以前往iPhone设置-通用-软件更新中获取更新推送。不过一些用户可能会遇到无法更新的问题&#xff0c;例如会提示“无法检查更新&#xff0c;检查软件更新时出错”。 以上情况可能是网络问题&#xff0c;可以尝试重新打开设置&#xf…

vue2实现公式规则编辑校验弹窗功能

文章目录 需求描述技术栈最终效果演示功能实现逻辑拆分代码目录结构实现思路光标实现底部单个符号或字段结构设计监听键盘事件&处理光标公式规则校验 总结 需求描述 需要一个弹窗&#xff0c;弹窗内部需要能够进行公式规则的配置并进行公式规则合法性校验。 技术栈 vue2e…

Thymeleaf的常用语法

&#x1f31f; Thymeleaf的常用语法 Thymeleaf是一个Java模板引擎&#xff0c;用于处理HTML、XML、JavaScript、CSS等文件。它可以与Spring框架无缝集成&#xff0c;为Web应用程序提供优雅的模板解决方案。本文将介绍Thymeleaf的常用语法&#xff0c;包括th属性、表达式、内置…

Spring Boot 中的 @RestController 注解,如何使用

Spring Boot 中的 RestController 注解 在 Spring Boot 中&#xff0c;我们经常需要编写 RESTful Web 服务&#xff0c;以便于客户端与服务器之间的通信。为了简化 RESTful Web 服务的开发&#xff0c;Spring Boot 提供了 RestController 注解&#xff0c;它可以让我们更方便地…

Jmeter实现参数加密

目录 一、使用__digest自带函数 以md5加密算法演示使用方法 二、在BeanShell 中使用JAVA代码实现算法加密 规避BUG的方法 JMeter有两种方法可以实现算法加密 一、使用__digest自带函数 参数说明&#xff1a; Digest algorithm&#xff1a;算法摘要&#xff0c;可输入值&a…

如何避免在处理数据时出现错误?

介绍 当业务运营管道中发生大量事情时&#xff0c;数据输入任务的优先级往往较低。但是&#xff0c;数据输入被认为是所有行业部门中经常发生的最重要的任务之一。从销售数据到客户分析&#xff0c;从财务数据到库存管理&#xff0c;每项工作都依赖于数据输入&#xff0c;这意…

前端vue入门(纯代码)16

【18.如何在Vue中配置代理服务器】 vue脚手架配置代理总结&#xff1a;修改了vue.config.js文件后必须重启项目【npm run serve】 方法一 ​ 在vue.config.js中添加如下配置&#xff1a; devServer:{proxy:"http://localhost:5000" }说明&#xff1a; 优点&#…

家政上门预约小程序;

家政上门预约小程序开发是一款本地生活类服务上门预约系统&#xff0c;覆盖家政保洁、保姆月嫂、上门维修、管道疏通、上门安装等各种到家服务。可以帮助创业者在不需要相关技术人员及大量资金投入的情况下&#xff0c;就能够轻松搭建并运营一个上门家政服务平台。 那么开发一…

【零基础入门学习Python---Python错误处理和异常保姆级教程】

&#x1f680; Python &#x1f680; &#x1f332; 算法刷题专栏 | 面试必备算法 | 面试高频算法 &#x1f340; &#x1f332; 越难的东西,越要努力坚持&#xff0c;因为它具有很高的价值&#xff0c;算法就是这样✨ &#x1f332; 作者简介&#xff1a;硕风和炜&#xff0c;…

【图像处理OpenCV(C++版)】——5.3 图像平滑之均值平滑(滤波)

前言&#xff1a; &#x1f60a;&#x1f60a;&#x1f60a;欢迎来到本博客&#x1f60a;&#x1f60a;&#x1f60a; &#x1f31f;&#x1f31f;&#x1f31f; 本专栏主要结合OpenCV和C来实现一些基本的图像处理算法并详细解释各参数含义&#xff0c;适用于平时学习、工作快…

Flutter学习四:Flutter开发基础(一)Widget

目录 0 引言 1 Widget 简介 1.1 Widget 概念 1.2 Widget 接口 1.3 Flutter中的四棵树 1.4 StatelessWidget 1.4.1 简介 1.4.2 Context上下文 1.5 StatefulWidget 1.6 State 1.6.1 简介 1.6.2 State生命周期 1.7 在 widget 树中获取State对象 1.7.1 通过Context…

详解如何使用nvm管理Node.js多版本

目录 NVM进行NodeJS多版本管理 背景 安装步骤 1. 下载nvm安装包 2. 安装nvm 使用步骤 下载nodejs 切换版本nodejs ​编辑 常用命令 NVM进行NodeJS多版本管理 背景 有的时候开发环境需要多个NodeJS的版本&#xff0c;这个时候就可以用NVM进行管理。 安装步骤 1. 下载n…

9 从0开始学PyTorch | 过拟合欠拟合、训练集验证集、关闭自动求导

这一小节在开始搞神经网络之前&#xff0c;我们先熟悉几个概念&#xff0c;主要还是把模型训练的流程打通。 过拟合和欠拟合 我们在日常的工作中&#xff0c;训练好的模型往往是要去评价它的准确率的&#xff0c;通过此来判断我们的模型是否符合我的要求。 几个可能的方案是&…

国外学位论文去哪里查找下载

查找下载国外博士论文最合适的文献数据库就是ProQuest学位论文全文数据库。 ProQuest学位论文全文数据库覆盖了大部分北美地区高等院校以及世界其他地区数千个高等院校每年获得通过的博硕士论文。是将ProQuest公司PQDD文摘库&#xff08;现名PQDT&#xff09;中适合中国科研人…

Windows 11 22H2 中文版、英文版 (x64、ARM64) 下载 (updated Jun 2023)

Windows 11 绕过 TPM 方法总结&#xff0c;通用免 TPM 镜像下载 (2023 年 6 月更新) 在虚拟机、Mac 电脑和 TPM 不符合要求的旧电脑上安装 Windows 11 的通用方法总结 请访问原文链接&#xff1a;https://sysin.org/blog/windows-11-no-tpm/&#xff0c;查看最新版。原创作品…

nuxt3 多级动态路由

需求&#xff1a; 写法&#xff1a; 对应 文件目录 pages\product\[class]\[brand]\[SPU].vue pages/ --| product/ ----| [class] ------| [brand] --------| [SPU].vue script 内跳转方法 const router useRouter() const nuxtApp useNuxtApp()const jumpSPU () >…