J'ai maintenant un tableau comme celui-ci. Les nombres qu'il contient sont des âges, qui sont lus à partir de la base de données. Ce qui suit est le code php
L'effet dont j'ai besoin maintenant est de diviser les couleurs en fonction des couleurs. zodiaque, (par exemple : 01, 13, 25, 37 et 49 appartiennent au Coq, écrivez simplement Coq en dessous de l'âge, avec un fond rouge. 02, 14, 26 et 38 appartiennent au Singe, écrivez simplement Singe en dessous de l'âge , avec un fond bleu. Par analogie...), voici le rendu que j'ai réalisé avec PS
.
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Écrivez 12 styles, tels que hou ji ou 1 2, etc. Définissez 12 signes du zodiaque, tels que hou ji ou 1 2, etc. Définissez simplement le style directement lors de la boucle
<?php /* * Created on 2017-7-24 * 十二生肖显示 * To change the template for this generated file go to * Window - Preferences - PHPeclipse - PHP - Code Templates */ error_reporting(0); function num($no){ $num = $no % 12; //取模判断生肖，0-11数字对应具体的生肖。测试以1为鼠开始，12对应猪。 switch ($num) { case 1: echo "<div style='background-color:#CC3366'>".$no."<br>鼠</div>"; break; case 2: echo "<div style='background-color:#FF0000'>".$no."<br>牛</div>"; break; case 3: echo "<div style='background-color:#00FF00'>".$no."<br>虎</div>"; break; case 4: echo "<div style='background-color:#0000FF'>".$no."<br>兔</div>"; break; case 5: echo "<div style='background-color:#FFFF00'>".$no."<br>龙</div>"; break; case 6: echo "<div style='background-color:#00FFFF'>".$no."<br>蛇</div>"; break; case 7: echo "<div style='background-color:#FF00FF'>".$no."<br>马</div>"; break; case 8: echo "<div style='background-color:#C0C0C0'>".$no."<br>羊</div>"; break; case 9: echo "<div style='background-color:#7FFFD4'>".$no."<br>猴</div>"; break; case 10: echo "<div style='background-color:#8A2BE2'>".$no."<br>鸡</div>"; break; case 11: echo "<div style='background-color:#A52A2A'>".$no."<br>狗</div>"; break; case 0: echo "<div style='background-color:#FAEBD7'>".$no."<br>猪</div>"; break; default: echo "<div style='background-color:#F0F8FF'>".$no."读取数据出错！</div>"; break; } } ?> <table border=1; width="600px;"> <tr><th>Number</th><th>No.1</th><th>No.2</th><th>No.3</th><th>No.4</th><th>No.5</th><th>No.5</th><th>No.7</th><th>操 作</th></tr> <tr style="text-align:center"> <td>Num1</td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><a href="#">修改</a> <a href="#">删除</a></td> </tr> <tr style="text-align:center"> <td>Num2</td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><a href="#">修改</a> <a href="#">删除</a></td> </tr> <tr style="text-align:center"> <td>Num3</td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><a href="#">修改</a> <a href="#">删除</a></td> </tr> <tr style="text-align:center"> <td>Num4</td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><a href="#">修改</a> <a href="#">删除</a></td> </tr> <tr style="text-align:center"> <td>Num5</td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><a href="#">修改</a> <a href="#">删除</a></td> </tr> <tr style="text-align:center"> <td>Num6</td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><a href="#">修改</a> <a href="#">删除</a></td> </tr> <tr style="text-align:center"> <td>Num7</td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><?php num(rand(1,49));?></td> <td><a href="#">修改</a> <a href="#">删除</a></td> </tr> </table>Définissez douze couleurs et laissez chaque couleur correspondre à un nombre (et un signe du zodiaque) de 1 à 12. Les données de test sont générées aléatoirement de 1 à 49 et il peut y avoir des doublons.
Une méthode num($no); $no consiste à obtenir des données.
Pour faciliter les tests, toutes les données sont des nombres générés aléatoirement de 1 à 49.
Vous devez trouver le modèle. La différence entre chaque nombre est 12. Le signe du poulet commence à 1 et ajoute 12, tandis que le signe du singe commence à 2 et ajoute 12.