PHP学习总结（4）加载动态数据——2019年9月20号20:00分 - 后端

Home > List of blog posts > PHP学习总结（4）加载动态数据——2019年9月20号20:00分

Blogger Information

Blog 40

fans 0

comment 0

visits 37605

Special Recommendation

More>

Related recommendations

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网后台管理系统</title>
<meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta name="apple-mobile-web-app-status-bar-style" content="black"> 
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="format-detection" content="telephone=no">
  
  <link rel="stylesheet" href="static/css/style.css?ddd"  media="all">
  <link rel="stylesheet" href="static/css/jquery.dad.css?ddd"  media="all">
  <link rel="stylesheet" href="static/css/home.css?ddd"  media="all">
  <script src="static/js/jquery-1.11.3.min.js"></script>
	<script src="static/js/jquery.dad.min.js"></script>
</head>
<body>
	<?php
	include "form.php";
	?>
<div class="home-top phpcn-clear">
	<ul class='phpcn-col-md10'>
		<?php
		    foreach($nav as $val){
				if(is_array($val)){
		?>
					<li>
						<a href=""><?php echo $val[0]; ?> <i class="phpcn-icon phpcn-icon-down"></i></a>
					</li>
		<?php	
	            }else{ 
		?>
					<li>
						<a href=""><?php echo $val; ?></a>
					</li>
		<?php	}
			}
		?>		
		
	</ul>
	<dl class='phpcn-col-md2'>
		<dd>
			
			<a href="">免费注册</a>
		</dd>
		<dd>
			<a href=""><i class="phpcn-icon phpcn-icon-huiyuan2"></i>登陆</a>
		</dd>

	</dl>
</div>
<!--头部结束--->
<!--LOGO与搜索--->
<div class="phpcn-main  phpcn-mt-60">
	<div class="logo-top phpcn-clear">
		<div class="phpcn-col-md4">
			<a href="">
				<img src="<?php echo $logo['src']; ?>">
			</a>
		</div>
		<div class="phpcn-col-md4">
			<input type="" name="">
			<i class="phpcn-icon phpcn-icon-jinduchaxun"></i>
		</div>
		<div class="phpcn-col-md4">
			<dl class="erwei-code">
				<dd>
					<a href=""><i class="phpcn-icon phpcn-icon-huiyuan1"></i></a>
				</dd>
				<dd>
					<a href=""><i class="phpcn-icon phpcn-icon-danmu1"></i></a>
				</dd>
				<dd>
					<a href=""><i class="phpcn-icon phpcn-icon-duoxuankuang1"></i></a>
				</dd>
				<dd>
					<a href=""><i class="phpcn-icon phpcn-icon-jishufuwu"></i></a>
				</dd>
				<dd>
					<a href=""><i class="phpcn-icon phpcn-icon-peiwangyindao"></i></a>
				</dd>
				<dd>
					<a href=""><i class="phpcn-icon phpcn-icon-wenjianjia"></i></a>
				</dd>
				<dd>
					<a href=""><i class="phpcn-icon phpcn-icon-huiyuan1"></i></a>
				</dd>

			</dl>
		</div>
	</div>
	<!--LOGO与搜索结束--->
	<!--菜单 开始 --->
	<div class="menu phpcn-mt-30 phpcn-clear">
		<div >
			
				<?php 
				    foreach ($caidan as $val){
				?>
						<dl class="<?php echo $val['classa']; ?>">
						<dt>
						<i class="phpcn-icon <?php echo $val['classb'] ?>"></i>
						<span><?php echo $val['title']; ?></span>
						</dt>
						<dd>
				<?php
						foreach($val['cai'] as $xiaocai){
				?>
							<a href=""><?php echo $xiaocai ?></a>
				<?php
						}
				?>
						</dd>
						</dl>
				<?php	
					}		
				?>
				
			
		</div>
	</div>
	<!--菜单 结束--->
	<!--幻灯片-->
	<div class="phpcn-clear banner phpcn-mt-30 ">
		
		<div class="phpcn-col-md9 " >
			<div class="pi">
				<div class="pike">
					<?php
					foreach($banner as $val){
					?>
						<div>
							<img src="<?php echo $val['src']; ?>" alt="<?php echo $val['alt']; ?>">
						</div>
					<?php
					}
					?>
				</div>
				<div class="pike_prev"></div>

				<div class="pike_next"></div>

				<div class="pike_spot"></div>
			</div>
			


		</div>
		
		<div class="phpcn-col-md3" >
			<img class="phpcn-r banner-right" src="static/images/banner-right.jpg">
		</div>
	</div>
	<!--幻灯片结束-->
	<!--新聞開始-->
	<div class="home-news phpcn-mt-30">
		<div class="title phpcn-mb-20">
			<a href="" class="tit">新闻资讯</a>
			<span class="phpcn-r"><a href="">更多</a></span>
		</div>
		<div class="phpcn-clear">
			<div class="phpcn-col-md4">
				<img src="static/images/news.jpg">
			</div>
			<?php
			foreach($news as $val){
			?>
				<div class="phpcn-col-md4">
				<h3><a href="" ><?php echo $val['title']; ?></a></h3>
				<ul>
			<?php 
				foreach($val['content'] as $ttt){
			?>
					<li>
					<span>[<?php echo $ttt['type']; ?>]</span>
					<a href=""><?php echo $ttt['biaoti']; ?></a>
					</li>
			<?php
				}
			?>
				</ul>
				</div>
			<?php
			}
			?>			
		</div>

		<div class="phpcn-clear phpcn-mt-30">
			<div class="phpcn-col-md4">
				<dl class="pic">
					<dd class="phpcn-col-md6">
						<a href="">
							<img src="static/images/n-2.jpg">
							<span>三星Note10/10+发布<br>搭载挖孔前摄</span>
						</a>
					</dd>
					<dd class="phpcn-col-md6">
						<a href="">
							<img src="static/images/n-3.jpg">
							<span>小米公布6400万<br>和1亿像素手机信息</span>
						</a>
					</dd>

				</dl>
				
				
			</div>

			<?php
			foreach($news as $val){
			?>
				<div class="phpcn-col-md4">
				<h3><a href="" ><?php echo $val['title']; ?></a></h3>
				<ul>
			<?php 
				foreach($val['content'] as $ttt){
			?>
					<li>
					<span>[<?php echo $ttt['type']; ?>]</span>
					<a href=""><?php echo $ttt['biaoti']; ?></a>
					</li>
			<?php
				}
			?>
				</ul>
				</div>
			<?php
			}
			?>
		</div>
	</div>
	<!--新聞開始結束-->
	
</div>
<!--LOGO与搜索结束--->
<!--图片开始-->
<div class="phpcn-clear phpcn-mt-30" style='background:#eee;'>
	<div class="phpcn-main">
		
		<div class="phpcn-clear home-img">
			<div class="title-header phpcn-mb-40 phpcn-mt-20"><span>图片专区</span></div>
			<div class=" phpcn-clear phpcn-col-space15">
			<?php
			foreach($girl as $val){
			?>
				<div class="phpcn-col-md4">
					
					<div class="bg">
						<div class="title "><a href=""><?php echo $val['title']; ?></a> 
						<span><?php echo $val['biaoti']; ?></span></div>
						<ul class="phpcn-clear">
			<?php
						foreach($val['content'] as $kkk){
			?>
							<li class="phpcn-col-md6">
								<a href="">
									<img src="<?php echo $kkk['src']; ?>">
								</a>
								<a href=""><?php echo $kkk['text']; ?></a>
							</li>
			<?php
						}
			?>
						</ul>
					</div>					
				</div>
			<?php
			}
			?>				
			</div>
		</div>
		<!--图片开始结束-->
		<!--商城开始-->
		<div class="phpcn-clear">
			<div class="title-header phpcn-mb-40 phpcn-mt-20"><span>二手交易</span></div>
				<div class="home-shop phpcn-clear">
				<?php
				foreach ($category as $val){
				?>
					<div class="title ">
						<a href=""><?php echo $val['title']; ?></a>
						<span><?php echo $val['biaoqian']; ?></span>
					</div>
					<div class='head-tags'>
						<span><?php echo $val['category']; ?>：</span>
				<?php
						foreach($val['tab'] as $kkk){
				?>
							<a href=""><?php echo $kkk; ?></a>
				<?php
						}						
				?>
					</div>
				<?php
				}
				?>
					
					<div class="phpcn-clear">
						<div class="phpcn-col-md8 dad">
							<dl>
								<?php
								foreach ($haibao as $val){
								?>
									<dd class="phpcn-col-md3">
									<a href="">
									    <img src="static/images/shop/<?php echo $val['src']; ?>"></a>
									<a href=""><?php echo $val['title']; ?></a>
									<a href="" class="phpcn-mt-10">
										<span class="price"><?php echo $val['price']; ?></span>
										<span class="tags"><?php echo $val['tags']; ?></span>
									</a>
									</dd>
								<?php
								}
								?>
								
								


							</dl>
							
							
						</div>
						<div class="phpcn-col-md4 home-ad">
								<ul class="phpcn-clear">
									<li class="phpcn-col-md6">
										<a href="">
											<img src="static/images/ad/1.png">
										</a>
									</li>
									<li class="phpcn-col-md6">
										<a href="">
											<img src="static/images/ad/2.png">
										</a>
									</li>
									<li class="phpcn-col-md6">
										<a href="">
											<img src="static/images/ad/3.png">
										</a>
									</li>
									<li class="phpcn-col-md6">
										<a href="">
											<img src="static/images/ad/4.png">
										</a>
									</li>

								</ul>
								<div class="phpcn-mt-10">
									<a href="">
											<img src="static/images/ad/image.png" class="slogan">
										</a>
								</div>
								<div class="phpcn-mt-10" >
									<a href="">
											<img src="static/images/ad/ad2.jpg" class="slogan ">
										</a>
								</div>
						</div>
					</div>
				</div>
		</div>
		<!--商城开始结束-->
	</div>
</div>

<!--友情链接 -->
<div class="phpcn-clear phpcn-mt-30">
		<div class="phpcn-main links">
			<div class="title-header phpcn-mb-40 phpcn-mt-20"><span>合作网站</span></div>
			
			<div>
			<?php
			foreach ($link as $val){
			?>
				<a href=""><?php echo $val; ?></a>
			<?php
			}
			?>

			</div>	
			
			
		

			
		</div>
</div>
<!--友情链接结束-->
<!--网站底部-->
<div class="phpcn-clear phpcn-mt-30 footer">
	<div class="phpcn-main">
		<div class="phpcn-col-md8">
			<div class="link phpcn-mb-30">
			<?php
			foreach($about as $val){
			?>
				<a href="" target="_blank"><?php echo $val; ?></a>
			<?php
			}
			?>                
			</div>
			<div class="phpcn-col-md2 f-logo">
				LOGO
			</div>
			<div class="phpcn-col-md10">
				<P>2019 fengniao.com. All rights reserved . 安徽闹着玩***（无聊网）版权所有</P>
				<P><span>皖ICP证150110号 京ICP备14323013号-2</span> <span>皖公网安备110108024357788号</span></P>
				<P><span>违法和不良信息举报电话: 0551-1234567</span> <span>举报邮箱: admin@baidu.com</span></P>
			</div>

		</div>
		<div class="phpcn-col-md4">
			<h4>关注公众号</h4>
			<img src="static/images/erwei-code.png">
		</div>
	</div>
</div>
<!--网站底部-->

<script src="static/js/pin.js"></script>

<script>
$(function(){ 
	$('body').dad({
	

	});
});

   var myPi = new Pike(".pi", {
	       	type: 1, // 轮播的类型(1渐隐)
	       	automatic: true, //是否自动轮播 (默认false)
	       	autoplay: 2000, //自动轮播毫秒 (默认3000)
	       	hover: true, //鼠标悬停轮播 (默认false)
	       	arrowColor: "yellow", //箭头颜色 (默认绿色)
	       	arrowBackgroundType: 2, //箭头背景类型 (1: 方形, 2:圆形)
	       	arrowBackground: 1, //箭头背景色 (1:白色,2:黑色, 默认:无颜色)
	       	arrowTransparent: 0.2, //箭头背景透明度 (默认: 0.5)
       		spotColor: "white",//圆点颜色 (默认: 白色)
       		spotType: 1, //圆点的形状 (默认: 圆形, 1:圆形, 2.矩形)
       		spotSelectColor: "red", //圆点选中颜色 (默认绿色)
       		spotTransparent: 0.8, //圆点透明度 (默认0.8)
       		mousewheel: true, //是否开启鼠标滚动轮播(默认false)
       		drag: false, //是否开启鼠标拖动 (默认为: true, 如不需要拖动设置false即可)
       		loop: true, //是否循环轮播 (默认为: false)
       });

var progress = $('.phpcn-progress .phpcn-row');

jQuery.each(progress, function(){
	//console.log($(this).find('.phpcn-progress-percent').attr('class'));

     $(this).find('.phpcn-progress-bor').css('width',$(this).find('.phpcn-progress-percent').html());
});





$('.phpcn-dl dl').last().css('border-bottom','1px solid #C9C9C9');

	$('#admin-select').mouseover(function(){
		//alert($(this).find('dl').css('display'));
		
	
    		$(this).find('dl').show();
		
 	 });
	$('#admin-select').find('dl').mouseout(function(){
		
				$(this).hide();
			
	 });
$('.phpcn-button').mouseover(function(){
		
				$(this).addClass('phpcn-button-hover');
			
	 });$('.phpcn-button').mouseout(function(){
		
				$(this).removeClass('phpcn-button-hover');
			
	 });


	$('.tree').css('min-height',$(document).height()-160);
	$('.tree').find('li').click(function(){
		//alert($('.tree').find('dl').css('display'));
		//$('.tree').find('dl').hide();
		if($(this).find('dl').css('display')=='none'){
			
			$(this).find('i').removeClass('phpcn-icon-down');
			$(this).find('i').addClass('phpcn-icon-up');
			$('.tree').find('dl').hide();
			$(this).find('dl').show();
		}else{
			
			$(this).find('i').removeClass('phpcn-icon-up');
			$(this).find('i').addClass('phpcn-icon-down');
			$(this).find('dl').hide();
		}
	
   	
});
//table窗口
	$('.tree').find('a').click(function(){
		//alert($('.tree').find('dl').css('display'));
		//$('.tree').find('dl').hide();
		
		var tabs=$('.phpcn-tab-title a');
		tree=$(this);
		jQuery.each(tabs, function(){
			$('.phpcn-tab-title li').removeClass('on');
			if($(this).attr('data')!=tree.attr('data')){
				var tabs=$('.phpcn-tab-title ul');
				$(this).removeClass('on');
				var html='<li class="on"><i></i><dd>'+tree.html()+' <a class="phpcn-icon phpcn-icon-guanbi" data='+tree.attr('data')+' href="javascript:;"></a></dd></li>';
				
				tabs.append(html);
				 return false;
				
			}
		
		});
		
		
   	
});
//table窗口
	$('.phpcn-tab-title').find('.phpcn-icon-guanbi').click(function(){
		alert();
		$(this).parent().parent('li').remove();
		
   	
});
$('.phpcn-tab-title').find('li').mouseover(function(){
	var i=$(this).find('i');
	$('.phpcn-tab-title').find('li').find('i').css('width','0%');
	if($(this).css('background')!='#f6f6f6'){
		$('.phpcn-tab-title').find('li').css('background','none');
		$(this).css('background','#f6f6f6');
		
	}
	if(i.css('width')!='100%'){
		i.css('width','100%');
		
	}
});


</script>








</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

数据文件：

实例

<?php
// nav导航
$nav = [
    '网站首页',
    '专题',
    [
        '网站导航'
    ],
    '网站导航',
    '二手商品',
    '讨论区'
];
// logo图标
$logo = ['src'=>"static/images/logo.png"];
// 菜单
$caidan = [
    [
        'classa'=>"phpcn-col-md3",
        'classb'=>"phpcn-icon-gongdan",
        'title'=>'咨讯看学',
        'cai'=>[
            '器材','大师','学院','影赛','器材','大师','学院','影赛'
        ]
    ],
    [
        'classa'=>'phpcn-col-md2',
        'classb'=>'phpcn-icon-renwujincheng',
        'title'=>'排球天地',
        'cai'=>[
            '器材','大师','学院','影赛'
        ]
    ],
    [
        'classa'=>'phpcn-col-md2',
        'classb'=>'phpcn-icon-gongdan',
        'title'=>'摄影天地',
        'cai'=>[
            '器材','大师','学院','影赛'
        ]
    ],
    [
        'classa'=>'phpcn-col-md4',
        'classb'=>'phpcn-icon-DOC',
        'title'=>'娱乐世界',
        'cai'=>[
            '土豆','西瓜','鸡蛋','西红柿','青菜','洋葱',
            '土豆','西瓜','鸡蛋','西红柿','青菜','洋葱'
        ]
    ],

];
// 轮播图
$banner = [
    [
        'src'=>"static/images/1.jpg",
        'alt'=>""
    ],
    [
        'src'=>"static/images/2.jpg",
        'alt'=>""
    ],
    [
        'src'=>"static/images/3.jpg",
        'alt'=>""
    ],
    [
        'src'=>"static/images/4.jpg",
        'alt'=>""
    ],
    
];
// 新闻资讯
$news = [
    [
        'title'=>"性价比广角 ***17-28F2.8评测",
        'content'=>[
            ['type'=>'新闻','biaoti'=>"佳能注册相机无线充电和眼控对焦专利"],
            ['type'=>'新闻','biaoti'=>"Entaniya宣布推出Super 35 PL卡口鱼***头"],
            ['type'=>'新闻','biaoti'=>"佳能注册相机无线充电和眼控对焦专利"],
            ['type'=>'新闻','biaoti'=>"轻便灵巧可变形 JOBY入门迷你三脚架套装试用"],
        ]

    ],
    [
        'title'=>"性价比广角 ***17-28F2.8评测",
        'content'=>[
            ['type'=>'新闻','biaoti'=>"佳能注册相机无线充电和眼控对焦专利"],
            ['type'=>'新闻','biaoti'=>"Entaniya宣布推出Super 35 PL卡口鱼***头"],
            ['type'=>'新闻','biaoti'=>"佳能注册相机无线充电和眼控对焦专利"],
            ['type'=>'新闻','biaoti'=>"轻便灵巧可变形 JOBY入门迷你三脚架套装试用"],
        ]

    ],
];
// girl
$girl = [
    [
        'title'=>"美女",
        'biaoti'=>"小黄摄影艺术",
        'content'=>[
            ['src'=>"static/images/img1.jpg",'text'=>'阴沉夏日的柔美身姿 复古少女的藕荷色心情'],
            ['src'=>"static/images/img2.jpg",'text'=>'阴沉夏日的柔美身姿 复古少女的藕荷色心情'],
            ['src'=>"static/images/img3.jpg",'text'=>'阴沉夏日的柔美身姿 复古少女的藕荷色心情'],
            ['src'=>"static/images/img4.jpg",'text'=>'阴沉夏日的柔美身姿 复古少女的藕荷色心情'],
        ]

    ],
    [
        'title'=>"帅哥",
        'biaoti'=>"大黄摄影艺术",
        'content'=>[
            ['src'=>"static/images/img1.jpg",'text'=>'阴沉夏日的柔美身姿 复古少女的藕荷色心情'],
            ['src'=>"static/images/img2.jpg",'text'=>'阴沉夏日的柔美身姿 复古少女的藕荷色心情'],
            ['src'=>"static/images/img3.jpg",'text'=>'阴沉夏日的柔美身姿 复古少女的藕荷色心情'],
            ['src'=>"static/images/img4.jpg",'text'=>'阴沉夏日的柔美身姿 复古少女的藕荷色心情'],
        ]

    ],
    [
        'title'=>"老头",
        'biaoti'=>"老黄摄影艺术",
        'content'=>[
            ['src'=>"static/images/img1.jpg",'text'=>'阴沉夏日的柔美身姿 复古少女的藕荷色心情'],
            ['src'=>"static/images/img2.jpg",'text'=>'阴沉夏日的柔美身姿 复古少女的藕荷色心情'],
            ['src'=>"static/images/img3.jpg",'text'=>'阴沉夏日的柔美身姿 复古少女的藕荷色心情'],
            ['src'=>"static/images/img4.jpg",'text'=>'阴沉夏日的柔美身姿 复古少女的藕荷色心情'],
        ]

    ],

];
// 热门分类
$category = [
    [
    'title'=>'抢好货',
    'biaoqian'=>"0低价、便捷、安全、快速",
    'category'=>'热门分类',
    'tab'=>[
        "小狗",'小猫','小猪','鸭子','小虎'
    ]
    ]
];
// 海报写真
$haibao = [
    [
        'src'=>"shop1.jpg",
        'title'=>"这是标题",
        'price'=>"50",
        "tags"=>"小猫"
    ],
    [
        'src'=>"shop2.jpg",
        'title'=>"这是标题",
        'price'=>"50",
        "tags"=>"小猫"
    ],
    [
        'src'=>"shop3.jpg",
        'title'=>"这是标题",
        'price'=>"50",
        "tags"=>"小猫"
    ],
    [
        'src'=>"shop4.jpg",
        'title'=>"这是标题",
        'price'=>"50",
        "tags"=>"小猫"
    ],
    [
        'src'=>"shop5.jpg",
        'title'=>"这是标题",
        'price'=>"50",
        "tags"=>"小猫"
    ],
    [
        'src'=>"shop3.jpg",
        'title'=>"这是标题",
        'price'=>"50",
        "tags"=>"小猫"
    ],
    [
        'src'=>"shop4.jpg",
        'title'=>"这是标题",
        'price'=>"50",
        "tags"=>"小猫"
    ],
    [
        'src'=>"shop5.jpg",
        'title'=>"这是标题",
        'price'=>"50",
        "tags"=>"小猫"
    ],

];
$link = [
    'php中文网','百度','phpstudy','万达','中国银行',
    'php中文网','百度','phpstudy','万达','中国银行',
    'php中文网','百度','phpstudy','万达','中国银行',
];
$about = [
    '简介','联系我们','友情链接','招聘信息','用户协议',
    '隐私声明','法律投诉'
];
?>

运行实例 »

点击 "运行实例" 按钮查看在线实例

总结：

1、数据的输出基本上都是数组形式；

2、基本数组（一维数组）的标准输出格式：

<?php

foreach($about as $val){

<?php

}

//对应的数组——$about

$about = [

'简介','联系我们','友情链接','招聘信息','用户协议', '隐私声明','法律投诉'

];

3、多维数组的标准输出格式

<?php

foreach ($category as $val){

</div>

<?php

foreach($val['tab'] as $kkk){

<?php

}

</div>

<?php

}

//对应的数组——$category

// 热门分类

$category = [

[

'title'=>'抢好货',

'biaoqian'=>"0低价、便捷、安全、快速",

'category'=>'热门分类',

'tab'=>[ "小狗",'小猫','小猪','鸭子','小虎' ]

]

];

Correction status：qualified

Teacher's comments：完成的不错。

Statement of this Website

The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!

All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement

0 comments

Author's latest blog post

tp5-session会话

2019-09-06 16:54:23