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

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

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

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

1. 定义CSS样式:

首先,在你的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类名添加到

元素的 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逻辑的编写需要根据你的实际需求进行调整。

© 版权声明
THE END
喜欢就支持一下吧
点赞15 分享