【问题标题】:put a class in the table according to the database根据数据库在表中放一个类
【发布时间】:2021-04-28 02:27:47
【问题描述】:

我在 phpmyadmin 中有这张表 table 我已经有了连接并且值存储在这里$row["Risco"] 我有这张桌子是正方形的squares

.tabela-botoes-extincao{
    width: 100%;
    height: 90px;
    padding-top: 30px;
    padding-bottom: 20px;
    font-weight: bold;
}
.espaco-botoes-extincao{
    width: 14.28%;
    height: 90px;
    background-color: #cfcfcf;
    font-size: 19px;
    font-family: sans-serif;
}


.extincao-ativo{
    background-color: #e8bc5d;
}
<table class="tabela-botoes-extincao">
    <tr>
        <th class="espaco-botoes-extincao">
            Não Avaliada
        </th>
        <th class="espaco-botoes-extincao extincao-ativo">
            Pouco Preocupante
        </th>
        <th class="espaco-botoes-extincao">
            Vuneravél
        </th>
        <th class="espaco-botoes-extincao">
            Em Perigo
        </th>
        <th class="espaco-botoes-extincao">
            Criticamente em Perigo
        </th>
        <th class="espaco-botoes-extincao">
            Extinta na Natureza
        </th>
        <th class="espaco-botoes-extincao">
            Extinta
        </th>
    </tr>
</table>

然后我想把改变方块颜色的类extinction-active放到来自数据库的对应方块中

目标是根据从数据库接收到的内容更改颜色,我考虑过使用这种方式,也许使用开关,但我不知道如何实现它......我接受不同的建议

【问题讨论】:

    标签: php html sql phpmyadmin


    【解决方案1】:

    已经想好办法了,虽然变大了,但是很管用

    <table class="tabela-botoes-extincao">
        <tr>
            <?php
            $nivel=$row["Risco"];
            switch ($nivel){
                case "Não Avaliada":
                    echo "<th class='espaco-botoes-extincao extincao-ativo'>Não Avaliada</th>";
                    echo "<th class='espaco-botoes-extincao'>Pouco Preocupante</th>";
                    echo "<th class='espaco-botoes-extincao'>Vuneravél</th>";
                    echo "<th class='espaco-botoes-extincao'>Em Perigo</th>";
                    echo "<th class='espaco-botoes-extincao'>Criticamente em Perigo</th>";
                    echo "<th class='espaco-botoes-extincao'Extinta na Natureza</th>";
                    echo "<th class='espaco-botoes-extincao'>Extinta</th>";
                    break;
                case "Pouco Preocupante":
                    echo "<th class='espaco-botoes-extincao'>Não Avaliada</th>";
                    echo "<th class='espaco-botoes-extincao extincao-ativo'>Pouco Preocupante</th>";
                    echo "<th class='espaco-botoes-extincao'>Vuneravél</th>";
                    echo "<th class='espaco-botoes-extincao'>Em Perigo</th>";
                    echo "<th class='espaco-botoes-extincao'>Criticamente em Perigo</th>";
                    echo "<th class='espaco-botoes-extincao'Extinta na Natureza</th>";
                    echo "<th class='espaco-botoes-extincao'>Extinta</th>";
                    break;
                case "Vuneravél":
                    echo "<th class='espaco-botoes-extincao'>Não Avaliada</th>";
                    echo "<th class='espaco-botoes-extincao'>Pouco Preocupante</th>";
                    echo "<th class='espaco-botoes-extincao extincao-ativo'>Vuneravél</th>";
                    echo "<th class='espaco-botoes-extincao'>Em Perigo</th>";
                    echo "<th class='espaco-botoes-extincao'>Criticamente em Perigo</th>";
                    echo "<th class='espaco-botoes-extincao'>Extinta na Natureza</th>";
                    echo "<th class='espaco-botoes-extincao'>Extinta</th>";
                    break;
                case "Em Perigo":
                    echo "<th class='espaco-botoes-extincao'>Não Avaliada</th>";
                    echo "<th class='espaco-botoes-extincao'>Pouco Preocupante</th>";
                    echo "<th class='espaco-botoes-extincao'>Vuneravél</th>";
                    echo "<th class='espaco-botoes-extincao extincao-ativo'>Em Perigo</th>";
                    echo "<th class='espaco-botoes-extincao'>Criticamente em Perigo</th>";
                    echo "<th class='espaco-botoes-extincao'Extinta na Natureza</th>";
                    echo "<th class='espaco-botoes-extincao'>Extinta</th>";
                    break;
                case "Criticamente em Perigo":
                    echo "<th class='espaco-botoes-extincao'>Não Avaliada</th>";
                    echo "<th class='espaco-botoes-extincao'>Pouco Preocupante</th>";
                    echo "<th class='espaco-botoes-extincao'>Vuneravél</th>";
                    echo "<th class='espaco-botoes-extincao'>Em Perigo</th>";
                    echo "<th class='espaco-botoes-extincao extincao-ativo'>Criticamente em Perigo</th>";
                    echo "<th class='espaco-botoes-extincao'Extinta na Natureza</th>";
                    echo "<th class='espaco-botoes-extincao'>Extinta</th>";
                    break;
                case "Extinta na Natureza":
                    echo "<th class='espaco-botoes-extincao'>Não Avaliada</th>";
                    echo "<th class='espaco-botoes-extincao'>Pouco Preocupante</th>";
                    echo "<th class='espaco-botoes-extincao'>Vuneravél</th>";
                    echo "<th class='espaco-botoes-extincao'>Em Perigo</th>";
                    echo "<th class='espaco-botoes-extincao'>Criticamente em Perigo</th>";
                    echo "<th class='espaco-botoes-extincao extincao-ativo'Extinta na Natureza</th>";
                    echo "<th class='espaco-botoes-extincao'>Extinta</th>";
                    break;
                case "Extinta":
                    echo "<th class='espaco-botoes-extincao'>Não Avaliada</th>";
                    echo "<th class='espaco-botoes-extincao'>Pouco Preocupante</th>";
                    echo "<th class='espaco-botoes-extincao'>Vuneravél</th>";
                    echo "<th class='espaco-botoes-extincao'>Em Perigo</th>";
                    echo "<th class='espaco-botoes-extincao'>Criticamente em Perigo</th>";
                    echo "<th class='espaco-botoes-extincao'>Extinta na Natureza</th>";
                    echo "<th class='espaco-botoes-extincao extincao-ativo'>Extinta</th>";
                    break;
            }
            ?>
        </tr>
    </table>

    【讨论】:

      猜你喜欢
      • 2015-07-26
      • 2012-05-15
      • 2019-10-12
      • 2022-12-08
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多