基于 MySQL 数据值的 PHP 字体颜色动态调整教程-php教程-PHP中文网

基于 MySQL 数据值的 PHP 字体颜色动态调整教程

心靈之曲

发布： 2025-07-14 18:28:02

原创

751人浏览过

基于 mysql 数据值的 php 字体颜色动态调整教程

本教程旨在指导开发者如何根据从 MySQL 数据库检索到的值，动态地改变 PHP 页面中特定文本的字体颜色。通过使用 CSS 类和 PHP 的条件判断，可以轻松实现根据不同状态值显示不同颜色的效果，例如将 "Pending" 状态显示为黄色，"Approved" 状态显示为绿色，"Rejected" 状态显示为红色。

在 Web 开发中，经常需要根据数据库中的数据状态来动态地改变页面元素的样式，例如字体颜色。以下是如何使用 PHP 和 CSS 来实现这个功能的详细步骤。

1. 定义 CSS 类

首先，需要在 CSS 中定义不同的类，每个类对应一种状态和颜色。例如，可以定义 approved、rejected 和 pending 三个类，分别对应绿色、红色和黄色。

.approved {
    color: green;
}

.rejected {
    color: red;
}

.pending {
    color: yellow;
}

登录后复制

可以将这些 CSS 规则添加到页面的 <style> 标签中，或者将其保存在一个单独的 CSS 文件中，并在页面中引用。

立即学习“PHP免费学习笔记（深入）”；

2. 在 PHP 中动态添加 CSS 类

接下来，需要在 PHP 代码中根据从数据库中检索到的状态值，动态地将相应的 CSS 类添加到 HTML 元素中。

假设你已经从 MySQL 数据库中检索到了一个名为 $report['booking_type'] 的变量，它包含了 booking 的状态（例如 "Pending"、"Approved" 或 "Rejected"）。可以使用 PHP 的 if 语句或 switch 语句来根据不同的状态值选择不同的 CSS 类。

使用 if 语句的示例：

网页制作与PHP语言应用

图书《网页制作与PHP语言应用》，由武汉大学出版社于2006出版，该书为普通高等院校网络传播系列教材之一，主要阐述了网页制作的基础知识与实践，以及PHP语言在网络传播中的应用。该书内容涉及：HTML基础知识、PHP的基本语法、PHP程序中的常用函数、数据库软件MySQL的基本操作、网页加密和身份验证、动态生成图像、MySQL与多媒体素材库的建设等。

447

查看详情

<?php
$booking_type = $report['booking_type'];
$status_class = '';

if ($booking_type == 'Approved') {
    $status_class = 'approved';
} elseif ($booking_type == 'Rejected') {
    $status_class = 'rejected';
} elseif ($booking_type == 'Pending') {
    $status_class = 'pending';
}
?>

<td class="<?php echo $status_class; ?>"><?php echo $booking_type; ?></td>

登录后复制

在这个例子中，首先获取 $report['booking_type'] 的值，然后使用 if 语句判断其值，并根据不同的值设置 $status_class 变量。最后，将 $status_class 变量添加到 <td> 标签的 class 属性中。

使用 switch 语句的示例：

<?php
$booking_type = $report['booking_type'];
$status_class = '';

switch ($booking_type) {
    case 'Approved':
        $status_class = 'approved';
        break;
    case 'Rejected':
        $status_class = 'rejected';
        break;
    case 'Pending':
        $status_class = 'pending';
        break;
    default:
        // 可以添加一个默认的类，以处理未知的状态值
        $status_class = 'default';
        break;
}
?>

<td class="<?php echo $status_class; ?>"><?php echo $booking_type; ?></td>

登录后复制

switch 语句提供了另一种选择，可以更清晰地处理多个状态值。

3. 将代码集成到现有代码中

根据提供的代码片段，可以将上述逻辑集成到现有的 foreach 循环中，例如：

<?php
    foreach ($resultlist as $report) {
        $booking_type = $report['booking_type']; // 假设数据库中有 booking_type 字段
        $status_class = '';

        if ($booking_type == 'Approved') {
            $status_class = 'approved';
        } elseif ($booking_type == 'Rejected') {
            $status_class = 'rejected';
        } elseif ($booking_type == 'Pending') {
            $status_class = 'pending';
        }
?>
        <tr>
            <td><?php echo date($this->customlib->getSchoolDateFormat(true), strtotime($report['appointment_date'])) ?></td>
            <td>
                <a href="<?php echo base_url(); ?>admin/patient/profile/<?php echo $report['pid']; ?>"><?php echo $report['patient_name'] ?></a>
            </td>
            <td><?php echo $report['mobileno']; ?></td>
            <td><?php echo date('h:i a ', strtotime($report['casualty'])); ?></td>
            <td><?php echo $report['name']." ".$report['surname']; ?></td>
            <td class="<?php echo $status_class; ?>"><?php echo $report['case_type'];?></td> <!-- 应用 CSS 类 -->
            <td><?php echo $generated_by->name; ?></td>
            <td><?php echo $report['created_at'] ; ?></td>
        </tr>
<?php
    $count++;
}
?>

登录后复制

在这个例子中，$report['case_type'] 被包含在一个带有动态 CSS 类的 <td> 标签中。