0

0

Laravel 团队缺勤日历表格渲染优化教程

霞舞

霞舞

发布时间:2026-01-12 18:17:15

|

655人浏览过

|

来源于php中文网

原创

Laravel 团队缺勤日历表格渲染优化教程

本文介绍如何在 laravel 中高效渲染团队缺勤日历表格,解决因多重缺勤记录导致的重复单元格与表格结构崩溃问题,核心是预计算每位用户当月所有缺勤日期并使用 `in_array()` 快速判断。

在构建团队级缺勤日历(如按日展示每位成员出勤/缺勤状态)时,常见的错误是在 Blade 模板中对每个日期嵌套遍历所有缺勤记录——这会导致:一个日期被多次渲染为多个 单元格,从而破坏 HTML 表格结构(如 内出现 20 个 而非预期的 10 个),最终页面错乱甚至无法解析。

根本原因在于原始逻辑:

@foreach($days as $day)
    @foreach ($user->absences as $absence)  {{-- ❌ 错误:每日期 × 每条缺勤 = N² 次循环 --}}
        @if($day >= ... && $day <= ...) 
            x
        @else
            o
        @endif
    @endforeach
@endforeach

当某用户有 3 条缺勤记录时,第 5 天会被检查 3 次,可能生成 3 个

,直接破坏表格行结构。

✅ 正确解法:将“日期是否缺勤”的判断逻辑前置到控制器层,预先为每位用户生成一个扁平化的缺勤日期集合(如 [5,6,7,12,13,14]),Blade 中仅做一次 in_array() 判断。

AI Portrait Generator
AI Portrait Generator

AI 头像工具,上传照片创建自己的艺术肖像。

下载

✅ 推荐实现(Laravel 9+ 风格)

在控制器中(例如 AbsenceCalendarController@index):

use Carbon\Carbon;

// 获取当月第一天和最后一天(用于范围查询)
$monthStart = now()->startOfMonth();
$monthEnd = now()->endOfMonth();

// 加载用户及关联的、限定当月的有效缺勤记录
$users = User::with(['absences' => function ($q) use ($monthStart, $monthEnd) {
    $q->whereBetween('start', [$monthStart, $monthEnd])
      ->whereBetween('end', [$monthStart, $monthEnd]);
}])->get();

// 预计算每位用户的当月缺勤日期数组(去重、整数化)
$users = $users->map(function ($user) {
    $absenceDays = $user->absences->reduce(function ($carry, $absence) {
        // 确保 start/end 是 Carbon 实例,并转为当月日期数字(1~31)
        $startDay = (int) $absence->start->day;
        $endDay = (int) $absence->end->day;
        // 合并范围内的所有日期(自动去重)
        return array_merge($carry, range($startDay, $endDay));
    }, []);

    // 去重 + 升序(可选,提升可读性)
    $user->absenceDays = array_values(array_unique($absenceDays));
    return $user;
});

// 生成当月所有日期(如 [1,2,3,...,31])
$days = range(1, (int) now()->daysInMonth);

return view('calendar.index', compact('users', 'days'));

✅ Blade 模板精简写法(安全、高效)


            @foreach ($days as $day)
                
            @endforeach
        
        @foreach ($users as $user)
            
                @foreach ($days as $day)
                    @if (in_array($day, $user->absenceDays))
                        
                    @else
                        
                    @endif
                @endforeach
            
        @endforeach
    
User{{ $day }}
{{ $user->name }}xo

⚠️ 关键注意事项

  • 数据库查询优化:务必在 with() 关系加载时添加 whereBetween 条件,避免加载历史/未来无关缺勤数据,减轻内存压力。
  • 日期边界处理:若缺勤跨月(如 2024-05-28 至 2024-06-03),需按月拆分逻辑或使用更健壮的日期范围展开(如借助 CarbonPeriod),本例默认缺勤完全落在当月。
  • 性能扩展性:当用户量 > 500 时,建议改用数据库聚合(如 GROUP_CONCAT + JSON 解析)或缓存预计算结果,避免 PHP 层大量 range() 操作。
  • 样式建议:使用 Tailwind CSS 类替代内联 style,提升可维护性;x/o 可替换为图标(如 ⏰ / ?)或文字(On / Off)增强可访问性。

通过将「状态计算」从视图层上提到控制器,并采用集合预计算策略,你不仅解决了表格崩溃问题,还显著提升了渲染性能与代码可读性——这才是 Laravel 式优雅实践。

相关专题

更多
php文件怎么打开
php文件怎么打开

打开php文件步骤:1、选择文本编辑器;2、在选择的文本编辑器中,创建一个新的文件,并将其保存为.php文件;3、在创建的PHP文件中,编写PHP代码;4、要在本地计算机上运行PHP文件,需要设置一个服务器环境;5、安装服务器环境后,需要将PHP文件放入服务器目录中;6、一旦将PHP文件放入服务器目录中,就可以通过浏览器来运行它。

2437

2023.09.01

php怎么取出数组的前几个元素
php怎么取出数组的前几个元素

取出php数组的前几个元素的方法有使用array_slice()函数、使用array_splice()函数、使用循环遍历、使用array_slice()函数和array_values()函数等。本专题为大家提供php数组相关的文章、下载、课程内容,供大家免费下载体验。

1562

2023.10.11

php反序列化失败怎么办
php反序列化失败怎么办

php反序列化失败的解决办法检查序列化数据。检查类定义、检查错误日志、更新PHP版本和应用安全措施等。本专题为大家提供php反序列化相关的文章、下载、课程内容,供大家免费下载体验。

1460

2023.10.11

php怎么连接mssql数据库
php怎么连接mssql数据库

连接方法:1、通过mssql_系列函数;2、通过sqlsrv_系列函数;3、通过odbc方式连接;4、通过PDO方式;5、通过COM方式连接。想了解php怎么连接mssql数据库的详细内容,可以访问下面的文章。

951

2023.10.23

php连接mssql数据库的方法
php连接mssql数据库的方法

php连接mssql数据库的方法有使用PHP的MSSQL扩展、使用PDO等。想了解更多php连接mssql数据库相关内容,可以阅读本专题下面的文章。

1414

2023.10.23

html怎么上传
html怎么上传

html通过使用HTML表单、JavaScript和PHP上传。更多关于html的问题详细请看本专题下面的文章。php中文网欢迎大家前来学习。

1234

2023.11.03

PHP出现乱码怎么解决
PHP出现乱码怎么解决

PHP出现乱码可以通过修改PHP文件头部的字符编码设置、检查PHP文件的编码格式、检查数据库连接设置和检查HTML页面的字符编码设置来解决。更多关于php乱码的问题详情请看本专题下面的文章。php中文网欢迎大家前来学习。

1445

2023.11.09

php文件怎么在手机上打开
php文件怎么在手机上打开

php文件在手机上打开需要在手机上搭建一个能够运行php的服务器环境,并将php文件上传到服务器上。再在手机上的浏览器中输入服务器的IP地址或域名,加上php文件的路径,即可打开php文件并查看其内容。更多关于php相关问题,详情请看本专题下面的文章。php中文网欢迎大家前来学习。

1305

2023.11.13

Java 项目构建与依赖管理(Maven / Gradle)
Java 项目构建与依赖管理(Maven / Gradle)

本专题系统讲解 Java 项目构建与依赖管理的完整体系,重点覆盖 Maven 与 Gradle 的核心概念、项目生命周期、依赖冲突解决、多模块项目管理、构建加速与版本发布规范。通过真实项目结构示例,帮助学习者掌握 从零搭建、维护到发布 Java 工程的标准化流程,提升在实际团队开发中的工程能力与协作效率。

10

2026.01.12

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
PHP课程
PHP课程

共137课时 | 8.5万人学习

JavaScript ES5基础线上课程教学
JavaScript ES5基础线上课程教学

共6课时 | 6.9万人学习

PHP新手语法线上课程教学
PHP新手语法线上课程教学

共13课时 | 0.8万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号