Ai+若依(智能售货机运营管理系统---帝可得)-人员管理-点位管理-区域管理-合作商管理----【08篇---0001:上】

项目介绍

售货机简介

帝可得是一个基于物联网概念下的智能售货机运营管理系统

物联网

物联网(IoT:Internet of Things)简单来说,就是让各种物品通过互联网连接起来,实现信息的交换和通信。

这个概念听起来可能有点抽象,但我们可以把它想象成一个超级大的社交网络。不过,这个网络里的成员不是人类,而是各种物品。比如,你的冰箱、洗衣机、甚至是你的汽车,它们都可以通过互联网互相交流信息,就像是它们自己在聊天一样。

物联网的神奇之处在于,它能够让这些物品变得更加“聪明”。它们能够感知周围的环境,并且能够根据情况自动做出反应。举个例子,如果你的家里安装了智能家居系统,当你下班回家的路上,家里的空调就能提前开启,自动调整到你喜欢的温度,让你一回到家就能感受到舒适的环境。

总的来说将现实物体赋予感知、通信和智能化的能力,为人们提供更加智能化和便利的生活和工作环境

应用场景:智能家居、共享充电中、智能售货机

售货机

近年来,无接触式智能售货机逐渐成为年轻消费者的首选购物方式。这些设备不仅在公园、地铁站和商场等公共场所广泛分布,为顾客提供了极大的购物便利,而且由于其运营成本低廉和较高的利润空间,被众多电商企业视为新兴的蓝海市场。

与传统售货机相比,智能售货机的优势在于其自我管理能力,表现如下:

  • 物联网技术:像是售货机的顺风耳和千里眼。不管售货机在哪,管理人员都能通过电脑或手机知道它的状态,比如哪些商品快卖完了,哪些需要补货。

  • 智能分析与推荐:智能售货机就像有一个隐形的聪明脑袋,它能分析顾客的喜好,推荐那些可能让你心动的商品。就像有一个贴心的小助手,总能帮你找到最想要的东西。

  • 人员设备绑定管理:每个售货机都有自己的专属“保镖”,一旦售货机出现问题,这些“保镖”就能立刻出现,迅速解决问题,让售货机始终保持最佳状态。

  • 移动支付支持:现在谁还带现金出门呢?智能售货机支持各种移动支付方式,一扫即付,既方便又安全,让购物体验更加流畅。

  • 线上线下融合(OMO):智能售货机还能把线上和线下完美结合起来,顾客可以在线上浏览商品,然后直接在售货机上购买,或者在售货机上看到喜欢的商品后,直接在线上下单。

智能售货机,不仅仅是一个自动售货的机器,它更像是一个智能的、能够自我管理和自我优化的系统。它让运营更高效,让购物体验更个性化,同时也为零售行业带来了创新和发展。

售货机术语

区域管理: 为了更高效地进行经营管理,公司将运营范围划分为若干个逻辑区域。这些区域的划分基于业务需求,可能与地理上的行政区域有所区别,以确保更合理的资源分配和更高效的运营管理。

点位选择: 点位指的是智能售货机的具体放置位置。选择点位时,我们会考虑人流量、目标顾客群体、可见度以及便利性等因素,以最大化售货机的使用效率和顾客的购买体验。

售货机功能: 智能售货机就像是一个自动的小店,里面摆满了各种商品。顾客想要什么,直接在机器上选,然后机器就会把商品送到他们手中,就像是一个自动化的仓库。

货道设计:售货机里面的货道,你可以想象成超市里的那种货架。每一层都有好几个位置可以放商品,这样就能放很多种不同的商品,而且每一层都能放很多,这样顾客的选择就会更多。

角色与功能

一个完整的售货机系统由五端五角色组成:

  1. 管理员:对基础数据(区域、点位、设备、货道、商品等)进行管理,创建工单指派运维或运营人员,查看订单,查看各种统计报表。

  2. 运维人员:投放设备、撤除设备、维修设备。

  3. 运营人员:补货。

  4. 合作商:仅提供点位,坐收渔翁之利。

  5. 消费者: 在小程序或屏幕端下单购买商品。

业务流程

整个工程中,课程里会对主要核心的业务进行实现,主要包含下面的业务流程:

(1)平台管理员:主要作用有基础数据的管理和创建工单排除员工完成维修或补货。

(2)运营人员:主要作用是处理运营工单业务(补货等操作)

(3)运维人员:主要作用是处理运维工单业务(设备维修等操作)

(4)消费者:供C端用户使用。消费者扫描售货机上的二维码可以打开此端。主要作用是完成在售货机的购物操作。

平台管理员

上图中的简要流程:

①:平台管理人员登录到系统管理后台系统

②:创建区域数据

③:创建区域下点位数据

④:添加运维/运营人员

⑤:创建售货机信息

⑥:设置售货机点位信息

⑦:创建运维投放工单,由运维人员开始投放设备(安装设备)

⑧:设置售卖的商品信息

⑨:创建运营补货工单,由运营人员开始投放商品信息

运维人员

上图中的简要流程:

①:运维人员通过App登录运营系统

②:在App对派送过来的工单进行处理

③:接受工单后在指定的投放点安装售货机

④:拒绝工单该运维人员的工单结束

运营人员

上图中的简要流程:

①:运营人员通过App登录运营系统

②:在App对派送过来的工单进行处理

③:接受工单后在指定的售货机的商品进行补货

④:拒绝工单该运维人员的工单结束

消费者

 

上图中的简要流程:

方式一:

①:用户通过售货机二维码进行购买商品

②:扫码后在手机端微信小程序选择商品

③:支付成功后在售货机取货

方式二:

①:用户在售货机上选择商品

②:在选择商品后扫码支付商品的二维码

③:支付成功后在售货机取货


产品原型

帝可得项目点击链接立即查看 腾讯 CoDesign - 腾讯 CoDesign

库表设计

系统后台基础数据表关系说明:

一个区域可以有多个点位

一个点位可以有多个售货机

一个售货机有多个货道

多个货道可以放置同一样商品

一个商品类型下有多个商品

一个售货机类型下有多个售货机

一个合作商有多个点位

合作商和区域之间没有关系,因为合作商拥有的多个点位可以分布在不同的区域

每个区域下有多个运维和运营人员,他们来负责这个区域下的设备的运维和运营

初始AI

AIGC

AI:即人工智能,是计算机科学体系下的一个学科,是指通过计算机系统模拟人类智力的一种技术。

简单地说,AI是一种模拟人类智能的技术,它通过机器学习、深度学习等算法,使计算机具备对数据分析、理解、推理和决策的能力。

我们可以把“人工智能”想象成一个聪明的机器人小伙伴,它不仅会自动学习,还能像人的大脑一样思考和决策。在常生活中,它可以帮助我们解决诸多问题,例如在出门前预测当天的天气状况、通过分析交通路况推荐汽车的最佳行驶路线等。

AIGC(AI Generated Content):AIGC是AI领域的一个应用分支,专注于利用AI技术自动生成内容,包括文本,代码,图片,音频,视频。

AI大模型:通常指的是具有大量参数的深度学习模型,经过大量数据训练,具备复杂计算能力的人工智能系统,它们能够执行多种高级任务,其中包括内容生成。

常见的通用大模型产品:

国家对话产品大模型链接
美国OpenAI ChatGPTGPT-3.5、GPT-4https://chat.openai.com/
美国Microsoft CopilotGPT-4 和未知搜索 Microsoft Copilot: 你的日常 AI 助手
美国Google BardGeminihttps://bard.google.com/
中国百度文心一言文心4.0文心一言
中国讯飞星火星火3.5讯飞星火大模型-AI大语言模型-星火大模型-科大讯飞
中国智谱清言GLM-4智谱清言
中国月之暗面 Kimi ChatMoonshotKimi.ai - 帮你看更大的世界
中国MiniMax星野abab6星野_沉浸式智能体社区_星野官网_星野app
中国通义干问Qwen-Max通义官网

提示工程

什么是Prompt?

提示(Prompt)是我们对大模型提出的问题。

举一个最简单的例子,很多同学在第一次使用AI时,都会问AI"你是谁","你是谁"这个问题便是prompt。

为什么学?

在与AI交流时,我们常常发现直接提问可能得不到满意的答案。

但如果我们换一种方式提问,或者提供一些额外的上下文信息,AI的表现就会大大提升。

同一个问题使用不同的prompt可能会获得不同的答案,怎么调教出一个聪明的AI助手呢?

这时候,提示工程就派上用场了。通过精心设计的提示,我们可以引导AI模型,让它的输出更加准确、相关和有用。

什么是提示工程?

提示工程(Prompt Engineering)也被称为上下文提示,它涉及到设计和优化输入文本,也就是Prompt,来引导AI模型生成预期的输出。

简单来说,就像是给AI出一个好问题,让它给我们一个满意的答案。

Prompt的组成

  • 角色:给 AI 定义一个最匹配任务的角色,比如:「你是一位软件工程师」「你是一位小学老师」

  • 指示:对任务进行描述

  • 上下文:给出与任务相关的其它背景信息(尤其在多轮交互中)

  • 例子:必要时给出举例,[实践证明其对输出正确性有帮助]

  • 输入:任务的输入信息;在提示词中明确的标识出输入

  • 输出:输出的格式描述,以便后继模块自动解析模型的输出结果,比如(JSON、Java)

先定义角色,其实就是在开头把问题域收窄,减少二义性。

案例:

角色:你是一位专业的博客作者。
​
指示:撰写一篇关于最新AI技术发展的文章。
​
上下文:文章应该涵盖AI技术的当前状态和未来趋势。
​
例子:可以引用最近的AI技术突破和行业专家的见解。
​
输入:当前AI技术的相关信息和数据。
​
输出:一篇结构清晰、观点鲜明的文章草稿。
角色:你是一位资深的Java开发工程师。
​
指示:编写一个Java函数,该函数接收两个整数参数,并返回它们的和。
​
上下文:这个函数将被用于一个简单的数学应用程序,该程序帮助学生练习基本的算术运算。
​
例子:如果你调用函数 `addNumbers(3, 5)`,它应该返回 `8`。
​
输入:两个整数参数,分别为 `int a` 和 `int b`。
​
输出:返回这两个整数的和,类型为 `int`。

常见的编程相关的Prompt

表结构
你是一个软件工程师,帮我生成MySQL的表结构
需求如下:1,课程管理表,表名tb_course,字段有主键id、课程编码、课程学科、课程名称、课程价格、适用人群、课程介绍
其他要求:   1,每个表中都有创建时间(create_time)、修改时间(date_time)、创建人(create_by)、修改人(update_by)、备注(remark)这些字段   2,每个表的主键都是自增的   3,课程价格是整型、课程编码是字符串   4,请为每个字段都添加上comment   5,帮我给生成的表中插入一些IT课程示例数据       课程学科:Java、人工智能、大数据       适用人群:小白学员、中级程序员
生成数据库说明文档
你是一个软件工程师,现在要根据数据库的sql脚本,编写数据库说明文档,sql脚本如下:
CREATE TABLE `tb_course` (   `id` INT AUTO_INCREMENT COMMENT '主键ID',   `course_code` VARCHAR(255) NOT NULL COMMENT '课程编码',   `course_subject` VARCHAR(100) NOT NULL COMMENT '课程学科',   `course_name` VARCHAR(255) NOT NULL COMMENT '课程名称',   `course_price` INT COMMENT '课程价格',   `target_audience` VARCHAR(100) COMMENT '适用人群',   `course_introduction` TEXT COMMENT '课程介绍',   `create_time` DATETIME COMMENT '创建时间',   `update_time` DATETIME COMMENT '修改时间',   `create_by` VARCHAR(64) COMMENT '创建人',   `update_by` VARCHAR(64) COMMENT '修改人',   `remark` VARCHAR(255) COMMENT '备注',   PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='课程管理表';
​
输出要求是:1,每个表以及每个表的字段都要详细说明,包括,字段名称、类型、作用2,使用markdown的输出格式,字段的描述需要使用表格展示3,如果表之间有关系,需要描述清楚表之间的关系
生成代码

代码生成算是比较常规的方案,用的也比较多,分为了几种情况

  • 给出表生成代码(项目中常见)

    • 给出表结构的ddl,可以输出这个表的增删改查的所有代码

    • 给出表结构的dll,可以输出增删改查的接口文档

  • 补全代码

    • 例1-给出实体类,帮助编写getter、setter、toString、构造方法等等

    • 例2-给出一个controller,帮助编写swagger注解等

  • 提取结构(无含金量,费时间的编程)

    • 例1-根据接口文档提取dto类或者vo类

生成代码流程图

有一些比较复杂的业务流程,往往需要画出流程图,现在就可以使用ai协助我们画流程图

你是一个软件工程师,为了方便理解代码执行流程,需要给出代码执行的流程图,代码如下:
    // 创建工单
    @Transactional
    @Override
    public int insertTaskDto(TaskDto taskDto) {
    //1. 查询售货机是否存在
    VendingMachine vm = vendingMachineService.selectVendingMachineByInnerCode(taskDto.getInnerCode());
    if (vm == null) {
        throw new ServiceException("设备不存在");
    }
    //2. 校验售货机状态与工单类型是否相符
    checkCreateTask(vm.getVmStatus(), taskDto.getProductTypeId());
    //3. 校验这台设备是否有未完成的同类型工单,如果存在则不能创建
    hasTask(taskDto.getInnerCode(), taskDto.getProductTypeId());
    //4. 校验员工是否存在
    Emp emp = empService.selectEmpById(taskDto.getUserId());
    if (emp == null) {
        throw new ServiceException("员工不存在");
    }
    // 5. 校验非同区域下的工作人员不能接受工单
    if (emp.getRegionId() != vm.getRegionId()) {
        throw new ServiceException("非同区域下的工作人员不能接受工单");
    }
    //6. 保存工单信息
    Task task = new Task();
    BeanUtil.copyProperties(taskDto, task);// 属性赋值
    task.setCreateTime(DateUtils.getNowDate());// 创建时间
    task.setTaskCode(generateTaskCode());// 工单编号 202405150001
    task.setTaskStatus(DkdContants.TASK_STATUS_CREATE);// 创建工单
    task.setAddr(vm.getAddr());
    task.setRegionId(vm.getRegionId());
    task.setUserName(emp.getUserName());
    int taskResult = taskMapper.insertTask(task);
    //7. 如果是补货工单,向工单明细表插入记录
    if (task.getProductTypeId() == DkdContants.TASK_TYPE_SUPPLY) {
        if (CollUtil.isEmpty(taskDto.getDetails())) {
            throw new ServiceException("补货工单明细不能为空");
        }
        List<TaskDetails> taskDetailsList = taskDto.getDetails().stream().map(details -> {
            TaskDetails taskDetails = BeanUtil.copyProperties(details, TaskDetails.class);
            taskDetails.setTaskId(task.getTaskId());
            return taskDetails;
        }).collect(Collectors.toList());
        taskDetailsService.insertBatch(taskDetailsList);
    }

    return taskResult;
}

输出:请使用mermaid语言来描述这个方法的流程



项目搭建

搭建后端项目

初始化项目

Git下载

通过idea克隆源码,仓库地址:dkd-parent: 帝可得后台管理系统

Maven构建

使用idea打开项目后,等待环境检查(主要是Maven下载项目依赖)

MySQL相关

导入sql

1、创建数据库create schema dkd;

2、执行下图的sql脚本文件,完成导入

配置信息

dkd-admin模块下,编辑resources目录下的application-druid.yml,修改数据库连接

Redis相关

启动

在redis解压目录下,编辑redis.windows.conf配置文件,设置redis密码

设置Redis密码是为了增强数据安全性、防止未授权访问和保护关键信息,从而确保应用程序的稳定性和合规性。

 在redis解压目录下,执行redis-server.exe redis.windows.conf启动

配置信息

dkd-admin模块下,resources目录下的application.yml,设置redis密码等相关信息

项目运行

dkd-admin模块下,运行com.ruoyi.DkdApplication.java,出现如下图表示启动成功

后端运行成功可以通过([http://localhost:8080 )访问,但是不会出现静态页面,可以继续参考下面步骤部署前端,然后通过前端地址来访问。

搭建前端项目

初始化项目

通过vscode克隆源码,仓库地址:dkd-vue: 帝可得前端

安装依赖

# 安装依赖
npm install

项目运行:

# 启动服务
npm run dev

打开浏览器,输入:([http://localhost:80) 默认账户/密码 admin/admin123)若能正确展示登录页面,并能成功登录,菜单及页面展示正常,表明环境搭建成功



点位管理

需求说明

业务场景: 假设我们的公司现在有一个宏伟的计划——在北京发展业务。首先,我们需要确定几个有潜力的区域,这些区域可能是人流量大、消费能力高的商业区或居民区。然后,我们要与这些区域内的潜在合作商进行洽谈,比如商场、写字楼、学校等地方的管理者或所有者。

一旦我们与合作商达成协议,确定了合作的细节和点位,我们就可以安排工作人员去投放智能售货机了。这些点位将成为我们智能售货机的“

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

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Java 日志

日志就是为了将程序的运行状况保存到文件中去。 命名的一个小细节&#xff1a; 比如把信息保存到文件中这个方法的名字可以写为infoToFile&#xff0c;有个人为了偷懒&#xff0c;写成info2File&#xff0c;发现效果还挺好&#xff0c;一下就能分清两个单词&#xff0c;所以后…

Cmake之3.0版本重要特性及用法实例(十三)

简介&#xff1a; CSDN博客专家、《Android系统多媒体进阶实战》一书作者 新书发布&#xff1a;《Android系统多媒体进阶实战》&#x1f680; 优质专栏&#xff1a; Audio工程师进阶系列【原创干货持续更新中……】&#x1f680; 优质专栏&#xff1a; 多媒体系统工程师系列【…

Linux 安装nodejs环境

文章目录 Node.js简介Node.js的核心特性Node.js的生态系统Node.js的模块系统 部署下载Node.js预编译二进制包上传到Linux服务器并解压配置环境变量验证安装 部署在下边&#xff0c;我先对nodejs进行一些介绍&#xff0c;大家了解一下 Node.js简介 Node.js是一个基于Chrome V8…

2024国赛数学建模A题B题C题D题E题思路资料模型

开始在本帖实时更新2024国赛数学建模赛题思路代码&#xff0c;文章末尾获取&#xff01; 持续更新参考思路

港科夜闻 | 叶玉如校长出席2024科技+新质生产力高峰论坛发表专题演讲,贡献国家科技强国战略...

关注并星标 每周阅读港科夜闻 建立新视野 开启新思维 1、叶玉如校长出席“2024科技新质生产力高峰论坛”&#xff0c;做了题为“三个创新&#xff1a;培育和发展新质生产力、贡献国家科技强国战略”的主题演讲。该论坛于9月2日在香港召开。论坛围绕夯实基础科研、推动源头创新、…

OneHotEncoder一个不太合理的地方

OneHotEncoder&#xff0c;在Xtrain上fit&#xff0c;在Xtest上transform 如果遇到某个值出现在Xtest&#xff0c;而没有在Xtrain出现过时&#xff0c;会抛出如下错误&#xff1a; OneHotEncoder Found unknown categories [xxx] in column xx during transform OneHotEncoder …

STM32内部闪存FLASH(内部ROM)、IAP

1 FLASH简介 1 利用程序存储器的剩余空间来保存掉电不丢失的用户数据 2 通过在程序中编程(IAP)实现程序的自我更新 &#xff08;OTA&#xff09; 3在线编程&#xff08;ICP把整个程序都更新掉&#xff09; 1 系统的Bootloader写死了&#xff0c;只能用串口下载到指定的位置&a…

基于SpringBoot校园快递代取系统

基于springbootvue实现的校园快递代取系统&#xff08;源码L文ppt&#xff09;4-049 3系统设计 3.1.1系统结构图 系统结构图可以把杂乱无章的模块按照设计者的思维方式进行调整排序&#xff0c;可以让设计者在之后的添加&#xff0c;修改程序内容…

第四届计算机科学、电子信息工程和智能控制技术国际会议(CEI 2024)

目录 ​编辑 重要信息 大会介绍 合作单位 主讲嘉宾 会议组委 会议历史 重要日期 征稿主题 参会方式 会议日程 重要信息 官网&#xff1a;www.ic-cei.org&#xff08;点击了解参会&#xff0c;投稿等信息&#xff09; 中国-广州 | 2024年11月8-10日 二轮截稿…

VS Code 调试go程序的相关配置说明

用 VS code 调试Go程序需要在.vscode/launch.json文件中增加如下配置&#xff1a; // launch.json {// Use IntelliSense to learn about possible attributes.// Hover to view descriptions of existing attributes.// For more information, visit: https://go.microsoft.…

线性代数 第六讲 特征值和特征向量_相似对角化_实对称矩阵_重点题型总结详细解析

文章目录 1.特征值和特征向量1.1 特征值和特征向量的定义1.2 特征值和特征向量的求法1.3 特征值特征向量的主要结论 2.相似2.1 相似的定义2.2 相似的性质2.3 相似的结论 3.相似对角化4.实对称矩阵4.1 实对称矩阵的基本性质4.2 施密特正交化 5.重难点题型总结5.1 判断矩阵能否相…

Qt QLineEdit 输入内容后字数在右侧动态展示

前言 QLineEdit 设置可输入最大长度可以使用 lineEdit->setMaxLength(10); 怎么实时的把当前输入字数显示出来呢&#xff0c;像饿了么的 input 组件那样 <el-inputtype"text"placeholder"请输入内容"v-model"text"maxlength"10&q…

0基础学习爬虫系列:程序打包部署

1.目标 将已经写好的python代码&#xff0c;打包独立部署或运营。 2. 环境准备 1&#xff09;通义千问 &#xff1a;https://tongyi.aliyun.com/qianwen 2&#xff09;0基础学习爬虫系列–网页内容爬取&#xff1a;https://blog.csdn.net/qq_36918149/article/details/14199…

kubernetes微服务基础及类型

目录 1 什么是微服务 2 微服务的类型 3 ipvs模式 ipvs模式配置方式 4 微服务类型详解 4.1 ClusterIP 4.2 ClusterIP中的特殊模式headless 4.3 nodeport 4.4 metalLB配合loadbalance实现发布IP 1 什么是微服务 用控制器来完成集群的工作负载&#xff0c;那么应用如何暴漏出去&…

位运算:带带孩子吧,孩子很强的!

快速进制 在聊到位运算之前&#xff0c;不妨先简单过一遍二进制的东西。熟悉二进制和十进制的快速转换确实是掌握位运算的基础&#xff0c;因为位运算直接在二进制位上进行操作。如果不熟悉二进制表示&#xff0c;很难直观理解位运算的效果。 这里主要涉及二进制和十进制之间…

Redis中使用布隆过滤器解决缓存穿透问题

一、缓存穿透(失效)问题 缓存穿透是指查询一个一定不存在的数据&#xff0c;由于缓存中没有命中&#xff0c;会去数据库中查询&#xff0c;而数据库中也没有该数据&#xff0c;并且每次查询都不会命中缓存&#xff0c;从而每次请求都直接打到了数据库上&#xff0c;这会给数据…

django ubuntu 踩坑集锦

目录 1 ubantu mysql查看表结构2 导入同级目录文件出现未解析引用错误3 第三方包——tinymce富文本编辑器4 verbose_name,verbose_name_plural5 搜索路径的添加6 auto_now_add 和 auto_now7 auth_user的表结构8 在 Django 中定义 ForeignKey 字段时&#xff0c;必须指定 on_del…

前端登录鉴权——以若依Ruoyi前后端分离项目为例解读

权限模型 Ruoyi框架学习——权限管理_若依框架权限-CSDN博客 用户-角色-菜单&#xff08;User-Role-Menu&#xff09;模型是一种常用于权限管理的设计模式&#xff0c;用于实现系统中的用户权限控制。该模型主要包含以下几个要素&#xff1a; 用户&#xff08;User&#xff09;…

全倒装COB超微小间距LED显示屏的工艺技术,相比SMD小间距有何优势

全倒装COB&#xff08;Chip On Board&#xff09;超微小间距LED显示屏&#xff0c;在工艺技术上的革新&#xff0c;相较于传统的SMD&#xff08;Surface Mount Device&#xff09;小间距LED显示屏&#xff0c;展现出了多方面的显著优势。 首先&#xff0c;全倒装技术极大地提升…

【踩坑】Vue3项目正常跑动后页面空白问题

近期踩了个坑&#xff0c;Vue3搭建的项目能够正常跑动&#xff0c;但是页面却是空白的&#xff0c;控制台也不报错&#xff0c;只留下一行警告&#xff1a; 发现是 router 入口文件&#xff08;一般是在 router 文件夹下的 index 里面&#xff09;的写法和 vite 版本不匹配的问…