本文旨在指导开发者如何根据从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 属性中。
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>注意事项:
- 确保你的数据库查询能够正确地获取到 booking_type 的值。
- 根据你的实际需求修改CSS类和状态值的对应关系。
- 如果状态值不是固定的，可以考虑使用数组或关联数组来存储状态值和CSS类名的对应关系，这样可以更灵活地管理状态。
- 确保CSS样式表已经正确地链接到你的HTML页面。
总结:
通过以上步骤，你就可以根据从MySQL数据库获取的状态值，动态地改变网页元素的字体颜色。这种方法不仅可以使你的网页更加美观，还可以更直观地展示数据的状态。记住，CSS类名的定义和PHP逻辑的编写需要根据你的实际需求进行调整。
