用 PHP 填充一百万个图像网格以获取互联网历史

10mpage.com:构建一个容纳千万图像的互联网档案馆

我正在开发10mpage.com,旨在捕捉2025年互联网的缩影。任何互联网用户都可以上传64×64像素的小图像,为这个数字档案馆贡献一份力量。

图像添加流程如下:上传的图像首先进入待处理队列。考虑到互联网提交的不可预测性,每个待处理图像都需要人工审核批准。

批准后,图像会被放置到一个网格中。这个网格存储在名为“tiles”的数据库表中,每行记录图像的x和y坐标。

待处理图像可能包含多个1×1的小图块。大型待处理图像会被分割成多个小图块,最终所有图块都统一为1×1大小。

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

本文将重点介绍我如何将待处理图块高效地放置到网格中,并优化流程以应对大规模数据处理的挑战。10mpage的目标是容纳一千万个小图块。

预告:我的第一版算法在处理几千个图块时,添加新图块需要几秒钟,随着网格规模的扩大,速度显著下降。我粗略估算了一下,添加一千万个图块需要的时间……几年……

让我们分析一下我的初始方法。它很简单:循环遍历网格,寻找空位并放置待处理图块。这其中包含了一些关于网格如何随着数据增长而扩展的逻辑。

以下是根据待处理图块的宽度和高度查找可用位置的函数:

public function find(int $blockwidth, int $blockheight): array{    $currentmaxx = tile::query()->max('x') ?? 0;    $currentmaxy = tile::query()->max('y') ?? 0;    $currentwidth = $currentmaxx + 1;    $currentheight = $currentmaxy + 1;    $newwidth = $currentwidth;    $newheight = $currentheight;    if ($currentwidth > $currentheight) {        $newheight++;    } elseif ($currentheight > $currentwidth) {        $newwidth++;    } else {        $newwidth++;    }    for ($y = 0; $y canplaceblock($x, $y, $blockwidth, $blockheight)) {                return ['x' => $x, 'y' => $y];            }        }    }    return [0,0];}protected function canplaceblock(int $startx, int $starty, int $blockwidth, int $blockheight): bool{    for ($y = $starty; $y where('x', $x)->where('y', $y)->exists()) {                return false;            }        }    }    return true;}

这种方法在图块数量较少时表现良好,但随着网格规模的扩大,速度急剧下降。这是因为循环总是从零开始遍历。

对于大型图块,一个简单的优化是重写canplaceblock函数,使其只执行单个数据库查询:

public function canplaceblock(int $startx, int $starty, int $blockwidth, int $blockheight): bool{    $ys = range($starty, $starty + $blockheight - 1);    $xs = range($startx, $startx + $blockwidth - 1);    return ! tile::wherein('x', $xs)->wherein('y', $ys)->exists();}

我们还可以尝试从数据库中已存在的最小x和y坐标开始优化find函数:

$maxx = tile::query()->max('x') ?? 1000;$maxy = tile::query()->max('y') ?? 1000;$minx = tile::query()->min('x') ?? 0;$miny = tile::query()->min('y') ?? 0;$occupiedtiles = tile::query()    ->where('x', '>=', $minx)    ->where('x', 'where('y', '>=', $miny)    ->where('y', 'get()    ->mapwithkeys(fn (tile $tile) => [$tile->x.','.$tile->y => true]);// ... (rest of the find function)

然而,这种方法并没有显著改善性能,因为最小值仍然为零,而且加载整个网格会消耗更多内存。此外,仍然需要执行查询来检查整个图块是否合适(仅适用于尺寸大于1的待处理图块,但这尚未实现)。

上述两种解决方案都存在以下两个问题:

图块数量较多时速度慢只能一次放置一个待处理图块

如果我们使用更小的块呢?假设使用100×100的块。这可以解决这两个问题:首先,我们不必检查大于100×100的网格;其次,我们可以使用并发进程将待处理图块放置到不同的块中。

为了实现并发,我们需要确保每个块只被同时访问一次,并且待处理图块不会溢出块。

我将这些块称为“放置块”,并创建了一个名为placement_blocks的新数据库表。对于每个块,我们存储最小/最大x/y坐标和一个布尔值(指示块是否已满)。

一旦所有块都已满,就需要在网格的右侧和底部创建新的块。如下图所示:

用 PHP 填充一百万个图像网格以获取互联网历史

放置过程现在必须从查找可用的放置块开始。我使用递归函数来查找可用块,如果没有可用块,则创建新的放置块:

// ... (find function implementation) ...

这是place函数使用的代码。此函数使用两种锁:全局锁和特定于放置块的锁。它首先锁定全局锁来查找可用的放置块。一旦找到放置块,它就会被锁定,并且全局锁被释放,以便下一个进程也能找到放置块。

// ... (place function implementation) ...

查找可用位置使用我们之前编写的canplaceblock函数,其中图块仅限于放置块内查找。一旦找到位置,它将添加图块并释放放置块锁定。

但是,如果待处理图块不适合可用的放置块,该怎么办?必须等到网格扩展才能放置。目前不支持添加大于单个放置块的待处理图块。

我使用Laravel作业和Laravel Horizon运行此程序,有多个worker处理放置任务。通过这种实现,可以同时放置的图块数量受到worker数量和可用放置块数量的限制。随着项目的发展,我可以增加worker数量来同时放置更多图块,只需确保worker数量等于或小于放置块的数量即可。

感谢您的阅读。如果您喜欢这篇文章,欢迎将您最喜欢的编程语言、加密货币或宠物添加到10mpage中!它是免费的!

以上就是用 PHP 填充一百万个图像网格以获取互联网历史的详细内容,更多请关注创想鸟其它相关文章!

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月11日 00:25:32
下一篇 2025年12月11日 00:25:41

相关推荐

  • HTMLrev 上的免费 HTML 网站模板

    HTMLrev 是唯一的人工策划的库专门专注于免费 HTML 模板,适用于由来自世界各地慷慨的模板创建者制作的网站、登陆页面、投资组合、博客、电子商务和管理仪表板世界。 这个人就是我自己 Devluc,我已经工作了 1 年多来构建、改进和更新这个很棒的免费资源。我自己就是一名模板制作者,所以我知道如…

    2025年12月24日
    300
  • 如何使用 Laravel 框架轻松整合微信支付与支付宝支付?

    如何通过 laravel 框架整合微信支付与支付宝支付 在 laravel 开发中,为电商网站或应用程序整合支付网关至关重要。其中,微信支付和支付宝是中国最流行的支付平台。本文将介绍如何使用 laravel 框架封装这两大支付平台。 一个简单有效的方法是使用业内认可的 easywechat lara…

    2025年12月24日
    000
  • Laravel 框架中如何无缝集成微信支付和支付宝支付?

    laravel 框架中微信支付和支付宝支付的封装 如何将微信支付和支付宝支付无缝集成到 laravel 框架中? 建议解决方案 考虑使用 easywechat 的 laravel 版本。easywechat 是一个成熟、维护良好的库,由腾讯官方人员开发,专为处理微信相关功能而设计。其 laravel…

    2025年12月24日
    500
  • 如何在 Laravel 框架中轻松集成微信支付和支付宝支付?

    如何用 laravel 框架集成微信支付和支付宝支付 问题:如何在 laravel 框架中集成微信支付和支付宝支付? 回答: 建议使用 easywechat 的 laravel 版,easywechat 是一个由腾讯工程师开发的高质量微信开放平台 sdk,已被广泛地应用于许多 laravel 项目中…

    2025年12月24日
    000
  • 使用Laravel框架如何整合微信支付和支付宝支付?

    使用 Laravel 框架整合微信支付和支付宝支付 在使用 Laravel 框架开发项目时,整合支付网关是常见的需求。对于微信支付和支付宝支付,推荐采用以下方法: 使用第三方库:EasyWeChat 的 Laravel 版本 建议直接使用现有的 EasyWeChat 的 Laravel 版本。该库由…

    2025年12月24日
    000
  • 如何将微信支付和支付宝支付无缝集成到 Laravel 框架中?

    如何简洁集成微信和支付宝支付到 Laravel 问题: 如何将微信支付和支付宝支付无缝集成到 Laravel 框架中? 答案: 强烈推荐使用流行的 Laravel 包 EasyWeChat,它由腾讯开发者维护。多年来,它一直保持更新,提供了一个稳定可靠的解决方案。 集成步骤: 安装 Laravel …

    2025年12月24日
    100
  • 当父元素仅设置行高时,块级和行内块级元素的行为有何区别?

    当父元素仅设置行高时,块级或行内块级子元素的行为 在 html 中,当父元素仅设置行高 line-height 时,块级或行内块级元素的行为会有所不同。 <line-height: 60px; background-color: antiquewhite; 哈哈哈 行内块级元素(display…

    2025年12月24日
    200
  • 如何使用 CSS 渐变实现仅显示左右两端的多彩边框?

    使用 css 渐变实现多彩边框 在需要给元素添加边框时,我们可以通过 css 的 border-image 属性实现渐变边框效果。例如,以下代码可以设置一个左右两端显示渐变色的边框: border-image: linear-gradient(rgba(255, 255, 255, 0.00) 0%…

    2025年12月24日
    000
  • CSS 样式隔离难题:不同项目如何兼容不同版本组件库?

    CSS 样式隔离难题:不同项目如何兼容不同版本组件库? 在软件开发中,不同的项目经常会使用不同的组件库或框架版本。当这些项目需要集成在一起时,不同样式之间的冲突就成了一个难题。在这个案例中,项目 A 和 B 都使用 ant-design-vue 组件库,但版本不一致。由于部分 A 项目中的组件 CS…

    2025年12月24日
    000
  • 在 Sass 中使用 Mixin

    如果您正在深入研究前端开发世界,那么您很可能遇到过sass(语法很棒的样式表)。 sass 是一个强大的 css 预处理器,它通过提供变量、嵌套、函数和 mixins 等功能来增强您的 css 工作流程。在这些功能中,mixins 作为游戏规则改变者脱颖而出,允许您有效地重用代码并保持样式表的一致性…

    2025年12月24日
    200
  • 使用 React 构建加密货币查找器应用程序

    介绍 加密货币如今风靡一时,随着可用硬币的数量过多,有一个工具可以轻松搜索和查看它们的详细信息是至关重要的。 crypto finder 应用程序就是这样做的。该应用程序使用 react 构建,为用户搜索、过滤和查看加密货币详细信息提供无缝体验。 项目概况 crypto finder 应用程序包括:…

    2025年12月24日 好文分享
    300
  • html5怎么设置月份_HTML5用input type=”month”让用户选择年月月份【设置】

    HTML5的input type=”month”提供原生年月选择器,格式为“YYYY-MM”,支持value默认值、min/max范围限制、name表单提交,并需JavaScript降级兼容旧浏览器。 如果您希望在网页中提供一个简洁的年月选择控件,HTML5 的 input …

    2025年12月23日
    200
  • Web页面中动态内容与页脚重叠的解决方案

    本教程旨在解决使用php `include`功能构建bootstrap网站时,页脚内容与主体内容重叠的问题。核心在于纠正html结构中的多余 “ 和 ` ` 标签,确保每个页面只包含一个完整的html文档结构,并将javascript脚本正确放置在 “ 结束标签之前,从而实现…

    2025年12月23日
    000
  • Laravel Blade模板中DIV元素样式定制指南:字体、间距与最佳实践

    本教程详细介绍了如何在laravel blade模板中为div元素应用自定义字体、调整大小和设置间距。我们将探讨常见的错误、正确的内联样式方法,并强调使用css类的最佳实践,同时指导如何正确集成自定义字体,以实现清晰、可维护的样式控制。 引言:理解Blade模板中的样式需求 在构建Web应用时,我们…

    2025年12月23日
    200
  • 如何正确构建HTML结构以确保Bootstrap页脚自动下沉

    本教程旨在解决使用php `include` 和 bootstrap 5 时页脚与内容重叠的问题。核心在于纠正不正确的html结构,避免重复的“和` `标签,合理放置css和javascript引用,并移除可能导致布局冲突的`vh-100`类,确保页脚能根据内容动态下沉。 在Web开发中…

    2025年12月23日
    000
  • 优化Web页面布局:确保Bootstrap页脚自动适应内容高度

    当使用php `include` 动态构建页面时,不正确的html结构(如重复的 “ 和 ` ` 标签)常导致页脚与主体内容重叠。本文将指导如何通过修正html文档结构,避免冗余标签,并确保javascript脚本正确放置,从而实现页脚自动向下移动,适应动态内容高度,提升页面布局的稳定性…

    2025年12月23日
    000
  • PHP Include与Bootstrap布局:解决动态内容下的页脚重叠问题

    本文探讨了在使用php `include` 和 bootstrap 构建网页时,因不当的html结构和css应用导致的页脚重叠问题。教程将指导您如何通过规范html文档结构、正确放置脚本文件以及移除冲突的css属性,确保页脚能够随主体内容动态调整位置,实现健壮且响应式的页面布局。 问题分析:页脚重叠…

    2025年12月23日
    000
  • 怎么运行.html.tpl_运行.html.tpl文件步骤【指南】

    .html.tpl文件需通过后端模板引擎解析,不能直接运行;首先搭建PHP环境,安装Smarty等模板引擎,配置模板与编译目录,编写PHP脚本加载.tpl文件并分配数据,最后通过访问PHP文件触发渲染,浏览器查看最终HTML。 运行 `.html.tpl` 文件并不是直接像普通 HTML 文件那样在…

    2025年12月23日
    000
  • 解决PHP Include页面中页脚重叠问题的最佳实践

    本文旨在解决使用PHP `include`功能构建网页时,页脚与主体内容重叠的问题。核心在于纠正不规范的HTML结构,确保每个页面只有一个`html>`和` `标签,并合理组织导航、内容和页脚的PHP包含文件,同时优化脚本加载位置和元素间距,以实现稳固且响应式的页面布局。 理解问题根源:不规范…

    2025年12月23日
    000
  • 在React中为标签的src属性添加多重条件判断

    本文将深入探讨在React应用中,如何利用JavaScript的条件(三元)运算符,为“标签的`src`属性实现多重条件判断。我们将通过具体代码示例,展示如何根据不同的数据状态动态地切换图片资源,并提供最佳实践,确保代码的清晰性和可维护性,从而提升用户界面的交互性与灵活性。 动态图片源的需求场景 …

    2025年12月23日
    000

发表回复

登录后才能评论
关注微信