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

PHP：根据 MySQL 数据动态改变字体颜色

碧海醫心

发布： 2025-07-14 18:14:12

原创

173人浏览过

php：根据 mysql 数据动态改变字体颜色

本文将介绍如何使用 PHP 和 CSS，根据从 MySQL 数据库检索到的值，动态地改变网页上特定文本的颜色。通过为不同的状态值定义 CSS 类，并使用 PHP 根据数据库值应用相应的类，可以轻松实现此功能。

实现步骤

以下是实现动态字体颜色更改的详细步骤：

定义 CSS 类： 首先，在你的 CSS 文件或 <style> 标签中定义不同的 CSS 类，每个类对应一种状态和颜色。
获取数据库值： 使用 PHP 连接到 MySQL 数据库，并检索包含状态值的记录。
根据状态值应用 CSS 类： 使用 PHP 的条件语句（如 if 或 switch），根据从数据库获取的状态值，动态地将相应的 CSS 类添加到 HTML 元素中。

示例代码

假设你从 MySQL 数据库中检索到一个名为 booking_status 的字段，它可能的值为 "Pending"、"Approved" 或 "Rejected"。以下是如何根据这些值更改字体颜色的示例代码：

1. 定义 CSS 类：

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

怪兽AI数字人

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

查看详情

<style>
    .pending {
        color: yellow;
    }

    .approved {
        color: green;
    }

    .rejected {
        color: red;
    }
</style>

登录后复制

2. PHP 代码：

<?php
// 假设 $report['booking_status'] 包含从数据库检索到的状态值

$status = $report['booking_status'];

// 使用 switch 语句根据状态值设置 CSS 类
switch ($status) {
    case 'Pending':
        $status_class = 'pending';
        break;
    case 'Approved':
        $status_class = 'approved';
        break;
    case 'Rejected':
        $status_class = 'rejected';
        break;
    default:
        $status_class = ''; // 默认情况下不应用任何类
        break;
}
?>

<!-- 在 HTML 中应用 CSS 类 -->
<td class="<?php echo $status_class; ?>"><?php echo $report['case_type'];?></td>

登录后复制

完整代码示例，修改自原代码：

<tbody>
<?php
if (empty($resultlist)) {
?>
    <tr>
        <td colspan="12" class="text-danger text-center"><?php echo $this->lang->line('no_record_found'); ?></td>
    </tr>
<?php
} else {
    $count = 1;
    $total = 0;
    foreach ($resultlist as $report) {
        // ... (省略其他代码)

        // 获取 booking status, 假设数据库字段为 booking_status
        $status = $report['booking_status'];
        $status_class = '';

        switch ($status) {
            case 'Pending':
                $status_class = 'pending';
                break;
            case 'Approved':
                $status_class = 'approved';
                break;
            case 'Rejected':
                $status_class = 'rejected';
                break;
            default:
                $status_class = '';
                break;
        }

?>
        <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>
            <?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>
<?php
        $count++;
    }
?>
    </tbody>

登录后复制

解释：

$status = $report['booking_status']; 从数据库结果集中获取booking status。
switch 语句根据 $status 的值，将对应的 CSS 类名赋值给 $status_class 变量。
<td class="<?php echo $status_class; ?>"><?php echo $report['case_type'];?></td> 将 $status_class 作为 CSS 类添加到 <td> 标签中，从而应用相应的样式。