自己动手实现mybatis的底层框架(不用动态代理直接用执行器、用动态代理自己实现。图文分析!)

news2024/12/26 23:33:58

目录

一.原生mybits框架图分析

自己实现Mybatis框架的分析 

两种框架操作数据库的方法:

二.搭建开发环境

 1.先创建一个maven项目

2.加入依赖(mysql dom4j junit lombok)

三.mybatis框架的设计思路 

具体实现过程

3.1实现任务阶段 1- 完成读取配置文件,得到数据库连

3.2实现任务阶段 2- 编写执行器,输入 SQL 语句,完成操作

3.3实现任务阶段 3- 将 Sqlsession 封装到执行器

实现方法二:用动态代理来实现 


一.原生mybits框架图分析

1) mybatis 的核心配置文件
mybatis-config.xml: 进行全局配置,全局只能有一个这样的配置文件
XxxMapper.xml 配置多个 SQL ,可以有多个 XxxMappe.xml 配置文件
2) 通过 mybatis-config.xml 配置文件得到 SqlSessionFactory
3) 通过 SqlSessionFactory 得到 SqlSession ,用 SqlSession 就可以操作数据了
4) SqlSession 底层是 Executor( 执行器 ), 2 重要的实现类 , 有很多方法。调用sqlsession原生的操作DB的方法,实际上就是调用Executor的方法。

我们从mybatis的jar包中看到其中有个Executor执行器的包,里面封装了很多操作数据库的方法 

CachingExecutor类实现了Executor接口:

很多关于DB的原生方法都在此类进行一个实现:比如query / select / update / delete 方法等

5) MappedStatement 是通过 XxxMapper.xml 中定义, 生成的 statement 对象

6) 参数输入执行并输出结果集, 无需手动判断参数类型和参数下标位置, 且自动将结果集
映射为 Java 对象

自己实现Mybatis框架的分析 

引用老韩博主的图

两种框架操作数据库的方法:

 @1: 首先我们不通过代理对象操作DB的方法。而是直接通过执行器去操作DB

我们首先会自定义核心配置文件(XML文件):1.这里面包括数据库的连接 ,我们会用一个snConfigration配置类,去读取properties文件,并建立与数据库的连接。

然后 通过snExecutor执行器类,直接去执行DB的查找方法,并自动返回一个Monster对象。

这里面,我们会定义一个Executor接口,里面定义关于操作数据库的CRUD方法,这里只采用query方法。执行器得到snConfiguration建立的与数据库的连接,然后采用query方法操作数据库,并返回一个对象。

@2:其次就是采用mybatis的代理对象去操作DB数据库。

我们之前直接用执行器的方法,并没有使用到我们的Mapper.xml文件。总所周知

Monster类对应的就是数据库中的一个Monster表,MonsterMapper接口就是对这个表进行操作的方法的定义,MonsterMapper.xml文件就是对这个接口的方法具体的实现。

那我们怎么将两者结合在一起呢,他们之间有个MapperBean类,这个类可以将XML文件中的SQL语句的方法进行封装这里我们用Functions进行,以及封装属性:XML文件所对应的这个接口的名字。 这个类的作用就是在之后的动态代理对象中,我们调用该对象的query()方法

二.搭建开发环境

 1.先创建一个maven项目

2.加入依赖(mysql dom4j junit lombok)

 lombok:可以用来简化javabean/pojo的开发(包括getter和setter方法以及构造器等)

解析一些lombok如何简化pojo的开发的:使用注解的形式帮我们写了其中的getter setter无参构造与有参构造以及toString方法。比如@Getter就会将所有的属性的Getter方法给构造出来,方便实用。

其中@Data注解能够生成更多东西,可以看看源码

里面默认有有参构造器,但是加入了@AllAragsConstructor@Data里面的无参构造器就没有了。

如图进行比较

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <groupId>com.sn</groupId>
    <artifactId>sn-mybatis</artifactId>
    <version>1.0-SNAPSHOT</version>

    <properties>
        <maven.compiler.source>11</maven.compiler.source>
        <maven.compiler.target>11</maven.compiler.target>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
    </properties>

    <!--引入必要的依赖-->
    <dependencies>
        <!--引入dom4j-->
        <dependency>
            <groupId>dom4j</groupId>
            <artifactId>dom4j</artifactId>
            <version>1.6.1</version>
        </dependency>
        <!--引入mysql依赖-->
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>5.1.49</version>
        </dependency>
        <!--lombok-简化entity/javabean/pojo开发 -->
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <version>1.18.4</version>
        </dependency>
        <!--junit依赖-->
        <dependency>
            <groupId>junit</groupId>
            <artifactId>junit</artifactId>
            <version>4.12</version>
        </dependency>
    </dependencies>
    

</project>

三.mybatis框架的设计思路 

具体实现过程

3.1实现任务阶段 1- 完成读取配置文件,得到数据库连

sn_mybatis

用sn_mybatis来代替原生的mybatis-config.xml文件

:里面存放的依然是连接数据库的相关配置信息。

<?xml version="1.0" encoding="UTF-8" ?>
<database>
<!--配置连接数据库的必要的信息-->
    <property name="driverClassName" value="com.mysql.jdbc.Driver"/>
    <property name="url" value="jdbc:mysql://localhost:3306/mybatis?useSSL=true&amp;useUnicode=true&amp;characterEncoding=UTF-8"/>
    <property name="username" value="root"/>
    <property name="password" value="ygd"/>
</database>

snConfiguration

snConfiguration类:是为了代替mybatis-config.xml文件的configuration标签中的一部分作用:其作用是解析对应的XML文件,和数据库建立连接。

几个重要的点:@1.需要通过类加载器,将xml文件以文件流的形式读入

                         @2.运用dom4j中XML解析技术,对该XML文件流进行解析

                         @3.获取XML配置文件中对应的键值对,创建驱动,建立与数据库的连接

package com.sn.sqlsession;

import com.mysql.jdbc.Connection;
import org.dom4j.Document;
import org.dom4j.Element;
import org.dom4j.io.SAXReader;

import java.io.InputStream;
import java.sql.DriverManager;

/**
 * @author ygd
 * 读取xml文件,建立连接
 */
public class snConfiguration {

    //定义类的加载器(将xml文件进行加载,得到一个文件流)
    private static ClassLoader loader = ClassLoader.getSystemClassLoader();


    //读取xml文件,并进行处理
    public Connection build(String resource)
    {
        Connection connection = null;
        try {
        //先加载配置文件,获取到对应的inputStream
        InputStream stream = loader.getResourceAsStream(resource);
        //dom4j=>用来解析xml文件的
        SAXReader reader = new SAXReader();
        //返回一个文档类型
            Document document = reader.read(stream);
            //获取到配置文件的根元素
            Element root = document.getRootElement();
            //根据解析的root的元素返回一个connecton
            System.out.println("root=="+root);

            connection = evalDataSource(root);
            return connection;
        } catch (Exception e) {
            throw new RuntimeException(e);
        }

    }
    //这个方法会解析sn_config.xml文件,并返回Connection
    private Connection evalDataSource(Element node)
    {

        if(!"database".equals(node.getName())){
            throw new RuntimeException("root的节点应该是<database>");
        }

        //连接DB的必要参数
        String driverClassName = null;
        String url = null;
        String username = null;
        String password = null;

        //遍历node下的子节点,获取属性值
        for (Object item : node.elements("property")) {
            Element i = (Element) item;//i 就是 对应property节点
            String name = i.attributeValue("name");
            String value = i.attributeValue("value");

            //判断是否得到name 和 value
            if (name == null || value == null) {
                throw new RuntimeException("property 节点没有设置name或者value属性");
            }
            switch (name) {
                case "url":
                    url = value;
                    break;
                case "username":
                    username = value;
                    break;
                case "driverClassName":
                    driverClassName = value;
                    break;
                case "password":
                    password = value;
                    break;
                default:
                    throw new RuntimeException("属性名没有匹配到...");
            }
        }

        java.sql.Connection connection = null;

        try {
            //使用原生的JDBC来连接数据库
            //建立驱动
            Class.forName(driverClassName);
            //建立连接
            connection = DriverManager.getConnection(url,username,password);
        } catch (Exception e) {
            e.printStackTrace();
        }

        return (Connection) connection; //返回Connection
    }

}







































3.2实现任务阶段 2- 编写执行器,输入 SQL 语句,完成操作

在通过自己配置的mybaties-config.xml文件获取到与数据库的连接之后,接下来的操作:通过获取的连接,让执行器Executor执行对应的sql语句,操作DB。

Executor接口

package com.sn.sqlsession;

/**
 * @version 1.0
 */
public interface Executor {
    //泛型方法
    //statement就是sql语句
    //parameter就是参数
    public <T> T query(String statement, Object parameter);
}

SnExecutor类

package com.sn.sqlsession;

import com.sn.entity.Monster;

import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;

/**
 * @author sn
 * 这里是实现对数据库DB的直接操作
 */
public class SnExecutor implements Executor{


    //这里的Statement就是sql语句,parameter就是传入的参数
    private snConfiguration snConfiguration =
            new snConfiguration();


    /**
     * 根据 sql 查找结果
     *
     * @param sql
     * @param parameter
     * @param <T>
     * @return
     */
    @Override
    //这里只用query操作来对数据库进行相应的处理。
    public <T> T query(String sql, Object parameter) {
        //得到连接Connection,采用的是自定义的方法
        Connection connection = getConnection();
        //查询返回的结果集
        ResultSet set = null;
        PreparedStatement pre = null;

        try {
            pre = connection.prepareStatement(sql);
            //设置参数, 如果参数多, 可以使用数组处理.
            pre.setString(1, parameter.toString());
            set = pre.executeQuery();
            //把set数据封装到对象-monster
            //这里做了简化处理
            //认为返回的结果就是一个monster记录
            //完善的写法是一套反射机制.
            Monster monster = new Monster();

            //遍历结果集, 把数据封装到monster对象
            while (set.next()) {
                monster.setId(set.getInt("id"));
                monster.setName(set.getString("name"));
                monster.setEmail(set.getString("email"));
                monster.setAge(set.getInt("age"));
                monster.setGender(set.getInt("gender"));
                monster.setBirthday(set.getDate("birthday"));
                monster.setSalary(set.getDouble("salary"));
            }
            return (T) monster;

        } catch (Exception throwables) {
            throwables.printStackTrace();
        } finally {
            try {
                if (set != null) {
                    set.close();
                }
                if (pre != null) {
                    pre.close();
                }
                if (connection != null) {
                    connection.close();
                }
            } catch (Exception throwables) {
                throwables.printStackTrace();
            }
        }
        return null;
    }

    //编写方法,通过snConfiguration对象,返回连接
    private Connection getConnection() {
        Connection connection =
                snConfiguration.build("sn_mybatis.xml");
        return connection;
    }
}

3.3实现任务阶段 3- Sqlsession 封装到执行器

瞧瞧SqlSession自己的方法:

可以看出DefaultSqlSession封装了执行器以及和XML中的配置信息相关的类。 

 以及DefaultsqlSession自己对数据库操作的方法。

DefaultsqlSession实际上是实现了SqlSession的这个接口

SnSqlSession

package com.sn.sqlsession;


/**
 * @author sn
 * sqlsession主要封装数据的链接Configuration和Executor执行器
 * 以及操作DB的一些自己的方法
 */
public class SnSqlSession {
    //封装执行器
    private Executor executor = new SnExecutor();
    //配置
    private snConfiguration snConfiguration = new snConfiguration();
    //编写selectOne方法,并且返回一条记录
    public <T> T selectOne(String statement,Object parameter)
    {
        return executor.query(statement,parameter);
    }
}



















执行一个测试方法

我们在使用sqlSession的selectOne可以知道,实际上调用的是其中的Executor执行器的方法,来对数据库进行一个操作 

 如图底层是调用的Executor的方法进行一个调用。

这三个任务阶段就实现了:如何读取核心配置文件XML,得到数据库的连接, 并通过Executor执行器去执行数据的CURD操作。


实现方法二:用动态代理来实现 

接下来就是对mybatis框架中Mapper接口方法的声明。XXMapper.xml文件实现的接口方法,框架中是如何去实现这些方法的呢?

 

如上图所示 

以前的接口方法的实现,是通过实现该接口的类进行实现的。 而mybatis框架中:

一个类------数据库中的一个表。

类Mapper接口 -------- 操作这个表的方法的声明。

类Mapper.xml -------- 对操作表方法的实现。

其实在接口和XML文件之间有一个MapperBean对象。现在只需知道这个MapperBean对象对后面动态代理生成对象起作用。在这个MapperBean对象中有

Function类:主要是记录XML文件中方法的各种信息,比如select,delete,update等以及返回的类型,参数的类型等。

List<Function>集合,用户来存放不同的方法

String interfaceName:用来存放对应Mapper接口的名称

 Function方法:

package com.sn.config;

import lombok.Getter;
import lombok.Setter;

/**
 * @author sn
 * 记录对应的mapper的方法信息
 */
@Getter
@Setter
public class Function {
    //属性
    private String sqlType; //sql类型,比如crud
    private String funcName; //记录的方法名
    private String sql;//记录对应的sql语句
    private Object resultType;//记录一个返回类型
    private String parameter;//这个是我们的参数类型

}








MapperBean方法

package com.sn.config;

import lombok.Getter;
import lombok.Setter;

import java.util.List;

/**
 * @author sn
 * MapperBean对象就是封装Mapper的信息。
 * 1:对应相应的接口信息
 * 2:封装对应mapper.xml的信息,这些信息用Function来抽象。
 */
@Setter
@Getter
public class MapperBean {
    private String interfaceName; //接口名

    //接口下的所有的方法
    private List<Function> functions;


}

   MonsterMapper

package com.sn.mapper;

import com.sn.entity.Monster;

/**
 * @author sn
 * MonsterMapper:声明DB的crud方法
 */
public interface MonsterMapper {
    //查询方法
    public Monster getMonsterById(Integer id);
}





代理对象类

package com.sn.sqlsession;

import com.sn.config.Function;
import com.sn.config.MapperBean;

import java.lang.reflect.InvocationHandler;
import java.lang.reflect.Method;
import java.nio.file.WatchService;
import java.util.List;

/**
 * @author sn
 * 动态代理生成Mapper对象,并调用snExecutor方法
 */
public class snMapperProxy implements InvocationHandler {
    //属性
    private SnSqlSession sqlSession;
    private String mapperFile;
    private snConfiguration snConfiguration;

    //构造器
    //最后一个参数传进来的是一个接口
    public snMapperProxy(snConfiguration snConfiguration
            , SnSqlSession sqlSession, Class clazz) {
        this.snConfiguration = snConfiguration;
        this.sqlSession = sqlSession;
        this.mapperFile = clazz.getSimpleName() + ".xml";
    }

    //实现一个动态代理的机制
    //当执行到Mapper接口的代理对象的方法的时候,会执行invoke方法
    @Override
    public Object invoke(Object proxy, Method method, Object[] args) throws Throwable {
        //首先通过XML文件获取MapperBean对象(接口名。接口下面的方法)
        MapperBean mapperBean = snConfiguration.readMapper(mapperFile);
        //判断是否是XMl文件对应的接口
        //通过method方法得到声明这个方法的接口的名字
        if (!method.getDeclaringClass().getName().equals(mapperBean.getInterfaceName())) {
            return null;
        }
        //取出mapperBean的functions
        List<Function> functions = mapperBean.getFunctions();
        //先判断当前的这个mapperBean解析对应的XML文件中有方法
        if(null != functions && 0 != functions.size())
        {
            for (Function function : functions) {
                //当前要执行的方法和Function的方法一致,说明我们可以
                //去当前遍历的function对象中,取出相应的信息,并执行相应的方法
                if(method.getName().equals(function.getFuncName()))
                {
                    //如果我们当前的function执行的sqlType是select
                    //我们就去执行selectOne()等~
                    if("select".equalsIgnoreCase(function.getSqlType()))
                    {
                        return sqlSession.selectOne(function.getSql(),String.valueOf(args[0]));
                    }
                }
            }
        }
        return null;
    }
}











测试

    @Test
    public void test2()
    {
        SnSqlSessionFactor snSqlSessionFactor = new SnSqlSessionFactor();
        SnSqlSession snSqlSession = snSqlSessionFactor.openSession();
        MonsterMapper mapper = snSqlSession.getMapper(MonsterMapper.class);
        Monster monster = mapper.getMonsterById(2);
        System.out.println("monster"+monster);
    }

这个后序的用动态代理着实有点不明白,但是代码都是对的,大佬们可以自行理解 

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

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

相关文章

基于 TiDB 资源管控 + TiCDC 实现多业务融合容灾测试

导读 随着金融行业的不断发展&#xff0c;多个业务系统的整合成为了趋势&#xff0c;分布式数据库的应用也愈发广泛。为了应对多业务融合带来的复杂性&#xff0c;金融机构需要在保障各业务系统高效运行的同时&#xff0c;确保 IT 系统的高可用性和稳定性。本文将介绍 TiDB 如…

多输入多输出 | Matlab实现DBO-BP蜣螂算法优化BP神经网络多输入多输出预测

多输入多输出 | Matlab实现DBO-BP蜣螂算法优化BP神经网络多输入多输出预测 目录 多输入多输出 | Matlab实现DBO-BP蜣螂算法优化BP神经网络多输入多输出预测预测效果基本介绍程序设计往期精彩参考资料 预测效果 基本介绍 多输入多输出 | Matlab实现DBO-BP蜣螂算法优化BP神经网络…

如何选择合适的数据报表工具?

在企业的日常运营中&#xff0c;数据报表如同企业的“仪表盘”&#xff0c;为管理者提供了关键的业务信息。无论是销售数据、财务状况还是生产进度&#xff0c;都需要通过数据报表进行清晰的呈现。同时&#xff0c;随着企业对数据可视化的需求不断增加&#xff0c;数据看板和数…

Numba最近邻插值(CPU+ GPU + Z轴切块 + XYZ轴切块 + 多线程)

文章目录 最近邻插值&#xff08;加速方法&#xff09;&#xff08;1&#xff09;scipy.ndimage.zoom&#xff08;2&#xff09;Numba-CPU加速&#xff08;3&#xff09;Numba-GPU加速&#xff08;4&#xff09;Numba-CPU加速&#xff08;Z轴切块&#xff09;&#xff08;5&…

docker运行springboot项目

博客中若有侵权或者错误的地方&#xff0c;请及时告知&#xff0c;感谢。 1. 背景 在开发中使用k8s部署&#xff0c;日常也只是写个dockerFile, 没有想过整个部署流程是怎样的。今天我们自己部署docker镜像。 2.实战 2.1 建立springboot项目 (1) JAVA项目打包 (解决no mai…

Minio笔记-Centos搭建Minio

下载 Minio wget https://dl.min.io/server/minio/release/linux-amd64/minio 赋予执行权限 chmod x minio 创建存储目录 mkdir /data 运行 Minio ./minio server /data 默认端口为9000 访问 Minio 控制台&#xff1a;在浏览器中输入 http://your-server-ip:9000 默认…

FPGA Prototyping vs Emulation

FPGA Prototyping vs. Emulation One way to visualize the difference between Prototyping and Emulation is with a “spider chart” (named for its resemblance to a spider’s web). The Prototyping vs. Emulation spider chart below highlights the differences bet…

斐纳切数列考试题

计算机二级考试有一道题 result [] a,b0,1 while a<100:print(a,end,) a, b b, ab # 0,1,1,2,3,5,8,13,21,34,55,89,

LLM - 理解 多模态大语言模型 (MLLM) 的发展与相关技术 (二)

欢迎关注我的CSDN&#xff1a;https://spike.blog.csdn.net/ 本文地址&#xff1a;https://spike.blog.csdn.net/article/details/142063880 免责声明&#xff1a;本文来源于个人知识与公开资料&#xff0c;仅用于学术交流&#xff0c;欢迎讨论&#xff0c;不支持转载。 多模态…

idea 日志打印乱码

在这里插入图片描述 配置中改为一致

算法篇_RGB图像数据压缩与解压(单片机使用)

文章目录 一、前言二、算法选型2.1 Run-Length Encoding (RLE)2.2 Differential Pulse-Code Modulation (DPCM) 三、采用RLE算法实现图像压缩四、哈夫曼编码实现压缩和解压4.1 哈夫曼编码压缩自定义数据与还原4.2 哈夫曼编码压缩完成图像的压缩和还原 书接上回&#xff08;上一…

Java重修笔记 第五十一天 泛型

泛型 1. 对加入集合的数据类型进行约束&#xff0c;提高了安全性 2. 不用做专门的数据类型转换&#xff0c;就可以直接使用从集合取出来的对象&#xff0c;效率高 在类定义中使用泛型 1. 在类名后面跟上 <泛型列表> 表示该类所使用的使用泛型&#xff0c;具体是什么…

nginx 使用篇 配置

一、介绍 1.介绍 Nginx是一个高性能的HTTP和反向代理服务器&#xff0c;同时也是一个邮件代理服务器&#xff0c;它以稳定性、丰富的功能集、简单的配置文件和低系统资源消耗而闻名。 作为一个轻量级的服务器&#xff0c;Nginx在处理高并发连接方面表现出色&#xff0c;能够支…

怎么修复松下相机死机视频只有0字节(0KB)的MDT文件【实测可修复】

死机后视频文件大小仅为0字节 松下S5相机录像死机&#xff0c;关机重新开机后有一个视频文件变成MDT&#xff0c;大小为0KB&#xff0c;录了30多分钟&#xff0c;本应为MOV格式的视频。0字节文件可以修复吗&#xff1f;怎么修复0字节的MDT文件为视频&#xff1f; 数据提取与视…

认知杂谈55

今天分享 有人说的一段争议性的话 I I I I 内容摘要 这篇内容主要有以下要点&#xff1a;首先&#xff0c;人际交往有难度&#xff0c;要让大家都喜欢很难&#xff0c;需学习沟通技巧&#xff0c;可通过看书、关注抖音博主、参加培训班及看罗翔视频片段来提升。其次&#xf…

【C++11 ——— 类的新功能】

C11 ——— 类的新功能 类的新功能默认成员函数类成员变量初始化强制生成默认函数的关键字default禁止生成默认函数的关键字delete 类的新功能 默认成员函数 原来C类中&#xff0c;有6个默认成员函数&#xff1a; 构造函数析构函数拷贝构造函数拷贝赋值重载取地址重载const …

代码随想录刷题day27丨455.分发饼干 ,376. 摆动序列 ,53. 最大子序和

代码随想录刷题day27丨455.分发饼干 ,376. 摆动序列 ,53. 最大子序和 1.贪心算法理论基础 贪心的本质是选择每一阶段的局部最优&#xff0c;从而达到全局最优。 这么说有点抽象&#xff0c;来举一个例子&#xff1a; 例如&#xff0c;有一堆钞票&#xff0c;你可以拿走十张&a…

论文《Graph Neural Networks with convolutional ARMA filters》笔记

【ARMA 2021 PAMI】本文介绍了一种新型的基于**自回归移动平均&#xff08;Auto-Regression Moving Average&#xff0c;ARMA&#xff09;**滤波器的图卷积层。与多项式滤波器相比&#xff0c;ARMA滤波器提供了更灵活的频率响应&#xff0c;对噪声更鲁棒&#xff0c;能更好地捕…

【每日一题】LeetCode 104.二叉树的最大深度(树、深度优先搜索、广度优先搜索、二叉树)

【每日一题】LeetCode 104.二叉树的最大深度&#xff08;树、深度优先搜索、广度优先搜索、二叉树&#xff09; 题目描述 给定一个二叉树 root&#xff0c;我们需要计算并返回该二叉树的最大深度。二叉树的最大深度是指从根节点到最远叶子节点的最长路径上的节点数。 思路分…

Uni-app 开发鸿蒙 App 全攻略

一、开发前的准备工作 开发鸿蒙 App 之前&#xff0c;我们需要做好充分的准备工作。首先是工具的安装与配置。 Node.js 的安装&#xff1a;推荐使用 LTS 版本的 Node.js。可以前往 Node.js 的官方网站下载适合自己操作系统的安装包&#xff0c;如 Windows 用户根据自己的系统版…