我创建了一个有5个步骤的订单状态页面。所有的背景默认都是红色的。我有一个SQl表，其中包含在SQl数据库中更新的1-5个数据。当客户在我设置的页面中放置代码时，我希望它登录到数据库，检查sql数据库中哪个数字是活动的，然后用绿色背景覆盖cosponsoringdiv。
.SqlActive{
background-color:green !important;
}
我知道我想要它做什么，但我不知道如何开始编码这个。我懂一点php和SQL。
进入网页键入代码。
基于代码SQL抓取行并检查状态列中的数字，并根据SQL列1-5中的数字将css覆盖为绿色。
所以如果3是状态列中的数字，那么第三个div将是绿色的，其余的将是红色的。谁能指出我在正确的方向或一个示例代码让我开始?我必须学习ASP或ajax或类似的吗?
.service1{
z-index: 99;
background-image: url(../images/);
border: 1px solid yellow;
background-color:#ff0000;
margin:10px;padding:10px;
height:200px;
width:95%;
}
.service2{margin:5px;padding:5px; z-index: 99;
background-image: url(../images/);
height:189px;
width:90%;
border: 1px solid yellow;background-color:#ff0000;
margin:5px;
}
.service3{margin:5px;padding:5px;
background-image: url(../images/);
height:189px;
width:90%;
border: 1px solid yellow;background-color:#ff0000;
margin:5px;
}
.service4{margin:5px;padding:5px;
background-image: url(../images/);
height:189px;
width:90%;
border: 1px solid yellow;background-color:#ff0000;
margin:5px;
}
.service5{ margin:5px;padding:5px;
background-image: url(../images/);
height:189px;
width:90%;
border: 1px solid yellow;background-color:#ff0000;
margin:5px;
}
.SqlActive{
background-color:green !important;
}$con = mysqli_connect("localhost", "user", "pass", "database");
$sql= 'SELECT * FROM table' ;
$results = mysqli_query($con, $sql) or die("<br>Bad query: $sql");
<div class="service1">
<div class="Spic">pic</div><!---->
<div class="Shead">header</div><!---->
<div class="Scont">content</div><!---->
</div><!--service1-->
<div class="service2">
<div class="Spic">pic</div><!---->
<div class="Shead">header</div><!---->
<div class="Scont">content</div><!---->
</div><!--service2-->
<div class="service3">
<div class="Spic">pic</div><!---->
<div class="Shead">header</div><!---->
<div class="Scont">content</div><!---->
</div><!--service3-->
<div class="service4">
<div class="Spic">pic</div><!---->
<div class="Shead">header</div><!---->
<div class="Scont">content</div><!---->
</div><!--service4-->
<div class="service5">
<div class="Spic">pic</div><!---->
<div class="Shead">header</div><!---->
<div class="Scont">content</div><!---->
</div><!--service5-->最好的起点是阅读一些PHP学习资源，在YouTube上有相当多的资源。
https://wtools。Io/php-sandbox/b3p6 -如果你到这里，按"并查看HTML选项卡，你可以看到一个"正在工作"。你的代码版本。
请注意-重要-如果你允许用户输入数据作为MySQL查询的一部分，你需要仔细阅读SQL注入，以防止人们入侵你的应用程序。Google mysql预处理语句(或者更好的是PDO，这是一个更好的PHP数据库扩展)
<html>
<head>
<style>
.service1{
z-index: 99;
background-image: url(../images/);
border: 1px solid yellow;
background-color:#ff0000;
margin:10px;
padding:10px;
height:200px;
width:95%;
}
.service2{
margin:5px;
padding:5px;
z-index: 99;
background-image: url(../images/);
height:189px;
width:90%;
border: 1px solid yellow;
background-color:#ff0000;
margin:5px;
}
.service3{
margin:5px;
padding:5px;
background-image: url(../images/);
height:189px;
width:90%;
border: 1px solid yellow;
background-color:#ff0000;
margin:5px;
}
.service4{
margin:5px;
padding:5px;
background-image: url(../images/);
height:189px;
width:90%;
border: 1px solid yellow;
background-color:#ff0000;
margin:5px;
}
.service5{
margin:5px;
padding:5px;
background-image: url(../images/);
height:189px;
width:90%;
border: 1px solid yellow;
background-color:#ff0000;
margin:5px;
}
.SqlActive{
background-color:green !important;
}
</style>
</head>
<body>
<?php
$status = $mysqli->query("SELECT name FROM contacts WHERE id = 5")->fetch_object()->status;
// $status = 2;
?>
<div class="service1 <?php echo $status >= 1 ? 'SqlActive' : '' ?>">
<div class="Spic">
pic
</div>
<!---->
<div class="Shead">
header
</div>
<!---->
<div class="Scont">
content
</div>
<!---->
</div>
<!--service1-->
<div class="service2 <?php echo $status >= 2 ? 'SqlActive' : '' ?>">
<div class="Spic">
pic
</div>
<!---->
<div class="Shead">
header
</div>
<!---->
<div class="Scont">
content
</div>
<!---->
</div>
<!--service2-->
<div class="service3 <?php echo $status >= 3 ? 'SqlActive' : '' ?>">
<div class="Spic">
pic
</div>
<!---->
<div class="Shead">
header
</div>
<!---->
<div class="Scont">
content
</div>
<!---->
</div>
<!--service3-->
<div class="service4 <?php echo $status >= 4 ? 'SqlActive' : '' ?>">
<div class="Spic">
pic
</div>
<!---->
<div class="Shead">
header
</div>
<!---->
<div class="Scont">
content
</div>
<!---->
</div>
<!--service4-->
<div class="service5 <?php echo $status >= 5 ? 'SqlActive' : '' ?>">
<div class="Spic">
pic
</div>
<!---->
<div class="Shead">
header
</div>
<!---->
<div class="Scont">
content
</div>
<!---->
</div>
<!--service5-->
</body>
</html>