Mybatis(一):环境搭建

Mybatis(一):环境搭建

  • 前言
  • 一、MyBatis简介
    • 1、MyBatis历史
    • 2、MyBatis特性
    • 3、MyBatis下载
    • 4、和其它持久化层技术对比
  • 二、搭建MyBatis
    • 1、开发环境
    • 2、创建maven工程
      • 2.1 打包方式:jar
      • 2.2 引入依赖
    • 3、创建MyBatis的核心配置文件
    • 4、创建mapper接口
    • 5、创建MyBatis的映射文件
    • 6、通过junit测试功能
    • 7、优化
      • 7.1 优化一:自动提交事务
      • 7.2 优化二:加入log4j日志功能
  • 三、核心配置文件详解
  • 四、idea中设置文件模板
    • 1、在idea中设置核心配置文件的模板
    • 2、在idea中设置映射文件的模板



前言

本博主将用CSDN记录软件开发求学之路上亲身所得与所学的心得与知识,有兴趣的小伙伴可以关注博主!也许一个人独行,可以走的很快,但是一群人结伴而行,才能走的更远!

一、MyBatis简介

1、MyBatis历史

MyBatis最初是Apache的一个开源项目iBatis, 2010年6月这个项目由Apache Software Foundation迁移到了Google Code。随着开发团队转投Google Code旗下,iBatis3.x正式更名为MyBatis。代码于2013年11月迁移到Github

iBatis一词来源于“internet”和“abatis”的组合,是一个基于Java的持久层框架。 iBatis提供的持久层框架包括SQL MapsData Access Objects(DAO)。

2、MyBatis特性

MyBatis 是支持定制化 SQL、存储过程以及高级映射的优秀的持久层框架
MyBatis 避免了几乎所有的 JDBC代码和手动设置参数以及获取结果集
MyBatis可以使用简单的XML或注解用于配置和原始映射,将接口和JavaPOJOPlain Old Java Objects,普通的Java对象)映射成数据库中的记录
MyBatis 是一个 半自动的ORMObjectRelation Mapping)框架

3、MyBatis下载

点击跳转下载页面
在这里插入图片描述

4、和其它持久化层技术对比

JDBC

SQL 夹杂在Java代码中耦合度高,导致硬编码内伤
● 维护不易且实际开发需求中 SQL 有变化,频繁修改的情况多见
● 代码冗长,开发效率低

HibernateJPA
● 操作简便,开发效率高
● 程序中的长难复杂 SQL 需要绕过框架
● 内部自动生产的 SQL,不容易做特殊优化
● 基于全映射的全自动框架,大量字段的 POJO 进行部分映射时比较困难
● 反射操作太多,导致数据库性能下降

MyBatis

●轻量级,性能出色 SQLJava 编码分开,功能边界清晰
Java代码专注业务、SQL语句专注数据
●开发效率稍逊于HIbernate,但是完全能够接受

二、搭建MyBatis

1、开发环境

IDEAidea 2019.2
⭕ 构建工具:maven 3.5.4
MySQL版本:MySQL 5.7
MyBatis版本:MyBatis 3.5.7

2、创建maven工程

2.1 打包方式:jar

2.2 引入依赖

<dependencies>
  <!-- Mybatis核心 -->
  <dependency>
    <groupId>org.mybatis</groupId>
    <artifactId>mybatis</artifactId>
    <version>3.5.7</version>
  </dependency>
 
  <!-- junit测试 -->
  <dependency>
    <groupId>junit</groupId>
    <artifactId>junit</artifactId>
    <version>4.12</version>
    <scope>test</scope>
  </dependency>
 
  <!-- MySQL驱动 -->
  <dependency>
    <groupId>mysql</groupId>
    <artifactId>mysql-connector-java</artifactId>
    <version>5.1.3</version>
  </dependency>
</dependencies>

3、创建MyBatis的核心配置文件

⭕ 习惯上命名为mybatis-config.xml,这个文件名仅仅只是建议,并非强制要求。
⭕ 将来整合Spring之后,这个配置文件可以省略,所以大家操作时可以直接复制、粘贴。
⭕ 核心配置文件主要用于配置连接数据库的环境以及MyBatis的全局配置信息

mybatis-config.xml:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE configuration
    PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
    "http://mybatis.org/dtd/mybatis-3-config.dtd">
<configuration>

  <!--设置连接数据库的环境-->
  <environments default="development">
    <environment id="development">
      <transactionManager type="JDBC"/>
      <dataSource type="POOLED">
        <property name="driver" value="com.mysql.jdbc.Driver"/>
        <property name="url" value="jdbc:mysql://localhost:3306/MyBatis"/>
        <property name="username" value="root"/>
        <property name="password" value="0523"/>
      </dataSource>
    </environment>
  </environments>
  
  <!--引入映射文件-->
  <mappers>
    <mapper resource="mappers/UserMapper.xml"/>
  </mappers>
</configuration>

4、创建mapper接口

MyBatis中的mapper接口相当于以前的dao,我们可以理解为与之前我们学习的DAO类相呼应。但是区别在于,mapper仅仅是接口,我们不需要提供它的实现类。

public interface UserMapper {
  /**
  * 添加用户信息
  */
  int insertUser();
}

5、创建MyBatis的映射文件

⭕ 相关概念:ORM(Object Relationship Mapping)对象关系映射。
● 对象:Java的实体类对象
● 关系:关系型数据库
● 映射:二者之间的对应关系

⭕ 一张数据库的表对应一个DAO类,即一张表对应一个Mapper接口,一个Mapper接口对应一个映射文件,所有有此对应关系:
一张数据库表<===>一个实体类<===>一个DAO/Mapper接口<===>一个映射文件

Java概念数据库概念
属性字段/列
对象记录/行

⭕ 映射文件的命名规则: 表所对应的实体类的类名+Mapper.xml
例如:表t_user,映射的实体类为User,所对应的映射文件为UserMapper.xml
因此一个映射文件对应一个实体类,对应一张表的操作

MyBatis映射文件用于编写SQL,访问以及操作表中的数据

MyBatis映射文件存放的位置是src/main/resources/mappers目录下

MyBatis中可以面向接口操作数据,要保证两个一致:
mapper接口的全类名和映射文件的命名空间(namespace)保持一致
mapper接口中方法的方法名和映射文件中编写SQL的标签的id属性保持一致

User类:

public class User {
    private Integer id;

    private String username;

    private String password;

    private Integer age;

    private String sex;

    private String email;
    ...
}

UserMapper.java

public interface UserMapper {
    /**
     * MyBatis面向接口编程的两个一致:
     * 1.映射文件的 namespace 要和 mapper 接口的全类名保持一致
     * 2.映射文件中的SQL语句的id要和 mapper 接口中的方法名保持一致
     */

    /**
     *添加用户信息
     */
    int insertUser();
}

UserMapper.xml:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
            PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
            "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.ir.mybatis.mapper.UserMapper">

          <!--int insertUser();-->
          <insert id="insertUser">
                insert into t_user values(null,'张三','123',23,'女')
          </insert>
          
</mapper>

6、通过junit测试功能

测试:

package com.ir.mybaits.test;

import com.ir.mybatis.mapper.UserMapper;
import org.apache.ibatis.io.Resources;
import org.apache.ibatis.session.SqlSession;
import org.apache.ibatis.session.SqlSessionFactory;
import org.apache.ibatis.session.SqlSessionFactoryBuilder;
import org.junit.Test;

import java.io.IOException;
import java.io.InputStream;

/**
 * @author shkstart
 * @create 2022-07-02 15:36
 */
public class MyBatisTest {
    @Test
    public void testMyBatis() throws IOException {
        //加载核心配置文件---->制作建筑图纸
        InputStream is = Resources.getResourceAsStream("mybatis-config.xml");
        //获取SqlSessionFactoryBuilder---->招募工人
        SqlSessionFactoryBuilder sqlSessionFactoryBuilder = new SqlSessionFactoryBuilder();
        //通过核心配置文件所对应的字节输入流创建工厂类SqlSessionFactory,生产SqlSession对象---->图纸给工人,去造工厂
        SqlSessionFactory sqlSessionFactory = sqlSessionFactoryBuilder.build(is);
        //创建SqlSession对象,此时通过SqlSession对象所操作的sql都必须手动提交或回滚事务---->工厂生产出产品
        SqlSession sqlSession = sqlSessionFactory.openSession();
        //调用UserMapper接口中的方法,就可以根据UserMapper的全类名匹配元素文件,通过调用的方法名匹配映射文件中的SQL标签,并执行标签中的SQL语句---->产品的功能
        UserMapper mapper = sqlSession.getMapper(UserMapper.class);
        //测试
        int result = mapper.insertUser();
        //提交事务
        sqlSession.commit();
        System.out.println("result:"+result);
    }
}

知识点:

SqlSession:代表Java程序和数据库之间的会话。(HttpSessionJava程序和浏览器之间的会话)

SqlSessionFactory:是“生产”SqlSession的“工厂”。

⭕工厂模式:如果创建某一个对象,使用的过程基本固定,那么我们就可以把创建这个对象的相关代码封装到一个“工厂类”中,以后都使用这个工厂类来“生产”我们需要的对象。

7、优化

7.1 优化一:自动提交事务

SqlSession默认不自动提交事务,若需要自动提交事务,可以使用SqlSessionFactory.openSession(true);

7.2 优化二:加入log4j日志功能

(1)加入依赖

<!-- log4j日志 -->
<dependency>
  <groupId>log4j</groupId>
  <artifactId>log4j</artifactId>
  <version>1.2.17</version>
</dependency>

(2)加入log4j的配置文件

log4j的配置文件名为log4j.xml,存放的位置是src/main/resources目录下

⭕日志的级别:FATAL(致命)>ERROR(错误)>WARN(警告)>INFO(信息)>DEBUG(调试)
从左到右打印的内容越来越详细

log4j.xml

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE log4j:configuration SYSTEM "log4j.dtd">
 
<log4j:configuration xmlns:log4j="http://jakarta.apache.org/log4j/">
 
  <appender name="STDOUT" class="org.apache.log4j.ConsoleAppender">
    <param name="Encoding" value="UTF-8" />
    <layout class="org.apache.log4j.PatternLayout">
      <param name="ConversionPattern" value="%-5p %d{MM-dd HH:mm:ss,SSS}
%m (%F:%L) \n" />
    </layout>
  </appender>
  <logger name="java.sql">
    <level value="debug" />
  </logger>
  <logger name="org.apache.ibatis">
    <level value="info" />
  </logger>
  <root>
    <level value="debug" />
    <appender-ref ref="STDOUT" />
  </root>
</log4j:configuration>

三、核心配置文件详解

jdbc.properties

jdbc.driver=com.mysql.jdbc.Driver
jdbc.url=jdbc:mysql://localhost:3306/mybatis
jdbc.username=root
jdbc.password=0523   

mybatis-config.xml

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE configuration
        PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-config.dtd">
<configuration>

        <!--
            MyBatis核心配置文件中,标签的顺序:
            properties?,settings?,typeAliases?,typeHandlers?,
            objectFactory?,objectWrapperFactory?,reflectorFactory?,
            plugins?,environments?,databaseIdProvider?,mappers?
        -->

        <!--引入properties文件-->
        <properties resource="jdbc.properties" />

        <!--设置类型别名-->
        <typeAliases>
                <!--
                    typeAlias:设置某个类型的别名
                    属性:
                        type:设置需要设置别名的类型
                        alias:设置某个类型的别名,若不设置该属性,那么该类型拥有默认的别名,即类名且不区分大小写
                -->
                <!--<typeAlias type="com.atguigu.mybatis.pojo.User"></typeAlias>-->
                <!--以包为单位,将包下所有的类型设置默认的类型别名,即类名且不区分大小写-->
                <package name="com.ir.mybatis.pojo"/>
        </typeAliases>

        <!--
            environments:配置多个连接数据库的环境
            属性:
                default:设置默认使用的环境的id
        -->
        <environments default="development">
                <!--
                    environment:配置某个具体的环境
                    属性:
                        id:表示连接数据库的环境的唯一标识,不能重复
                -->
                <environment id="development">
                        <!--
                            transactionManager:设置事务管理方式
                            属性:
                                type="JDBC|MANAGED"
                                JDBC:表示当前环境中,执行SQL时,使用的是JDBC中原生的事务管理方式,事务的提交或回滚需要手动处理
                                MANAGED:被管理,例如Spring
                        -->
                        <transactionManager type="JDBC"/>
                        <!--
                            dataSource:配置数据源
                            属性:
                                type:设置数据源的类型
                                type="POOLED|UNPOOLED|JNDI"
                                POOLED:表示使用数据库连接池缓存数据库连接
                                UNPOOLED:表示不使用数据库连接池
                                JNDI:表示使用上下文中的数据源
                        -->
                        <dataSource type="POOLED">
                                <!--设置连接数据库的驱动-->
                                <property name="driver" value="${jdbc.driver}"/>
                                <!--设置连接数据库的连接地址-->
                                <property name="url" value="${jdbc.url}"/>
                                <!--设置连接数据库的用户名-->
                                <property name="username" value="${jdbc.username}"/>
                                <!--设置连接数据库的密码-->
                                <property name="password" value="${jdbc.password}"/>
                        </dataSource>
                </environment>

                <environment id="test">
                        <transactionManager type="JDBC"/>
                        <dataSource type="POOLED">
                                <property name="driver" value="com.mysql.jdbc.Driver"/>
                                <property name="url" value="jdbc:mysql://localhost:3306/mybatis"/>
                                <property name="username" value="root"/>
                                <property name="password" value="123456"/>
                        </dataSource>
                </environment>
        </environments>
        <!--引入映射文件-->
        <mappers>
                <!--<mapper resource="mappers/UserMapper.xml"/>-->
                <!--
                    以包为单位引入映射文件
                    要求:
                    1、mapper接口所在的包要和映射文件所在的包一致
                    2、mapper接口要和映射文件的名字一致:即UserMapper与UserMapper.xml
                -->
                <package name="com.ir.mybatis.mapper"/>
        </mappers>
</configuration>

注意:

⭕ 核心配置文件中的标签必须按照固定的顺序:

  1. properties
  2. settings
  3. typeAliases
  4. typeHandlers
  5. objectFactory
  6. objectWrapperFactory
  7. reflectorFactory
  8. plugins
  9. environments
  10. databaseIdProvider
  11. mappers

<typeAliases> </typeAliases>

支持以包为单位来设置默认类型

<mappers></mappers>

● 支持以包为单位来引入映射文件
● 在resources下创建包名时,由于resources下为普通文件,所以并不可以以".“为分隔符的方式来创建嵌套的包名,而应该用以”/"的方式来创建

在这里插入图片描述

四、idea中设置文件模板

1、在idea中设置核心配置文件的模板

mybatis-config官方文档模板:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE configuration
PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
"http://mybatis.org/dtd/mybatis-3-config.dtd">
<configuration>

    <environments default="development">
        <environment id="development">
            <transactionManager type="JDBC"/>
            <dataSource type="POOLED">
                <property name="driver" value="${driver}"/>
                <property name="url" value="${url}"/>
                <property name="username" value="${username}"/>
                <property name="password" value="${password}"/>
            </dataSource>
        </environment>
    </environments>
    
    <mappers>
        <mapper resource="org/mybatis/example/BlogMapper.xml"/>
    </mappers>
    
</configuration>

⭕ 设置:

在这里插入图片描述

2、在idea中设置映射文件的模板

mybatis-mapper官方文档模板:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
"http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="org.mybatis.example.BlogMapper">
    <select id="selectBlog" resultType="Blog">
        select * from Blog where id = #{id}
    </select>
</mapper>

⭕ 设置:
在这里插入图片描述
在这里插入图片描述

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

通俗简介:操作系统之进程的管理与调度

操作系统是一个复杂的软件&#xff0c;具备许多功能。其中&#xff0c;进程的管理与调度是与我们密切相关的。本文将对操作系统功能中进程管理与调度作出介绍。 目录 一、进程 二、 进程管理 1、进程管理的概念 2、进程结构体的核心属性 3、进程调度 &#xff08;1&#…

如何将pdf文件压缩?pdf压缩软件哪个好

PDF是一种常见的文档格式&#xff0c;因为包括文本格式和图像&#xff0c;我们往往采用这种格式进行文件传输和分享&#xff0c;但是也常常会因为pdf文件过大导致使用起来非常不方便&#xff0c;那么如何如何将pdf文件压缩&#xff08;https://www.yasuotu.com/pdfyasuo&#x…

禁用非必需插件,让 IDEA 飞起

文章首发于个人博客&#xff0c;欢迎访问关注&#xff1a;https://www.lin2j.tech IDEA 为我们提供了众多的插件&#xff0c;但是这些插件并不都是必须的。如果电脑的性能不够强&#xff0c;反而会带来一些不必要的资源消耗。 因此这里整理了一些不常用的插件&#xff0c;可以…

如何让AI帮你干活-娱乐(3)

背景今天的话题会偏代码技巧一些&#xff0c;对于以前没有接触过代码的朋友或者接触代码开发经验较少的朋友会有些吃力。上篇文章介绍了如何广视角的生成相对稳定的视频。昨天的实现相对简单&#xff0c;主要用的是UI界面来做生成。但是生成的效果其实也显而易见&#xff0c;不…

【个人首测】百度文心一言 VS ChatGPT GPT-4

昨天我写了一篇文章GPT-4牛是牛&#xff0c;但这几天先别急,文中我测试了用GPT-4回答ChatGPT 3.5 和 Notion AI的问题&#xff0c;大家期待的图片输入也没有出现。 昨天下午百度发布了文心一言&#xff0c;对标ChatGPT&#xff0c;录屏无实机演示让百度股价暴跌。但是晚上百度就…

不要迷信 QUIC

很多人都在强调 QUIC 能解决 HoL blocking 问题&#xff0c;不好意思&#xff0c;我又要泼冷水了。假设大家都懂 QUIC&#xff0c;不再介绍 QUIC 的细节&#xff0c;直接说问题。 和 TCP 一样&#xff0c;QUIC 也是一个基于连接的&#xff0c;保序的可靠传输协议&#xff0c;T…

【测试开发篇4】测试模型

目录 一、软件测试V模型 编码前 概要设计&#xff1a; 详细设计&#xff1a; 编码后&#xff1a; 单元测试&集成测试 系统测试 验收测试 V模型的特点 优点&#xff1a; 缺点&#xff1a; 二、软件测试W模型 编码之前&#xff1a; 编码的时候&#xff1a; 编…

全网最详细,Jmeter性能测试数据写入文件(总结)看这篇就够了......

目录&#xff1a;导读前言一、Python编程入门到精通二、接口自动化项目实战三、Web自动化项目实战四、App自动化项目实战五、一线大厂简历六、测试开发DevOps体系七、常用自动化测试工具八、JMeter性能测试九、总结&#xff08;尾部小惊喜&#xff09;前言 jmeter 性能测试数据…

RK3568平台开发系列讲解(Linux系统篇)消息队列

🚀返回专栏总目录 文章目录 一、创建消息队列二、发送和接收消息三、内核结构沉淀、分享、成长,让自己和他人都能有所收获!😄 📢消息队列在如下两个方面上比管道有所增强: 消息队列中的数据是有边界的,发送端和接收端能以消息为单位进行交流,而不再是无分隔的字节流…

Android---动态权限申请

目录 权限分类 动态权限核心函数 简易实现案例 完整代码 Google 在 Android 6.0 开始引入了权限申请机制&#xff0c;将所有权限分成了正常权限和危险权限。App 每次在使用危险权限时需要动态的申请并得到用户的授权才能使用。 权限分类 系统权限分为两类&#xff1a;正常…

队列实现及leetcode相关OJ题

上一篇写的是栈这一篇分享队列实现及其与队列相关OJ题 文章目录一、队列概念及实现二、队列源码三、leetcode相关OJ一、队列概念及实现 1、队列概念 队列同栈一样也是一种特殊的数据结构&#xff0c;遵循先进先出的原则&#xff0c;例如&#xff1a;想象在独木桥上走着的人&am…

计算机网络管理 TCP三次握手的建立过程,Wireshark抓包分析并验证TCP三次握手建立连接的报文

⬜⬜⬜ ---&#x1f7e7;&#x1f7e8;&#x1f7e9;&#x1f7e6;&#x1f7ea; (*^▽^*)欢迎光临 &#x1f7e7;&#x1f7e8;&#x1f7e9;&#x1f7e6;&#x1f7ea;---⬜⬜⬜ ✏️write in front✏️ &#x1f4dd;个人主页&#xff1a;陈丹宇jmu &#x1f381;欢迎各位→…

【Linux入门篇】操作系统安装、网络配置

目录 &#x1f341;Linux详解 &#x1f342;1.操作系统 &#x1f342;2.操作系统组成 &#x1f342;3.操作系统历史 &#x1f342;4.常见的Linux系统 &#x1f342;5.centos7下载 &#x1f342;6.安装centos7 &#x1f341;linux初始化配置 &#x1f343;1.虚拟机系统安装后操作…

从零实现深度学习框架——学习率调整策略介绍

引言 本着“凡我不能创造的,我就不能理解”的思想,本系列文章会基于纯Python以及NumPy从零创建自己的深度学习框架,该框架类似PyTorch能实现自动求导。 要深入理解深度学习,从零开始创建的经验非常重要,从自己可以理解的角度出发,尽量不使用外部完备的框架前提下,实现我…

【微信小程序】-- 案例 - 自定义 tabBar(四十六)

&#x1f48c; 所属专栏&#xff1a;【微信小程序开发教程】 &#x1f600; 作  者&#xff1a;我是夜阑的狗&#x1f436; &#x1f680; 个人简介&#xff1a;一个正在努力学技术的CV工程师&#xff0c;专注基础和实战分享 &#xff0c;欢迎咨询&#xff01; &…

kali内置超好用的代理工具proxychains

作者&#xff1a;Eason_LYC 悲观者预言失败&#xff0c;十言九中。 乐观者创造奇迹&#xff0c;一次即可。 一个人的价值&#xff0c;在于他所拥有的。所以可以不学无术&#xff0c;但不能一无所有&#xff01; 技术领域&#xff1a;WEB安全、网络攻防 关注WEB安全、网络攻防。…

31. 下一个排列

题目链接&#xff1a;https://leetcode.cn/problems/next-permutation/解题思路&#xff1a;整数数组的 下一个排列 是指其整数的下一个字典序更大的排列&#xff0c;其实也就是把整数所有数字从左往右组合成一个数&#xff0c;则下一个排列就是将数组中的所有元素重新组合成一…

【跟着chatgpt学go】Gooutine和Channel

Goroutine Goroutine 是 Go 语言中的一种并发机制&#xff0c;它是一种轻量级线程&#xff0c;可以通过关键字 go 启动一个新的 Goroutine。相比传统的线程&#xff0c;Goroutine 拥有更小的栈空间&#xff0c;因此可以创建更多的 Goroutine。 下面是一个简单的 Goroutine 的…

数据结构初阶(顺序表)

文章目录1、时间复杂度1.2、大O渐进表示法1.3、递归算法时间复杂度计算2、空间复杂度3、顺序表1、概念2、静态顺序表3、动态顺序表1、创建结构体&#xff08;头文件中创建&#xff09;2、销毁链表3、初始化结构体4、打印函数5、内存扩容6、顺序表任意位置插入数据7、顺序表任意…

从 hybrid开发----》微前端

为什么开始写关于微前端的一系列博客&#xff1f; 1. 学生时代讨论关于hybrid APP的应用开发&#xff0c;历史的选择总是变化的&#xff0c;需要更进一步深入。 2. 之前工作项目中见到过沙箱隔离之后CSS冲突&#xff0c;需要学一下如何解决 ----------------------------- …