Php 如何在选项卡中使用动态值
这里我有一个Php 如何在选项卡中使用动态值,php,php-5.6,Php,Php 5.6,这里我有一个Nav选项卡部分，如果我给出静态值，则基于选项卡部分我必须显示产品标题，如 电脑配件 电子的 标签 动态使用上述数组，我们必须显示选项卡以及选项卡部分，如果有人知道这意味着什么，请更新我的答案 我的最新答案 根据您的代码，可以明确您正在处理json数据。首先，要打印json数据，请将json转换为数组。之后，选择索引并尝试在选项卡中打印数据 $json = " { "status": "success", "message": "Total 4 record(s)
Nav选项卡选项卡选项卡部分
$json = " {
"status": "success",
"message": "Total 4 record(s) found.",
"total_record": 4,
"data": [
{
"categoryName": "Computer Accessories",
"categoryId": "4",
"products": [
{
"productId": "Prodcut 1",
"Galery": [
{
"gId": "10",
"productId": "4",
"prodcutImage": "2df674d73106dfc64777c75818eb4359.jpg"
}
],
"discountType": "Percentage",
}
]
},
{
"categoryName": "Electronic",
"categoryId": "1",
"products": [
{
"productId": "Prodcut 2",
"Galery": [
{
"gId": "10",
"productId": "4",
"prodcutImage": "2df674d73106dfc64777c75818eb4359.jpg"
},
{
"gId": "11",
"productId": "4",
"prodcutImage": "65458600d6b7b9df1a38a9341ad2336b.jpg"
}
],
"discountType": "NA",
},
{
"productId": "Prodcut 3",
"Galery": [
{
"gId": "10",
"productId": "4",
"prodcutImage": "2df674d73106dfc64777c75818eb4359.jpg"
}
],
"discountType": "Percentage",
}
]
}
]
}";
$jsonArray = json_decode($json);
echo "<pre>";
print_r($jsonArray);
$json=”{
“状态”：“成功”，
“消息”：“共找到4条记录。”，
“总记录”：4，
“数据”：[
{
“类别名称”：“计算机附件”，
“类别ID”：“4”，
“产品”：[
{
“productId”：“Prodcut 1”，
“Galery”：[
{
“gId”：“10”，
“productId”：“4”，
“产品图像”：“2df674d73106dfc64777c75818eb4359.jpg”
}
],
“折扣类型”：“百分比”，
}
]
},
{
“类别名称”：“电子”，
“类别ID”：“1”，
“产品”：[
{
“productId”：“Prodcut 2”，
“Galery”：[
{
“gId”：“10”，
“productId”：“4”，
“产品图像”：“2df674d73106dfc64777c75818eb4359.jpg”
},
{
“gId”：“11”，
“productId”：“4”，
“产品图像”：“65458600d6b7b9df1a38a9341ad2336b.jpg”
}
],
“折扣类型”：“NA”，
},
{
“productId”：“Prodcut 3”，
“Galery”：[
{
“gId”：“10”，
“productId”：“4”，
“产品图像”：“2df674d73106dfc64777c75818eb4359.jpg”
}
],
“折扣类型”：“百分比”，
}
]
}
]
}";
$jsonArray=json_decode（$json）；
回声“；
打印（jsonArray）；
回声“ 在这里检查带有引导选项卡的完整代码：
<div class="container">
<h3>Tabs With Dropdown Menu</h3>
<ul class="nav nav-tabs" id="myTab" role="tablist">
<?php foreach ($arr['data'] as $string) {
echo ' <li class="nav-item">
<a class="nav-link" id="'.$string['categoryId'].'-tab" data-toggle="tab" href="#'.$string['categoryId'].'" role="tab" aria-controls="'.$string['categoryId'].'" aria-selected="true">'.$string['categoryName'].'</a>
</li>';
}
?>
</ul>
<div class="tab-content" id="myTabContent">
<?php foreach ($arr['data'] as $string) { ?>
<div class="tab-pane fade" id="<?php echo $string['categoryId']; ?>" role="tabpanel" aria-labelledby="<?php echo $string['categoryId']; ?>-tab"><?php foreach ($string['products'] as $product) { ?>
<div class="col-sm-3">
<h1><?php echo $product['productId']; ?></h2>
</div>
<?php }?></div>
<?php }?>
</div>
</div>
</div>
引导示例
我的更新答案类别名称计算机附件选项卡应显示Prodcut 1
和电子选项卡应显示Prodcut 2
和Prodcut 3
，但是您的代码显示了Prodcut 1
和Prodcut 2
和Prodcut 3
的两个选项卡，这就是您的引导选项卡问题检查引导选项卡。。。你的产品对吗？我更新了引导选项卡类请检查我编辑的答案@KaniR@Nawin，是的，请告诉我您的代码片段我的预期输出
{
"status": "success",
"message": "Total 4 record(s) found.",
"total_record": 4,
"data": [
{
"categoryName": "Computer Accessories",
"categoryId": "4",
"products": [
{
"productId": "Prodcut 1",
"Galery": [
{
"gId": "10",
"productId": "4",
"prodcutImage": "2df674d73106dfc64777c75818eb4359.jpg"
}
],
"discountType": "Percentage",
}
]
},
{
"categoryName": "Electronic",
"categoryId": "1",
"products": [
{
"productId": "Prodcut 2",
"Galery": [
{
"gId": "10",
"productId": "4",
"prodcutImage": "2df674d73106dfc64777c75818eb4359.jpg"
},
{
"gId": "11",
"productId": "4",
"prodcutImage": "65458600d6b7b9df1a38a9341ad2336b.jpg"
}
],
"discountType": "NA",
},
{
"productId": "Prodcut 3",
"Galery": [
{
"gId": "10",
"productId": "4",
"prodcutImage": "2df674d73106dfc64777c75818eb4359.jpg"
}
],
"discountType": "Percentage",
}
]
}
]
}
<ul class="nav nav-tabs">
<?php foreach ($arr['data'] as $string) {
echo ' <li><a href="'.$string['categoryName'].'" data-toggle="tab">'.$string['categoryName'].'</a></li>';
}
?>
</ul>
$json = " {
"status": "success",
"message": "Total 4 record(s) found.",
"total_record": 4,
"data": [
{
"categoryName": "Computer Accessories",
"categoryId": "4",
"products": [
{
"productId": "Prodcut 1",
"Galery": [
{
"gId": "10",
"productId": "4",
"prodcutImage": "2df674d73106dfc64777c75818eb4359.jpg"
}
],
"discountType": "Percentage",
}
]
},
{
"categoryName": "Electronic",
"categoryId": "1",
"products": [
{
"productId": "Prodcut 2",
"Galery": [
{
"gId": "10",
"productId": "4",
"prodcutImage": "2df674d73106dfc64777c75818eb4359.jpg"
},
{
"gId": "11",
"productId": "4",
"prodcutImage": "65458600d6b7b9df1a38a9341ad2336b.jpg"
}
],
"discountType": "NA",
},
{
"productId": "Prodcut 3",
"Galery": [
{
"gId": "10",
"productId": "4",
"prodcutImage": "2df674d73106dfc64777c75818eb4359.jpg"
}
],
"discountType": "Percentage",
}
]
}
]
}";
$jsonArray = json_decode($json);
echo "<pre>";
print_r($jsonArray);
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<?php
$arr = json_decode('{
"status": "success",
"message": "Total 4 record(s) found.",
"total_record": 4,
"data": [
{
"categoryName": "Computer Accessories",
"categoryId": "4",
"products": [
{
"productId": "Prodcut 1",
"Galery": [
{
"gId": "10",
"productId": "4",
"prodcutImage": "2df674d73106dfc64777c75818eb4359.jpg"
}
],
"discountType": "Percentage"
}
]
},
{
"categoryName": "Electronic",
"categoryId": "1",
"products": [
{
"productId": "Prodcut 2",
"Galery": [
{
"gId": "10",
"productId": "4",
"prodcutImage": "2df674d73106dfc64777c75818eb4359.jpg"
},
{
"gId": "11",
"productId": "4",
"prodcutImage": "65458600d6b7b9df1a38a9341ad2336b.jpg"
}
],
"discountType": "NA"
},
{
"productId": "Prodcut 3",
"Galery": [
{
"gId": "10",
"productId": "4",
"prodcutImage": "2df674d73106dfc64777c75818eb4359.jpg"
}
],
"discountType": "Percentage"
}
]
}
]
}', true);
?>
<div class="container">
<h3>Tabs With Dropdown Menu</h3>
<ul class="nav nav-tabs">
<?php foreach ($arr['data'] as $string) {
echo ' <li><a href="'.$string['categoryName'].'" data-toggle="tab">'.$string['categoryName'].'</a></li>';
}
?>
</ul>
</div>
</body>
</html>
<div class="container">
<h3>Tabs With Dropdown Menu</h3>
<ul class="nav nav-tabs" id="myTab" role="tablist">
<?php foreach ($arr['data'] as $string) {
echo ' <li class="nav-item">
<a class="nav-link" id="'.$string['categoryId'].'-tab" data-toggle="tab" href="#'.$string['categoryId'].'" role="tab" aria-controls="'.$string['categoryId'].'" aria-selected="true">'.$string['categoryName'].'</a>
</li>';
}
?>
</ul>
<div class="tab-content" id="myTabContent">
<?php foreach ($arr['data'] as $string) { ?>
<div class="tab-pane fade" id="<?php echo $string['categoryId']; ?>" role="tabpanel" aria-labelledby="<?php echo $string['categoryId']; ?>-tab"><?php foreach ($string['products'] as $product) { ?>
<div class="col-sm-3">
<h1><?php echo $product['productId']; ?></h2>
</div>
<?php }?></div>
<?php }?>
</div>
</div>
</div>