Java JDBC数据持久化:解决SQL Server插入操作失败的常见陷阱

java jdbc数据持久化:解决sql server插入操作失败的常见陷阱

本文旨在深入探讨Java JDBC操作SQL Server数据库时,数据插入失败的常见原因及解决方案。我们将重点分析连接管理、事务提交、SQL语句编写、异常处理和资源释放等关键环节,并提供基于最佳实践的优化代码示例,帮助开发者构建稳定可靠的数据持久层。

引言:Java JDBC 数据持久化常见陷阱

在Java应用程序中,使用JDBC(Java Database Connectivity)与关系型数据库交互是常见的操作。然而,开发者在实现数据插入功能时,经常会遇到数据在内存中(例如ArrayList)更新成功,但数据库中却没有任何变化的情况。这通常不是因为简单的语法错误,而是涉及JDBC连接生命周期、事务管理、SQL语句细节和异常处理等多个方面的复杂问题。本文将通过一个具体的案例,详细剖析这些问题并提供专业的解决方案。

问题分析:为何数据未能写入数据库?

当一个方法(如add)旨在将数据同时添加到内存列表和数据库时,如果数据库操作失败而内存操作成功,我们需要从以下几个核心方面进行排查:

1. 连接管理与作用域:this.connection 为何为 null?

原代码中PlayerRepositoryJDBC类的构造函数内部使用了一个try-with-resources语句来获取数据库连接:

立即学习“Java免费学习笔记(深入)”;

try (Connection connection = DriverManager.getConnection(connectionURL)) {    // ... 数据库操作 ...} // 在此 connection 局部变量被自动关闭

这里的问题在于,try-with-resources块内的connection是一个局部变量,它在块结束时会被自动关闭。而类成员变量private Connection connection;在构造函数中从未被赋值,因此在add方法中调用this.connection.createStatement()时,this.connection实际上是null,这将导致NullPointerException。这是导致add方法无法执行数据库操作的根本原因。

解决方案: 确保类成员变量this.connection被正确初始化,并且其生命周期与PlayerRepositoryJDBC实例的生命周期相匹配。

2. 事务提交:忘记 connection.commit()

SQL Server等数据库默认可能关闭了自动提交(Auto-Commit)模式。在这种情况下,所有的INSERT、UPDATE、DELETE等数据修改操作都需要显式地调用connection.commit()才能将更改永久保存到数据库中。如果未提交,即使操作执行成功,数据也只存在于当前会话的事务缓冲区中,一旦连接关闭或程序异常退出,这些更改就会丢失。

解决方案: 在成功执行数据修改操作后,显式调用connection.commit()。

3. SQL语句错误与逻辑缺陷

3.1 SQL语法错误

即使是很小的语法错误也可能导致SQL语句执行失败。例如,原代码中ResultSet result = select.executeQuery(” SELECT * FROM PlayerMAP”);在SELECT前多了一个空格。虽然有些JDBC驱动可能足够智能地处理这种情况,但为了代码的健壮性,应避免任何不必要的空格或字符。

3.2 主键冲突问题

如果表PlayerMAP的id字段是主键,那么尝试插入一个id值已存在的记录将导致SQLException(主键冲突)。原代码在构造函数中有一个INSERT语句,尝试插入’P1’,如果在数据库中已存在’P1’,则此插入会失败。

解决方案: 在插入数据前检查主键是否存在,或者在数据库层面设置适当的错误处理(如ON DUPLICATE KEY UPDATE,尽管SQL Server没有直接对应,但可以通过MERGE语句或IF NOT EXISTS逻辑实现)。对于本教程,关键是识别出主键冲突可能导致插入失败。

3.3 初始化逻辑问题

原构造函数中的逻辑存在问题:

if (count > 0) {    // 只加载已存在的玩家到allPlayers列表} else {    // 插入一个硬编码的玩家'P1',并添加到allPlayers}

这意味着如果数据库中已有玩家,构造函数将不会执行else块中的插入操作。同时,else块中的插入操作也未进行commit。这种初始化逻辑可能导致allPlayers列表与数据库中的实际数据不一致。

解决方案: 确保初始化逻辑清晰,并且所有数据库操作都遵循事务管理和错误处理的最佳实践。

Reclaim.ai Reclaim.ai

为优先事项创建完美的时间表

Reclaim.ai 90 查看详情 Reclaim.ai

4. 异常处理不当

原代码中使用了泛化的catch (Exception e),这会捕获所有类型的异常,使得难以区分是数据库连接问题、SQL语法错误还是其他运行时异常。更糟糕的是,在某些catch块中,连接在异常发生时可能未被正确关闭。

解决方案: 捕获更具体的异常类型,如SQLException,并确保在异常发生时也能正确关闭数据库资源。

5. 资源未关闭

JDBC资源(Connection、Statement、ResultSet)是有限的系统资源。如果不显式关闭它们,可能会导致资源泄露,最终耗尽数据库连接池或系统内存。虽然try-with-resources能自动关闭在其中声明的资源,但对于类成员变量或其他非try-with-resources管理的资源,仍需手动关闭。

解决方案: 始终使用try-with-resources来管理Connection、Statement和ResultSet,或者在finally块中手动关闭。

解决方案与最佳实践

基于上述问题分析,我们提供以下解决方案和最佳实践,以构建健壮的JDBC数据持久层。

1. 正确的连接管理与资源释放

将Connection对象作为类成员变量,并在构造函数中初始化它。同时,为PlayerRepositoryJDBC类提供一个close()方法来关闭连接,或者在应用程序生命周期结束时确保连接被关闭。

public class PlayerRepositoryJDBC implements AutoCloseable { // 实现AutoCloseable    private Connection connection;    private ArrayList allPlayers = new ArrayList();    public PlayerRepositoryJDBC() throws SQLException {        String connectionURL = "jdbc:sqlserver://localhost:52448;databaseName=MAP;user=user1;password=1234;encrypt=true;trustServerCertificate=true";        this.connection = DriverManager.getConnection(connectionURL); // 将连接赋值给成员变量        this.connection.setAutoCommit(false); // 禁用自动提交,手动控制事务        System.out.println("Connected to the Server.");        initializePlayers(); // 提取初始化逻辑    }    private void initializePlayers() throws SQLException {        try (Statement selectStatement = connection.createStatement();             ResultSet resultSet = selectStatement.executeQuery("SELECT * FROM PlayerMAP")) {            while (resultSet.next()) {                Player player = new Player(                        resultSet.getString("id"),                        resultSet.getString("firstName"),                        resultSet.getString("lastName"),                        resultSet.getInt("age"),                        resultSet.getString("nationality"),                        resultSet.getString("position"),                        resultSet.getInt("marketValue")                );                allPlayers.add(player);            }        } catch (SQLException e) {            System.err.println("Error initializing players from DB: " + e.getMessage());            throw e;        }    }    @Override    public void close() throws SQLException {        if (this.connection != null && !this.connection.isClosed()) {            this.connection.close();            System.out.println("Database connection closed.");        }    }    // ... 其他方法 ...}

2. 显式事务提交

在每次成功的INSERT、UPDATE或DELETE操作后,调用connection.commit()。如果操作失败,则调用connection.rollback()。

public void add(Player entity) throws SQLException {    // ... (代码见下文完整示例) ...    try {        // ... 执行插入 ...        this.connection.commit(); // 提交事务        allPlayers.add(entity); // 数据库操作成功后再添加到内存列表    } catch (SQLException e) {        this.connection.rollback(); // 发生异常时回滚事务        throw e; // 重新抛出异常    }}

3. 使用预编译语句(PreparedStatement)防止SQL注入

PreparedStatement是JDBC中用于执行预编译SQL语句的对象。它不仅能提高性能(尤其是在重复执行相似SQL时),更重要的是能有效防止SQL注入攻击,因为它会自动对参数进行转义。

// 错误示例:直接拼接字符串,易受SQL注入攻击String insert_string = "INSERT INTO PlayerMAP(...) VALUES ('"+id+"', ...)";// 推荐做法:使用PreparedStatementString sql = "INSERT INTO PlayerMAP(id, firstName, lastName, age, nationality, position, marketValue) VALUES (?, ?, ?, ?, ?, ?, ?)";try (PreparedStatement preparedStatement = this.connection.prepareStatement(sql)) {    preparedStatement.setString(1, entity.getId());    preparedStatement.setString(2, entity.getFirstName());    preparedStatement.setString(3, entity.getLastName());    preparedStatement.setInt(4, entity.getAge());    preparedStatement.setString(5, entity.getNationality());    preparedStatement.setString(6, entity.getPosition());    preparedStatement.setInt(7, entity.getMarketValue());    preparedStatement.executeUpdate();}

4. 健壮的异常处理

捕获SQLException,并提供有意义的错误信息。在生产环境中,应将错误记录到日志系统,而不是简单地打印到控制台。

try {    // ... 数据库操作 ...} catch (SQLException e) {    System.err.println("Database operation failed: " + e.getMessage());    // 记录日志 e    throw e; // 或根据业务逻辑处理}

5. 调试技巧

在关键代码点(如executeUpdate()前后、commit()前后)添加System.out.println()语句或设置断点,可以帮助确认代码执行路径和状态。

示例代码:优化后的 PlayerRepositoryJDBC

以下是根据上述最佳实践重构后的PlayerRepositoryJDBC类。

import java.sql.*;import java.util.ArrayList;public class PlayerRepositoryJDBC implements AutoCloseable {    private Connection connection;    private ArrayList allPlayers = new ArrayList();    // 假设 Player 类已定义,包含 getId, getFirstName 等方法    // public class Player { /* ... */ }    public PlayerRepositoryJDBC() throws SQLException {        String connectionURL = "jdbc:sqlserver://localhost:52448;databaseName=MAP;user=user1;password=1234;encrypt=true;trustServerCertificate=true";        try {            System.out.print("Connecting to the server......");            this.connection = DriverManager.getConnection(connectionURL); // 将连接赋值给成员变量            this.connection.setAutoCommit(false); // 禁用自动提交,手动控制事务            System.out.println("Connected to the Server.");            initializePlayers(); // 提取初始化逻辑        } catch (SQLException e) {            System.err.println("Failed to connect to the Server or initialize players.");            e.printStackTrace();            throw e; // 重新抛出异常        }    }    private void initializePlayers() throws SQLException {        try (Statement selectStatement = connection.createStatement();             ResultSet resultSet = selectStatement.executeQuery("SELECT * FROM PlayerMAP")) {            while (resultSet.next()) {                Player player = new Player(                        resultSet.getString("id"),                        resultSet.getString("firstName"),                        resultSet.getString("lastName"),                        resultSet.getInt("age"),                        resultSet.getString("nationality"),                        resultSet.getString("position"),                        resultSet.getInt("marketValue")                );                allPlayers.add(player);            }            // 如果需要,可以在这里处理初始数据插入,但通常不建议在构造函数中执行修改操作            // 示例:如果数据库为空,则插入一个默认玩家            if (allPlayers.isEmpty()) {                Player defaultPlayer = new Player("P1", "Dan", "Mic", 18, "Romania", "Forward", 1250);                add(defaultPlayer); // 调用 add 方法,它会处理数据库插入和提交                System.out.println("Inserted default player 'P1' as database was empty.");            }        } catch (SQLException e) {            System.err.println("Error initializing players from DB: " + e.getMessage());            throw e; // 重新抛出异常        }    }    public ArrayList getAllPlayers() {        return new ArrayList(allPlayers); // 返回副本以防止外部修改    }    public void add(Player entity) throws SQLException {        String sql = "INSERT INTO PlayerMAP(id, firstName, lastName, age, nationality, position, marketValue) VALUES (?, ?, ?, ?, ?, ?, ?)";        System.out.println("Attempting to add player to DB: " + entity.getId());        try (PreparedStatement preparedStatement = this.connection.prepareStatement(sql)) {            preparedStatement.setString(1, entity.getId());            preparedStatement.setString(2, entity.getFirstName());            preparedStatement.setString(3, entity.getLastName());            preparedStatement.setInt(4, entity.getAge());            preparedStatement.setString(5, entity.getNationality());            preparedStatement.setString(6, entity.getPosition());            preparedStatement.setInt(7, entity.getMarketValue());            int rowsAffected = preparedStatement.executeUpdate();            if (rowsAffected > 0) {                this.connection.commit(); // 提交事务                allPlayers.add(entity); // 数据库操作成功后再添加到内存列表                System.out.println("Player " + entity.getId() + " added to DB and list. Rows affected: " + rowsAffected);            } else {                this.connection.rollback(); // 如果没有行受影响,则回滚(例如,主键冲突可能在某些配置下不抛异常而是返回0)                System.err.println("Failed to add player " + entity.getId() + " to DB. No rows affected.");                // 抛出自定义异常或更具体的错误信息                throw new SQLException("Failed to add player to database, possibly due to existing ID or other constraint violation.");            }        } catch (SQLException e) {            System.err.println("Error adding player " + entity.getId() + " to DB: " + e.getMessage());            if (this.connection != null) {                try {                    this.connection.rollback(); // 发生异常时回滚事务                } catch (SQLException rollbackEx) {                    System.err.println("Error during rollback: " + rollbackEx.getMessage());                }            }            throw e; // 重新抛出异常        }    }    @Override    public void close() throws SQLException {        if (this.connection != null && !this.connection.isClosed()) {            this.connection.close();            System.out.println("Database connection closed.");        }    }    // 假设 Player 类定义如下    static class Player {        private String id;        private String firstName;        private String lastName;        private int age;        private String nationality;        private String position;        private int marketValue;        public Player(String id, String firstName, String lastName, int age, String nationality, String position, int marketValue) {            this.id = id;            this.firstName = firstName;            this.lastName = lastName;            this.age = age;            this.nationality = nationality;            this.position = position;            this.marketValue = marketValue;        }        public String getId() { return id; }        public String getFirstName() { return firstName; }        public String getLastName() { return lastName; }        public int getAge() { return age; }        public String getNationality() { return nationality; }        public String getPosition() { return position; }        public int getMarketValue() { return marketValue; }        @Override        public String toString() {            return "Player{" +                   "id='" + id + ''' +                   ", firstName='" + firstName + ''' +                   ", lastName='" + lastName + ''' +                   '}';        }    }    public static void main(String[] args) {        try (PlayerRepositoryJDBC repository = new PlayerRepositoryJDBC()) {            System.out.println("Current players in list: " + repository.getAllPlayers().size());            repository.getAllPlayers().forEach(System.out::println);            // 尝试添加一个新玩家            Player newPlayer = new Player("P2", "Lionel", "Messi", 36, "Argentina", "Forward", 50000000);            repository.add(newPlayer);            System.out.println("After adding P2, players in list: " + repository.getAllPlayers().size());            repository.getAllPlayers().forEach(System.out::println);            // 尝试添加一个可能导致主键冲突的玩家(如果P1已存在)            Player existingPlayer = new Player("P1", "Cristiano", "Ronaldo", 38, "Portugal", "Forward", 30000000);            try {                repository.add(existingPlayer);            } catch (SQLException e) {                System.err.println("Caught expected exception for existing player P1: " + e.getMessage());            }            System.out.println("Final players in list: " + repository.getAllPlayers().size());            repository.getAllPlayers().forEach(System.out::println);        } catch (SQLException e) {            System.err.println("Application encountered a fatal SQL error: " + e.getMessage());            e.printStackTrace();        }    }}

总结

解决Java JDBC插入SQL Server数据库数据不生效的问题,需要开发者全面审视连接管理、事务处理、SQL语句构造、异常处理和资源释放等多个环节。核心要点包括:

正确的连接作用域: 确保Connection对象在整个操作周期内有效且未被关闭。显式事务提交: 在非自动提交模式下,务必在数据修改操作成功后调用connection.commit()。使用PreparedStatement: 优先使用预编译语句,以提高性能并有效防止SQL注入。健壮的异常处理: 捕获具体的SQLException,并在异常发生时执行rollback()并记录日志。资源管理: 利用try-with-resources或在finally块中确保所有JDBC资源(Connection, Statement, ResultSet)得到及时关闭。

遵循这些最佳实践,将有助于构建更稳定、安全、高效的Java JDBC数据持久化层。

以上就是Java JDBC数据持久化:解决SQL Server插入操作失败的常见陷阱的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1044257.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月2日 03:52:27
下一篇 2025年12月2日 03:52:48

相关推荐

  • Uniapp 中如何不拉伸不裁剪地展示图片?

    灵活展示图片:如何不拉伸不裁剪 在界面设计中,常常需要以原尺寸展示用户上传的图片。本文将介绍一种在 uniapp 框架中实现该功能的简单方法。 对于不同尺寸的图片,可以采用以下处理方式: 极端宽高比:撑满屏幕宽度或高度,再等比缩放居中。非极端宽高比:居中显示,若能撑满则撑满。 然而,如果需要不拉伸不…

    2025年12月24日
    400
  • 如何让小说网站控制台显示乱码,同时网页内容正常显示?

    如何在不影响用户界面的情况下实现控制台乱码? 当在小说网站上下载小说时,大家可能会遇到一个问题:网站上的文本在网页内正常显示,但是在控制台中却是乱码。如何实现此类操作,从而在不影响用户界面(UI)的情况下保持控制台乱码呢? 答案在于使用自定义字体。网站可以通过在服务器端配置自定义字体,并通过在客户端…

    2025年12月24日
    800
  • 如何在地图上轻松创建气泡信息框?

    地图上气泡信息框的巧妙生成 地图上气泡信息框是一种常用的交互功能,它简便易用,能够为用户提供额外信息。本文将探讨如何借助地图库的功能轻松创建这一功能。 利用地图库的原生功能 大多数地图库,如高德地图,都提供了现成的信息窗体和右键菜单功能。这些功能可以通过以下途径实现: 高德地图 JS API 参考文…

    2025年12月24日
    400
  • 如何使用 scroll-behavior 属性实现元素scrollLeft变化时的平滑动画?

    如何实现元素scrollleft变化时的平滑动画效果? 在许多网页应用中,滚动容器的水平滚动条(scrollleft)需要频繁使用。为了让滚动动作更加自然,你希望给scrollleft的变化添加动画效果。 解决方案:scroll-behavior 属性 要实现scrollleft变化时的平滑动画效果…

    2025年12月24日
    000
  • 如何为滚动元素添加平滑过渡,使滚动条滑动时更自然流畅?

    给滚动元素平滑过渡 如何在滚动条属性(scrollleft)发生改变时为元素添加平滑的过渡效果? 解决方案:scroll-behavior 属性 为滚动容器设置 scroll-behavior 属性可以实现平滑滚动。 html 代码: click the button to slide right!…

    2025年12月24日
    500
  • 如何选择元素个数不固定的指定类名子元素?

    灵活选择元素个数不固定的指定类名子元素 在网页布局中,有时需要选择特定类名的子元素,但这些元素的数量并不固定。例如,下面这段 html 代码中,activebar 和 item 元素的数量均不固定: *n *n 如果需要选择第一个 item元素,可以使用 css 选择器 :nth-child()。该…

    2025年12月24日
    200
  • 使用 SVG 如何实现自定义宽度、间距和半径的虚线边框?

    使用 svg 实现自定义虚线边框 如何实现一个具有自定义宽度、间距和半径的虚线边框是一个常见的前端开发问题。传统的解决方案通常涉及使用 border-image 引入切片图片,但是这种方法存在引入外部资源、性能低下的缺点。 为了避免上述问题,可以使用 svg(可缩放矢量图形)来创建纯代码实现。一种方…

    2025年12月24日
    100
  • 如何让“元素跟随文本高度,而不是撑高父容器?

    如何让 元素跟随文本高度,而不是撑高父容器 在页面布局中,经常遇到父容器高度被子元素撑开的问题。在图例所示的案例中,父容器被较高的图片撑开,而文本的高度没有被考虑。本问答将提供纯css解决方案,让图片跟随文本高度,确保父容器的高度不会被图片影响。 解决方法 为了解决这个问题,需要将图片从文档流中脱离…

    2025年12月24日
    000
  • 为什么 CSS mask 属性未请求指定图片?

    解决 css mask 属性未请求图片的问题 在使用 css mask 属性时,指定了图片地址,但网络面板显示未请求获取该图片,这可能是由于浏览器兼容性问题造成的。 问题 如下代码所示: 立即学习“前端免费学习笔记(深入)”; icon [data-icon=”cloud”] { –icon-cl…

    2025年12月24日
    200
  • 如何利用 CSS 选中激活标签并影响相邻元素的样式?

    如何利用 css 选中激活标签并影响相邻元素? 为了实现激活标签影响相邻元素的样式需求,可以通过 :has 选择器来实现。以下是如何具体操作: 对于激活标签相邻后的元素,可以在 css 中使用以下代码进行设置: li:has(+li.active) { border-radius: 0 0 10px…

    2025年12月24日
    100
  • 如何模拟Windows 10 设置界面中的鼠标悬浮放大效果?

    win10设置界面的鼠标移动显示周边的样式(探照灯效果)的实现方式 在windows设置界面的鼠标悬浮效果中,光标周围会显示一个放大区域。在前端开发中,可以通过多种方式实现类似的效果。 使用css 使用css的transform和box-shadow属性。通过将transform: scale(1.…

    2025年12月24日
    200
  • 为什么我的 Safari 自定义样式表在百度页面上失效了?

    为什么在 Safari 中自定义样式表未能正常工作? 在 Safari 的偏好设置中设置自定义样式表后,您对其进行测试却发现效果不同。在您自己的网页中,样式有效,而在百度页面中却失效。 造成这种情况的原因是,第一个访问的项目使用了文件协议,可以访问本地目录中的图片文件。而第二个访问的百度使用了 ht…

    2025年12月24日
    000
  • 如何用前端实现 Windows 10 设置界面的鼠标移动探照灯效果?

    如何在前端实现 Windows 10 设置界面中的鼠标移动探照灯效果 想要在前端开发中实现 Windows 10 设置界面中类似的鼠标移动探照灯效果,可以通过以下途径: CSS 解决方案 DEMO 1: Windows 10 网格悬停效果:https://codepen.io/tr4553r7/pe…

    2025年12月24日
    000
  • 使用CSS mask属性指定图片URL时,为什么浏览器无法加载图片?

    css mask属性未能加载图片的解决方法 使用css mask属性指定图片url时,如示例中所示: mask: url(“https://api.iconify.design/mdi:apple-icloud.svg”) center / contain no-repeat; 但是,在网络面板中却…

    2025年12月24日
    000
  • 如何用CSS Paint API为网页元素添加时尚的斑马线边框?

    为元素添加时尚的斑马线边框 在网页设计中,有时我们需要添加时尚的边框来提升元素的视觉效果。其中,斑马线边框是一种既醒目又别致的设计元素。 实现斜向斑马线边框 要实现斜向斑马线间隔圆环,我们可以使用css paint api。该api提供了强大的功能,可以让我们在元素上绘制复杂的图形。 立即学习“前端…

    2025年12月24日
    000
  • 图片如何不撑高父容器?

    如何让图片不撑高父容器? 当父容器包含不同高度的子元素时,父容器的高度通常会被最高元素撑开。如果你希望父容器的高度由文本内容撑开,避免图片对其产生影响,可以通过以下 css 解决方法: 绝对定位元素: .child-image { position: absolute; top: 0; left: …

    2025年12月24日
    000
  • CSS 帮助

    我正在尝试将文本附加到棕色框的左侧。我不能。我不知道代码有什么问题。请帮助我。 css .hero { position: relative; bottom: 80px; display: flex; justify-content: left; align-items: start; color:…

    2025年12月24日 好文分享
    200
  • 前端代码辅助工具:如何选择最可靠的AI工具?

    前端代码辅助工具:可靠性探讨 对于前端工程师来说,在HTML、CSS和JavaScript开发中借助AI工具是司空见惯的事情。然而,并非所有工具都能提供同等的可靠性。 个性化需求 关于哪个AI工具最可靠,这个问题没有一刀切的答案。每个人的使用习惯和项目需求各不相同。以下是一些影响选择的重要因素: 立…

    2025年12月24日
    300
  • 如何用 CSS Paint API 实现倾斜的斑马线间隔圆环?

    实现斑马线边框样式:探究 css paint api 本文将探究如何使用 css paint api 实现倾斜的斑马线间隔圆环。 问题: 给定一个有多个圆圈组成的斑马线图案,如何使用 css 实现倾斜的斑马线间隔圆环? 答案: 立即学习“前端免费学习笔记(深入)”; 使用 css paint api…

    2025年12月24日
    000
  • 如何使用CSS Paint API实现倾斜斑马线间隔圆环边框?

    css实现斑马线边框样式 想定制一个带有倾斜斑马线间隔圆环的边框?现在使用css paint api,定制任何样式都轻而易举。 css paint api 这是一个新的css特性,允许开发人员创建自定义形状和图案,其中包括斑马线样式。 立即学习“前端免费学习笔记(深入)”; 实现倾斜斑马线间隔圆环 …

    2025年12月24日
    100

发表回复

登录后才能评论
关注微信