根据MySQL值动态改变字体颜色-php教程-PHP中文网

根据MySQL值动态改变字体颜色

聖光之護

发布： 2025-07-14 18:42:33

原创

616人浏览过

根据mysql值动态改变字体颜色

本文旨在指导开发者如何根据从MySQL数据库检索到的值，使用PHP动态地改变网页元素的字体颜色。通过结合PHP的逻辑判断和CSS样式，可以实现不同状态对应不同颜色的显示效果，例如将“Pending”状态显示为黄色，“Approved”状态显示为绿色，“Rejected”状态显示为红色。

要实现根据MySQL数据改变字体颜色的功能，需要结合PHP的逻辑判断和CSS样式。以下是一种常用的方法，将状态值与对应的颜色关联起来。

1. 定义CSS样式:

首先，在你的CSS文件中或者<style>标签内定义一些CSS类，每个类对应一个状态和颜色。例如：

.pending {
    color: yellow;
}

.approved {
    color: green;
}

.rejected {
    color: red;
}

登录后复制

2. 在PHP中获取数据并应用CSS类:

接下来，在你的PHP代码中，从MySQL数据库获取状态值，并根据该值动态地添加相应的CSS类到HTML元素上。以下是一个示例：

<?php
// 假设 $report['booking_type'] 是从数据库中获取的状态值
$booking_type = $report['booking_type'];

// 根据状态值确定CSS类
$status_class = '';
switch ($booking_type) {
    case 'Pending':
        $status_class = 'pending';
        break;
    case 'Approved':
        $status_class = 'approved';
        break;
    case 'Rejected':
        $status_class = 'rejected';
        break;
    default:
        // 可以设置一个默认的样式，例如没有匹配的状态
        $status_class = 'default';
        break;
}
?>

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

登录后复制

在这个例子中，我们首先从数据库获取了 $report['booking_type'] 的值。然后，使用 switch 语句根据不同的状态值，将 $status_class 变量设置为相应的CSS类名。最后，我们将这个CSS类名添加到 <td> 元素的 class 属性中。

Veed Video Background Remover

Veed推出的视频背景移除工具

查看详情

3. 将代码集成到你的表格中:

将上面的代码片段集成到你提供的表格代码中，替换掉直接输出状态值的部分。例如，找到输出 booking type 的地方，并用上述代码替换。

<tr>
    <td><?php echo date($this->customlib->getSchoolDateFormat(true), strtotime($report['appointment_date'])) ?></td>
    <!--  <td><?php echo $report['id']; ?></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><?php echo $report['case_type'];?>
    </td>

<?php
    $this->db->select('name');
    $this->db->from('staff');
    $this->db->where('id', $report['generated_by']);
    $query = $this->db->get();
    $generated_by = $query->row();                                            
?>
    <td><?php echo $generated_by->name; ?></td>
    <td><?php echo $report['created_at'] ; ?></td>

    <?php
    // 假设 $report['booking_type'] 是从数据库中获取的状态值
    $booking_type = $report['booking_type'];

    // 根据状态值确定CSS类
    $status_class = '';
    switch ($booking_type) {
        case 'Pending':
            $status_class = 'pending';
            break;
        case 'Approved':
            $status_class = 'approved';
            break;
        case 'Rejected':
            $status_class = 'rejected';
            break;
        default:
            // 可以设置一个默认的样式，例如没有匹配的状态
            $status_class = 'default';
            break;
    }
    ?>
    <td class="<?php echo $status_class; ?>"><?php echo $booking_type; ?></td>
</tr>

登录后复制

注意事项: