用web前端PHP把百分制成绩转换成等级制输出,并在浏览器中显示下图所示的样式。 优秀:90<=score<=100良好:80<=score<=89中等:70<=score<=79及格:60<=score<=69不及格:0<=score<=59
时间: 2024-10-16 16:02:12 浏览: 30
在Web前端中,你可以使用PHP配合HTML和CSS来实现这个功能。首先,在PHP中编写一个函数来处理分数转换,然后在HTML页面上展示结果。以下是简单的步骤:
1. 创建一个PHP文件(例如:grade_converter.php),并添加以下代码:
```php
<?php
function convertGrade($score) {
if ($score >= 90 && $score <= 100) {
return "优秀";
} elseif ($score >= 80 && $score < 90) {
return "良好";
} elseif ($score >= 70 && $score < 80) {
return "中等";
} elseif ($score >= 60 && $score < 70) {
return "及格";
} else {
return "不及格";
}
}
// 示例
$score = 85; // 可替换为你需要转换的实际分数
$grade = convertGrade($score);
echo "<div class='grade'>您的成绩为:$grade</div>";
?>
```
2. 在同一个文件或者另一个单独的CSS文件中,创建等级样式:
```css
.grade {
display: inline-block;
padding: 10px;
background-color: #f0f0f0;
border-radius: 5px;
margin-right: 10px;
text-align: center;
}
.grade优秀的 {background-color: #5cb85c;}
.grade良好的 {background-color: #f0ad4e;}
.grade中等 {background-color: #d9534f;}
.grade及格 {background-color: #5bc0de;}
.grade不及格 {background-color: #d9534f; color: white;}
```
3. 将上述PHP代码嵌入到HTML模板中,如`index.html`:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<!-- 引入CSS -->
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<?php include 'grade_converter.php'; ?>
</body>
</html>
```
现在,当你访问`index.html`时,分数会被转换成相应的等级并在浏览器中按照预定的样式显示。
阅读全文