PHP常用框架如何实现数据导出为Excel格式 PHP常用框架Excel处理的技巧

在PHP框架中实现Excel导出需依赖PhpSpreadsheet等第三方库,通过Composer安装后,结合框架机制进行数据准备、创建Spreadsheet对象、填充数据、设置响应头并输出文件;为应对大数据量导出,应采用分块读取、流式写入、禁用内存缓存、启用磁盘缓存、使用后台队列处理、优化PHP配置及及时释放内存等策略,避免内存溢出和超时;样式定制可通过设置字体、背景、边框、对齐等方式实现,多工作表可分别创建并命名,复杂数据结构宜采用多表关联或扁平化展示;常见问题包括内存溢出、执行超时、文件损坏、乱码和数据类型显示异常,可通过日志排查、清除输出缓冲、确保UTF-8编码、合理设置单元格格式及分步测试等方式有效调试和解决,最终确保导出功能稳定可靠。

php常用框架如何实现数据导出为excel格式 php常用框架excel处理的技巧

在PHP常用框架中,实现数据导出为Excel格式,通常是通过集成强大的第三方库如PhpSpreadsheet来完成的。这些框架本身并不直接内置Excel处理能力,而是提供便捷的机制(如Composer依赖管理、服务容器、助手函数等)来整合这些库,从而简化了数据从数据库或其他来源提取、格式化并输出为Excel文件的整个流程。这让开发者能够专注于业务逻辑,而非底层的文件格式细节。

实现数据导出为Excel格式,本质上是利用一个功能完备的PHP库来生成符合Excel规范的文件。目前,PhpSpreadsheet无疑是这个领域的佼佼者,它几乎成为了PHP生态中处理Excel文件的标准。

核心流程通常是这样的:

安装库: 这是第一步,通过Composer将PhpSpreadsheet引入到你的项目中。在你的项目根目录运行

composer require phpoffice/phpspreadsheet

即可。

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

数据准备: 从数据库查询出需要导出的数据。无论你用的是Laravel的Eloquent ORM,Symfony的Doctrine,Yii2的ActiveRecord,还是CodeIgniter的查询构建器,最终你需要一个包含你所需数据的数组或对象集合。我个人习惯是先将数据整理成一个二维数组,这样操作起来更直观。

创建Spreadsheet对象: 实例化一个

Spreadsheet

对象,这就像是创建了一个空白的Excel工作簿。

use PhpOfficePhpSpreadsheetSpreadsheet;use PhpOfficePhpSpreadsheetWriterXlsx;$spreadsheet = new Spreadsheet();$sheet = $spreadsheet->getActiveSheet();

填充数据: 将准备好的数据写入到工作表中。你可以逐行逐列写入,也可以一次性写入一个数组。对于表头,我通常会单独处理,确保它们在第一行。

// 假设 $data 是从数据库查询出来的二维数组// 比如:[['姓名', '年龄'], ['张三', 20], ['李四', 22]]$header = ['用户ID', '用户名', '邮箱', '注册日期'];$sheet->fromArray($header, NULL, 'A1'); // 写入表头// 假设 $users 是你从数据库取出的用户列表$rowIndex = 2; // 从第二行开始写入数据foreach ($users as $user) {    $sheet->setCellValue('A' . $rowIndex, $user->id);    $sheet->setCellValue('B' . $rowIndex, $user->name);    $sheet->setCellValue('C' . $rowIndex, $user->email);    $sheet->setCellValue('D' . $rowIndex, $user->created_at->format('Y-m-d H:i:s'));    $rowIndex++;}

这里有个小技巧,如果你想一次性把所有数据(包括表头)都写进去,可以把表头和数据合并成一个大数组,然后用

fromArray

方法。但这样可能少了一些灵活性,比如对表头单独设置样式就不那么方便了。

设置响应头: 这是关键一步,告诉浏览器你正在发送一个文件,以及这个文件的类型和建议的文件名。

header('Content-Type: application/vnd.openxmlformats-officedocument.spreadsheetml.sheet');header('Content-Disposition: attachment;filename="用户列表_' . date('YmdHis') . '.xlsx"');header('Cache-Control: max-age=0');

记得在这些

header

调用之前,不要有任何输出,否则会导致文件损坏。有时候,如果你的框架有调试工具条或者其他默认输出,需要特别留意并禁用。

保存或输出文件: 最后一步是将

Spreadsheet

对象写入到输出流或指定文件。

$writer = new Xlsx($spreadsheet);$writer->save('php://output'); // 直接输出到浏览器// 或者 $writer->save('path/to/your/file.xlsx'); // 保存到服务器文件系统exit; // 确保不再有其他内容输出

在框架中,这个逻辑通常会封装在一个控制器方法、一个服务类,或者一个专门的导出类中。比如在Laravel里,你可能会创建一个

Export

类,利用

Laravel Excel

(它底层也用了PhpSpreadsheet)来简化这个过程,甚至可以结合队列处理大文件导出。Symfony则可能将其封装成一个服务,通过依赖注入来使用。Yii2和CodeIgniter也有各自的扩展或库来提供类似的功能。我个人觉得,无论用什么框架,理解PhpSpreadsheet的核心用法,总能让你在遇到问题时,不至于一头雾水。

如何高效处理PHP框架中大数据量Excel导出,避免内存溢出和超时?

处理大数据量导出确实是个让人头疼的问题,我遇到过好几次因为几万甚至几十万条数据导出导致服务器内存爆掉的情况。这不光是代码层面的优化,也涉及到服务器配置和架构考量。

1. 分块读取与写入(Chunking & Streaming):这是最直接也最有效的方法。不要一次性把所有数据都加载到内存中。

数据库层面: 使用数据库的游标或者分批次查询(例如

LIMIT

OFFSET

),每次只取少量数据。PhpSpreadsheet层面: PhpSpreadsheet本身支持流式写入。当数据量非常大时,可以考虑不将整个

Spreadsheet

对象完全构建在内存中。对于超大数据量,甚至可以考虑直接生成CSV文件,它的内存开销远小于XLSX。Laravel的

chunkById

cursor

Laravel的Eloquent提供了

chunkById

cursor

方法,可以非常方便地分批处理查询结果,而无需一次性加载所有模型到内存。

2. 禁用单元格缓存:PhpSpreadsheet默认会缓存一些单元格信息,这在小文件时有助于性能,但对于大文件会消耗大量内存。可以通过设置来禁用:

// 在创建writer之前$writer = new Xlsx($spreadsheet);$writer->setPreCalculateFormulas(false); // 如果没有公式,可以禁用$writer->setUseDiskCaching(true); // 启用磁盘缓存而不是内存缓存$writer->setTempDir(sys_get_temp_dir()); // 设置临时目录

我个人经验是,

setUseDiskCaching(true)

对于缓解内存压力非常有帮助。

3. 后台队列处理(Queues):对于特别大的导出任务,让用户等待是不可接受的,而且容易导致HTTP请求超时。最好的办法是将其推送到后台队列中处理。

流程: 用户发起导出请求 -> 服务器将导出任务推送到队列 -> 立即响应用户“导出任务已提交,请稍后查看” -> 后台工作进程从队列中取出任务,执行导出操作 -> 导出完成后,将文件保存到服务器,并通知用户(例如通过邮件、站内信)。框架支持: Laravel有强大的Queue系统,Symfony有Messenger组件,它们都支持多种驱动(Redis, RabbitMQ, Database等)。这是处理耗时任务的黄金法则。

4. 优化PHP配置:虽然不是根本解决方案,但在极端情况下,适当调高PHP的

memory_limit

max_execution_time

是必要的。但要注意,这会增加服务器的资源消耗,不应作为常规手段。

; php.inimemory_limit = 512M ; 甚至更高,根据你的数据量和服务器资源max_execution_time = 300 ; 5分钟,如果用队列可以设小点

5. 及时释放内存:在循环中处理大量数据时,及时

unset

不再使用的变量,并调用

gc_collect_cycles()

(虽然PHP的垃圾回收机制通常很智能,但手动触发有时会有帮助,尤其是在复杂对象结构中)。

// 假设在一个大循环里foreach ($largeDataSet as $item) {    // ... 处理逻辑 ...    unset($item); // 释放当前循环的变量}gc_collect_cycles(); // 强制垃圾回收

我发现这个操作在某些特定场景下,能让内存曲线平稳很多。

在PHP框架中,如何实现Excel导出时的样式定制、多工作表管理以及复杂数据结构的呈现?

Excel导出不只是把数据扔进去,有时候还需要美化、分门别类。PhpSpreadsheet在这方面提供了非常强大的API。

1. 样式定制:

单元格样式: 可以设置字体(大小、颜色、粗体、斜体)、背景色、边框、对齐方式等。

use PhpOfficePhpSpreadsheetStyleAlignment;use PhpOfficePhpSpreadsheetStyleBorder;use PhpOfficePhpSpreadsheetStyleFill;// 设置表头样式$sheet->getStyle('A1:D1')->applyFromArray([    'font' => [        'bold' => true,        'color' => ['argb' => 'FFFFFFFF'], // 白色字体        'size' => 12,    ],    'fill' => [        'fillType' => Fill::FILL_SOLID,        'startColor' => ['argb' => 'FF4F81BD'], // 深蓝色背景    ],    'alignment' => [        'horizontal' => Alignment::HORIZONTAL_CENTER,    ],    'borders' => [        'allBorders' => [            'borderStyle' => Border::BORDER_THIN,            'color' => ['argb' => 'FF000000'],        ],    ],]);// 自动列宽foreach (range('A', 'D') as $columnID) {    $sheet->getColumnDimension($columnID)->setAutoSize(true);}

我个人觉得,样式这块虽然灵活,但如果样式特别复杂,维护起来会比较麻烦。可以考虑把常用的样式定义成数组,复用起来会方便很多。

行高与列宽: 可以手动设置,也可以让PhpSpreadsheet自动调整。

$sheet->getRowDimension(1)->setRowHeight(20);
$sheet->getColumnDimension('A')->setWidth(30);

合并单元格:

$sheet->mergeCells('A1:B1');

2. 多工作表管理:一个Excel文件可以包含多个工作表,这在需要分类展示数据时非常有用。

// 获取第一个工作表并命名$sheet = $spreadsheet->getActiveSheet();$sheet->setTitle('用户列表');// 添加一个新的工作表$newSheet = $spreadsheet->createSheet();$newSheet->setTitle('订单列表');// 在新工作表上写入数据$newSheet->setCellValue('A1', '订单ID');// ... 写入订单数据 ...// 还可以设置活动工作表$spreadsheet->setActiveSheetIndex(0); // 切换回第一个工作表

我通常会根据业务模块来划分工作表,比如“销售数据”、“库存数据”、“客户信息”等等,这样数据结构清晰,也方便用户查阅。

3. 复杂数据结构的呈现:

嵌套数据: 如果你的数据是嵌套的(比如用户有多个地址,订单有多个商品),你需要决定如何在Excel中扁平化展示。

方法一: 为每个嵌套项创建单独的行,重复主记录的信息。方法二: 将嵌套数据合并到单个单元格中(例如,用逗号分隔的字符串),但这会牺牲数据的可分析性。方法三: 使用多工作表,一个工作表是主记录,另一个工作表是嵌套记录,通过ID关联。这是我最推荐的方式,因为它保持了数据的完整性和可读性。

日期/时间格式: 确保日期和时间以正确的Excel格式显示,而不是PHP的Unix时间戳或字符串。

use PhpOfficePhpSpreadsheetSharedDate;use PhpOfficePhpSpreadsheetStyleNumberFormat;$sheet->setCellValue('D2', Date::PHPToExcel($user->created_at->getTimestamp()));$sheet->getStyle('D2')->getNumberFormat()->setFormatCode(NumberFormat::FORMAT_DATE_YYYYMMDD);// 或者更简单的,直接写入格式化后的字符串,但Excel不会识别为日期类型// $sheet->setCellValue('D2', $user->created_at->format('Y-m-d H:i:s'));

这里要注意,直接写入

format()

后的字符串,Excel会将其识别为文本。如果希望Excel能识别为日期类型并能进行日期计算,就需要用

Date::PHPToExcel

转换,并设置单元格的数字格式。

在PHP框架中进行Excel数据导出时,常见的挑战有哪些,又该如何有效调试和解决?

在实际开发中,Excel导出常常会遇到一些意想不到的问题,有些是PHP本身的限制,有些是库的使用不当。

1. 内存溢出(Allowed memory size of X bytes exhausted):

挑战: 这是最常见的错误,尤其是在导出大量数据时。PHP脚本试图分配超过

memory_limit

设置的内存。调试与解决:日志: 错误日志会明确指出内存溢出发生的文件和行号。逐步排查: 减少导出数据量,看是否能成功。如果是,说明是数据量过大导致。优化代码: 采用前面提到的分块读取、禁用缓存、及时

unset

变量等策略。服务器配置: 临时提高

memory_limit

(仅用于测试,不推荐长期依赖)。队列: 将大文件导出任务推入后台队列处理。

2. 执行时间超时(Maximum execution time of X seconds exceeded):

挑战: 导出过程耗时过长,超出了PHP脚本允许的最大执行时间。调试与解决:日志: 同样会显示超时错误。优化查询: 检查数据库查询是否高效,是否有慢查询。优化数据处理: 减少不必要的计算和循环。队列: 这是解决超时的最佳方案,将耗时操作放到后台。服务器配置: 临时提高

max_execution_time

3. 文件损坏或无法打开:

挑战: 生成的Excel文件打开时提示损坏,或者内容不完整。调试与解决:HTTP头: 检查

header()

函数调用前是否有任何意外输出(包括空格、BOM头)。这是最常见的原因。确保

header

调用前没有任何

echo

print

、HTML代码,甚至PHP文件的BOM头。有时候,一个不经意的空格都能毁掉文件。

ob_clean()

flush()

header()

调用之前,使用

ob_clean()

清除输出缓冲区,然后

flush()

发送缓冲区内容。

exit;

确保在文件输出后立即

exit;

,防止后续代码的输出污染文件流。文件格式: 确认你使用的

Writer

类型(

Xlsx

,

Csv

等)与文件扩展名匹配。权限: 如果是保存到服务器文件系统,检查目标目录是否有写入权限。

4. 字符编码问题(乱码):

挑战: Excel文件中的中文或特殊字符显示为乱码。调试与解决:统一编码: 确保你的数据库连接、PHP脚本文件、以及PhpSpreadsheet处理的数据都使用UTF-8编码。这是最关键的。数据源: 检查从数据库读取的数据本身是否已经是UTF-8。

mb_convert_encoding()

万不得已时,可以使用

mb_convert_encoding()

进行编码转换,但最好从源头保证编码一致性。

5. 复杂数据类型显示不正确:

挑战: 日期、数字、长字符串等在Excel中显示不符合预期。调试与解决:日期: 使用

PhpOfficePhpSpreadsheetSharedDate::PHPToExcel()

转换PHP时间戳或

DateTime

对象,并设置单元格的

NumberFormat

数字: 对于大数字或精度要求高的数字,可能需要设置单元格的

NumberFormat

为文本,避免Excel自动转换。长字符串: Excel对单个单元格的字符数有限制(约32767),如果超过这个限制,数据会被截断。考虑将长文本分拆到多个单元格,或提醒用户。

我个人觉得,调试这类问题,除了看报错日志,最好的办法是分步测试。先尝试导出少量数据,然后逐步增加数据量;先不设置样式,只导出纯数据,成功后再逐步添加样式。这样能更快定位到是数据问题、内存问题还是样式渲染问题。另外,利用浏览器开发者工具的网络请求部分,检查下载文件的HTTP响应头,也能发现很多线索。

以上就是PHP常用框架如何实现数据导出为Excel格式 PHP常用框架Excel处理的技巧的详细内容,更多请关注创想鸟其它相关文章!

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月11日 07:38:58
下一篇 2025年12月11日 07:39:11

相关推荐

  • 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日
    000
  • 如何用 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

发表回复

登录后才能评论
关注微信