gpt4 book ai didi

php - 将动态 PHP/SQL 动态子菜单与 CSS 集成

转载 作者:行者123 更新时间:2023-11-28 02:24:51 27 4
gpt4 key购买 nike

table 的实际图像:
**PHP MySQL Table Image**

这是我的“menu.php”内容,其中我将父类别和子类别循环在一起。

<?php

function loop_array($array = array(), $parentID = 0) {
if (!empty($array[$parentID])) {
echo '<ul>';
foreach ($array[$parentID] as $items) {
echo '<li>';
echo $items['categoryName'];
loop_array($array, $items['categoryID']);
echo '</li>';
}
echo '</ul>';
}
}

function display_menus() {
$con = mysqli_connect("localhost", "root", "", "submenu");
$query = $con->query("SELECT * FROM category");
$array = array();

if (mysqli_num_rows($query)) {
while ($rows = mysqli_fetch_array($query)) {
$array[$rows['parentID']][] = $rows;
}
loop_array($array);
}
}

而且,这是我的“index.php”,我在其中调用“display_menus()”函数来显示此 SQL TABLE. 中的所有类别和子类别。

 <?php require 'menu.php'; ?>
<!DOCTYPE html>
<html>
<head>
<title>Sub Menu Test</title>
</head>
<body>
<?php
display_menus();
?>
</body>
</html>

连接这两个PHP页面后。我得到这个结果准确的结果:
" **Image result in Web Browser** "

最后,我的问题是。我如何将其与 CSS 集成?这看起来像是带有子菜单的导航菜单。我在 YouTube 上尝试了不同的教程,但都失败了。是否有任何 CSS Menu Builder 或其他与此代码兼容的资源?非常感谢!

最佳答案

要将 CSS 与 HTML(任何元素)集成,您需要将 CSS 文件添加到 HTML 文件。

需要为您的元素添加类、ids 选择器。

并为这些类、id 添加定义。

例如(内联样式表):

<style>
.left { /* Class for left aligned elements*/
float: left; /* This is attribute to be modified*/
}
#page-header { /* For element with id page-header*/
font-weight: bold; /* This is attribute to be modified*/
}
</style>

in HTML,

<div id="page-header">Welcome to StackOverflow</div>
<div class="left">Tips to ask Questions on SO</div>
<ul class="left">
<li>Search on Google for your problem</li>
<li>Don't put why this code doesn't work on Question</li>
</ul>

另外,回到你的问题,对于菜​​单,我们可以使用 suprefish图书馆。

关于php - 将动态 PHP/SQL 动态子菜单与 CSS 集成,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54917880/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com