基于MySQL数据动态改变字体颜色-php教程-PHP中文网

基于MySQL数据动态改变字体颜色

心靈之曲

发布： 2025-07-14 18:26:50

原创

450人浏览过

基于mysql数据动态改变字体颜色

本文将介绍如何基于从MySQL数据库检索到的值，使用PHP动态地改变网页元素的字体颜色。通过使用CSS类和PHP条件判断，可以根据不同的数据库值，将字体颜色设置为不同的颜色，例如将 "Pending" 状态显示为黄色，"Approved" 状态显示为绿色，"Rejected" 状态显示为红色。

要根据从MySQL数据库获取的值动态更改字体颜色，可以使用CSS类和PHP的组合。以下是一个分步指南：

1. 定义 CSS 类

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

.pending {
    color: yellow;
}

.approved {
    color: green;
}

.rejected {
    color: red;
}

.default {
    color: black; /* 默认颜色 */
}

登录后复制

2. 在 PHP 中添加类

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

怪兽AI数字人

数字人短视频创作，数字人直播，实时驱动数字人

查看详情

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

// 根据状态值选择相应的 CSS 类
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>
    <span class="<?php echo $status_class; ?>"><?php echo $report['case_type']; ?></span>
</td>

登录后复制

在这个例子中，我们使用了一个 switch 语句来根据 $booking_type 的值选择合适的 CSS 类。然后，我们将这个类名添加到 <span> 标签中，从而应用相应的颜色。

3. 应用到你的表格

将上述代码集成到你现有的表格代码中。例如，在你的 <td> 标签中，添加上述的 PHP 代码来动态设置类名。

<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>
        <?php
            $booking_type = $report['case_type'];
            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;
            }
        ?>
        <span class="<?php echo $status_class; ?>"><?php echo $report['case_type']; ?></span>
    </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>
</tr>

登录后复制