【发布时间】：2022-08-15 21:50:02
【问题描述】：
我是 webdesign 新手，我在 web 服务器上创建了一个 mySQL 数据库，该数据库包含一个包含许多 ToDo 的表。然后，我使用 PHP 从 mySQL 数据库加载该表，并为网页上的每个 ToDo 创建一个 div。我正在为下一步而苦苦挣扎，即根据 ToDo 的紧迫性为每个 div 赋予不同的颜色，在 mySQL 表中它被编码为整数。我想我需要根据紧急程度指定不同的 ID，因此在显示 div 时，HTML 会通过使用与 id 关联的正确样式为其提供正确的颜色。
<html>
<head>
<style>
#fenster{
width : 200px;
background-color: yellow;
}
#zeile{
height: 40px;
width: 300px;
border: thin solid gray;
border-top: thick solid red;
margin: 5px;
text-overflow: hidden;
overflow: hidden;
float: left;
font-size: 1.0rem;
}
@media only screen and (max-width: 1000px) {
#zeile{
height: 115px;
width: 270px;
font-size: 1.5rem;
margin: 1rem;
overflow:hidden;
}
}
.kaestchen {
color: red;
}
</style>
</head>
<body>
<?php
$con = mysqli_connect(\"localhost\",\"xxxxxx\",\"xxx\",\"xxxx\");
$sqlCom = \'SELECT name FROM zeilen\';
$requ = mysqli_query($con, $sqlCom);
$personen = mysqli_fetch_all($requ, MYSQLI_ASSOC);
mysqli_close($con);
?>
<div>
<div>
<?php foreach($personen as $person){ ?>
<div>
<div>
<div>
<div id=zeile left=100px onclick=window.location.href=\'edit.php?itemID=20\'><?php echo htmlspecialchars($person[\'name\']); ?></div>
</div>
</div>
</div>
<?php } ?>
</div>
</div>
</body>
</html>
我认为我需要做的是找到一种方法为每个 div 动态分配一个单独的 id，这将允许我控制 div 的颜色，例如id=urg0, id=urg1 等。另外我想将 ToDo 的 id 传递给一个“编辑”页面，所以我想我必须创建另一个 PHP 页面来加载这个特定 ToDo 的数据用于编辑和获取作为参数传递的 id 的数据库。在我的示例中，这是一个固定数字，因为我想不出办法让这个数字成为计数器变量。
我是否需要对此类“复杂”操作使用 Javascript？
--- 我尝试实施该建议，因此我将代码更改为：
<html>
<head>
<style>
.urgency-0{
width: 300px;
float: left;
border-top: thick solid black;
}.urgency-1{
width: 300px;
float: left;
border-top: thick solid blue;
}
.urgency-2{
width: 300px;
float: left;
border-top: thick solid green;
}
.urgency-3{
width: 300px;
float: left;
border-top: thick solid yellow;
}
</style>
</head>
<body>
<?php
$con = mysqli_connect(\"localhost\",\"u942496093_GTD_user\",\"abcDEF123!\",\"u942496093_GTD\");
$sqlCom = \'SELECT * FROM zeilen\';
$requ = mysqli_query($con, $sqlCom);
$personen = mysqli_fetch_all($requ, MYSQLI_ASSOC);
mysqli_close($con);
?>
<div>
<div>
<?php> $counter = 0; ?>
<?php foreach($personen as $person){ ?>
<div>
<div>
<div>
<div class=\"urgency-\"+<?php echo htmlspecialchars($person[\'urgency\']); ?> left=100px onclick=window.location.href=\'edit.php?itemID=$counter\'><?php echo htmlspecialchars($person[\'name\']); ?></div>
<?php $counter++; ?>
</div>
</div>
</div>
<?php } ?>
</div>
</div>
</body>
</html>
看来我还是做错了什么。
-
多个待办事项可以有相同级别的
urgency吗？ -
是的，我计划将紧急级别设置为 0 到 5，因此所有项目都将分为六个紧急组之一。
标签： javascript php html css mysql