本文介绍如何在php中将多行用户-页面-权限数据转换为横向宽表格式。通过数据预处理,将原始的纵向权限列表重构为嵌套的关联数组,使每个用户和页面组合的权限状态清晰化
。随后,利用重构后的数据高效地生成html表格,实现权限列的动态展示,从而解决原始数据直接渲染时可能出现的列错位问题,提升数据展示的清晰度和可维护性。
在Web应用开发中,我们经常需要展示用户在特定页面或区域的权限信息。原始数据通常以“纵向”格式存储,即每条记录包含一个用户、一个页面和一个权限,例如:
| user | page | permission |
|---|---|---|
| Jon | books | read |
| Jon | books | delete |
| Jon | photos | read |
| Jon | photos | edit |
然而,为了更直观地展示,我们通常希望将其转换为“横向”宽表格式,将同一用户和页面的所有权限合并到一行,并以独立的列来表示每种权限的存在与否,例如:
| user | page | read | edit | delete |
|---|---|---|---|---|
| Jon | books | X | X | |
| Jon | photos | X | X |
直接在遍历原始数据时尝试动态生成HTML表格,很容易遇到列错位或逻辑复杂的问题。核心挑战在于,当处理到一条记录时,我们无法预知同一用户和页面的所有权限,因此难以一次性确定所有权限列的状态。
解决此类问题的最佳实践是将数据处理逻辑与数据展示逻辑分离。这意味着在生成HTML之前,我们应该先对原始数据进行预处理,将其转换为一个更适合最终展示格式的数据结构。
预处理的目标是创建一个嵌套的关联数组,其结构能够直接映射到我们期望的宽表格式:
$sorted_data[user][page][permission_type] = boolean_value
其中,permission_type 是像 'read', 'edit', 'delete' 这样的权限名称,boolean_value 表示该权限是否存在(true)或不存在(false)。
以下是实现数据预处理的PHP代码示例:
'Jon', 'page' => 'books', 'permission' => 'read'],
['user' => 'Jon', 'page' => 'books', 'permission' => 'delete'],
['user' => 'Jon', 'page' => 'photos', 'permission' => 'read'],
['user' => 'Jon', 'page' => 'photos', 'permission' => 'edit'],
['user' => 'Jane', 'page' => 'books', 'permission' => 'read'],
['user' => 'Jane', 'page' => 'photos', 'permission' => 'delete'],
];
// 定义所有可能的权限类型
$allPermissions = ['read', 'edit', 'delete', 'create']; // 包含所有可能的权限类型
$sortedData = [];
foreach ($data as $row) {
$user = $row['user'];
$page = $row['page'];
$permission = $row['permission'];
// 确保用户层级存在
if (!isset($sortedData[$user])) {
$sortedData[$user] = [];
}
// 确保页面层级存在,并初始化所有权限为false
if (!isset($sortedData[$user][$page])) {
$sortedData[$user][$page] = array_fill_keys($allPermissions, false);
}
// 将当前权限设置为true
if (in_array($permission, $allPermissions)) {
$sortedData[$user][$page][$permission] = true;
}
}
// $sortedData 现在包含了转换后的数据结构
/* 示例结构:
$sortedData = [
'Jon' => [
'books' => [
'read' => true,
'edit' => false,
'delete' => true,
'create' => false,
],
'photos' => [
'read' => true,
'edit' => true,
'delete' => false,
'create' => false,
],
],
'Jane' => [
'books' => [
'read' => true,
'edit' => false,
'delete' => false,
'create' => false,
],
'photos' => [
'read' => false,
'edit' => false,
'delete' => true,
'create' => false,
],
],
];
*/
?>代码解析:
经过这一步预处理,$sortedData 已经是一个清晰、易于遍历的数据结构,其中包含了每个用户在每个页面上拥有的所有权限状态。
有了预处理后的 $sortedData,生成HTML表格就变得非常简单和直观。我们只需要两层嵌套循环即可:外层循环遍历用户,内层循环遍历页面,然后为每个页面生成一行,并根据权限状态输出 'X' 或空字符串。
'; echo ''; echo ''; foreach ($sortedData as $user => $pages) { foreach ($pages as $pagename => $perms) { echo ' User Page '; // 动态生成权限列的表头 foreach ($allPermissions as $permHeader) { echo '' . ucfirst($permHeader) . ' '; } echo ''; echo ' '; } } echo ''; echo ''; ?>' . htmlspecialchars($user) . ' '; echo '' . htmlspecialchars($pagename) . ' '; // 遍历所有权限,输出对应的 'X' 或空 foreach ($allPermissions as $permKey) { echo '' . ($perms[$permKey] ? 'X' : '') . ' '; } echo '
代码解析:
将上述数据预处理和HTML渲染代码整合,即可得到一个完整的解决方案:
'Jon', 'page' => 'books', 'permission' => 'read'],
['user' => 'Jon', 'page' => 'books', 'permission' => 'delete'],
['user' => 'Jon', 'page' => 'photos', 'permission' => 'read'],
['user' => 'Jon', 'page' => 'photos', 'permission' => 'edit'],
['user' => 'Jane', 'page' => 'books', 'permission' => 'read'],
['user' => 'Jane', 'page' => 'photos', 'permission' => 'delete'],
['user' => 'Jon', 'page' => 'reports', 'permission' => 'create'], // 新增权限类型
];
// 定义所有可能的权限类型,确保涵盖所有可能出现的权限
$allPermissions = ['read', 'edit', 'delete', 'create'];
// --- 数据预处理阶段 ---
$sortedData = [];
foreach ($data as $row) {
$user = $row['user'];
$page = $row['page'];
$permission = $row['permission'];
if (!isset($sortedData[$user])) {
$sortedData[$user] = [];
}
if (!isset($sortedData[$user][$page])) {
// 初始化所有权限为false
$sortedData[$user][$page] = array_fill_keys($allPermissions, false);
}
// 仅当权限在定义列表中时才设置
if (in_array($permission, $allPermissions)) {
$sortedData[$user][$page][$permission] = true;
}
}
// --- HTML渲染阶段 ---
echo '';
echo '';
echo '';
echo '';
echo '用户页面权限展示 ';
echo '';
echo '
';
echo '';
echo '用户页面权限详情
';
echo '| User | Page | '; foreach ($allPermissions as $permHeader) { echo '' . ucfirst($permHeader) . ' | '; } echo '
|---|---|---|
| ' . htmlspecialchars($user) . ' | '; echo '' . htmlspecialchars($pagename) . ' | '; foreach ($allPermissions as $permKey) { echo '' . ($perms[$permKey] ? 'X' : '') . ' | '; } echo '
通过上述方法,我们不仅成功地将多行权限数据转换为清晰的宽表格式,还构建了一个健壮、易于理解和维护的数据处理与展示流程。