7.23 仿照课堂案例,写一个简单的企业站
程序员文章站
2022-04-17 19:48:47
...
7月23日作业:
仿照课堂案例,写一个简单的企业站, 并制作列表页, 详情页的模板, 注意GET参数的获取与解析,二维数组的创建是个难点,参考课堂案例去一步步完成它
实例--首页index-yan.php
<?php
$headline ='最权威展示平台';
//二维数组
$movies = [
[
'mov_id'=>1,
'name'=>'瑜伽',
'image'=>'yttlj.jpg',
'detail'=>'瑜伽从广义上讲,是古印度的一种哲学,从狭义上讲,是一种运动方式.',
'cate_id'=>1
],
[
'mov_id'=>2,
'name'=>'游泳',
'image'=>'yttlj.jpg',
'detail'=>'游泳是一种特别好的运动,可以美容瘦身,增加心肺功能,可以更好的塑型.',
'cate_id'=>1
],
[
'mov_id'=>3,
'name'=>'跳舞',
'image'=>'yttlj.jpg',
'detail'=>'跳舞是特别好的运动,它分类也比较多,适合各个年龄段的人.',
'cate_id'=>1
],
[
'mov_id'=>4,
'name'=>'古典',
'image'=>'yttlj.jpg',
'detail'=>'古典式很好静心的一种方式',
'cate_id'=>2
],
[
'mov_id'=>5,
'name'=>'钢琴',
'image'=>'yttlj.jpg',
'detail'=>'钢琴比较悦心,是现在社会难得的如心的音乐.在喧嚣的现代生活中,如果能静下来听一首钢琴曲,无疑是一种享受.',
'cate_id'=>2
],
[
'mov_id'=>6,
'name'=>'流行',
'image'=>'yttlj.jpg',
'detail'=>'流行音乐是大部分人能接受,而且很喜欢的音乐.它代表着这个时代大众的心声.',
'cate_id'=>2
],
[
'mov_id'=>7,
'name'=>'经典',
'image'=>'yttlj.jpg',
'detail'=>'能留下来的,肯定是经典的东西.能一直影响着我们的音乐,肯定也是最经典的音乐.',
'cate_id'=>3
],
[
'mov_id'=>8,
'name'=>'打坐',
'image'=>'yttlj.jpg',
'detail'=>'如果能在午后,铺上瑜伽垫子,搬出小茶座,打打坐,喝喝茶,生活节奏会变得特别不一样',
'cate_id'=>3
],
[
'mov_id'=>9,
'name'=>'喝茶',
'image'=>'yttlj.jpg',
'detail'=>'喝茶可以治疗很多疾病,比如高血压,肥胖等等.同时,喝茶也是一种静心的方式,比如学学茶道,无疑为自己的人生添一抹亮色.',
'cate_id'=>3
]
];
//关联数组,栏目的数组键名与栏目文件相同
$cates = [
['cate_id' => 1, 'name' =>'yd','alias' =>'运动项目'],
['cate_id' => 2, 'name' =>'yy','alias' =>'音乐中心'],
['cate_id' => 3, 'name' =>'jx','alias' =>'静心活动']
];
$system = [
'sys_id'=>1,
'title' => '',
'descro' => '最权威的展示平台',
'key' => '运动,音乐,静心'
];
?>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title><?php echo $headline;?></title>
</head>
<style>
ul, li {
padding: 0;
margin: 0;
list-style: none;
}
.main-nav{
width: 600px;
height: 50px;
background-color: #1E9FFF;
}
.main-nav li{
width: 150px;
height: 50px;
line-height: 50px;
text-align: center;
float: left;
}
.main-nav li a{
color: #fff;
font-size: 16px;
}
a{
text-decoration: none;
}
.banner{
margin: 10px auto;
}
.main {
width: 600px;
min-width: 1000px;
height: auto;
}
.footer{
width: 600px;
height: 50px;
line-height: 50px;
text-align: center;
background-color: #1E9FFF;
color: white;
}
</style>
<body>
<!--顶部-->
<div class="header">
<ul class="main-nav">
<li><a href="index-yan.php">首页</a> </li>
<?php foreach ($cates as $value):?>
<li><a href="<?php echo 'list-yan.php?cate_id='.$value['cate_id'];?>"><?php echo $value['alias'];?></a>
</li>
<?php endforeach;?>
</ul>
</div>
<div class="banner"> <img src="https://img.php.cn/upload/jscode/000/000/001/5c64d530ad395428.jpg" alt="" width="600" height="200"></div>
<!--内容展示部分-->
<div class="main">
<!-- 内容展示-->
<?php
foreach ($cates as $cate){
echo '<a><a href="list-yan.php?cate_id='.$cate['cate_id'].'" style="font-size:30px;">'.$cate['alias'].'</a></h1>';
echo '<ol>';
//遍历数组具体内容
foreach ($movies as $movie){
if($movie['cate_id']===$cate['cate_id']){
echo '<li><a href="detail-yan.php?mov_id='.$movie['mov_id'].'">'.$movie['name'].'</a> </li>';
}
};
echo '</ol>';
}
?>
</div>
<!--底部-->
<div class="footer">版权所有@ php.cn</div>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
实例--列表页
<?php
$headline ='最权威展示平台';
//二维数组
$movies = [
[
'mov_id'=>1,
'name'=>'瑜伽',
'image'=>'yttlj.jpg',
'detail'=>'瑜伽从广义上讲,是古印度的一种哲学,从狭义上讲,是一种运动方式.',
'cate_id'=>1
],
[
'mov_id'=>2,
'name'=>'游泳',
'image'=>'yttlj.jpg',
'detail'=>'游泳是一种特别好的运动,可以美容瘦身,增加心肺功能,可以更好的塑型.',
'cate_id'=>1
],
[
'mov_id'=>3,
'name'=>'跳舞',
'image'=>'yttlj.jpg',
'detail'=>'跳舞是特别好的运动,它分类也比较多,适合各个年龄段的人.',
'cate_id'=>1
],
[
'mov_id'=>4,
'name'=>'古典',
'image'=>'yttlj.jpg',
'detail'=>'古典式很好静心的一种方式',
'cate_id'=>2
],
[
'mov_id'=>5,
'name'=>'钢琴',
'image'=>'yttlj.jpg',
'detail'=>'钢琴比较悦心,是现在社会难得的如心的音乐.在喧嚣的现代生活中,如果能静下来听一首钢琴曲,无疑是一种享受.',
'cate_id'=>2
],
[
'mov_id'=>6,
'name'=>'流行',
'image'=>'yttlj.jpg',
'detail'=>'流行音乐是大部分人能接受,而且很喜欢的音乐.它代表着这个时代大众的心声.',
'cate_id'=>2
],
[
'mov_id'=>7,
'name'=>'经典',
'image'=>'yttlj.jpg',
'detail'=>'能留下来的,肯定是经典的东西.能一直影响着我们的音乐,肯定也是最经典的音乐.',
'cate_id'=>3
],
[
'mov_id'=>8,
'name'=>'打坐',
'image'=>'yttlj.jpg',
'detail'=>'如果能在午后,铺上瑜伽垫子,搬出小茶座,打打坐,喝喝茶,生活节奏会变得特别不一样',
'cate_id'=>3
],
[
'mov_id'=>9,
'name'=>'喝茶',
'image'=>'yttlj.jpg',
'detail'=>'喝茶可以治疗很多疾病,比如高血压,肥胖等等.同时,喝茶也是一种静心的方式,比如学学茶道,无疑为自己的人生添一抹亮色.',
'cate_id'=>3
]
];
//关联数组,栏目的数组键名与栏目文件相同
$cates = [
['cate_id' => 1, 'name' =>'yd','alias' =>'运动项目'],
['cate_id' => 2, 'name' =>'yy','alias' =>'音乐中心'],
['cate_id' => 3, 'name' =>'jx','alias' =>'静心活动']
];
$system = [
'sys_id'=>1,
'title' => '',
'descro' => '最权威的展示平台',
'key' => '运动,音乐,静心'
];
?>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title><?php echo $headline;?></title>
</head>
<style>
ul, li {
padding: 0;
margin: 0;
list-style: none;
}
.main-nav{
width: 600px;
height: 50px;
background-color: #1E9FFF;
}
.main-nav li{
width: 150px;
height: 50px;
line-height: 50px;
text-align: center;
float: left;
}
.main-nav li a{
color: #fff;
font-size: 16px;
}
a{
text-decoration: none;
}
.banner{
margin: 10px auto;
}
.main {
width: 600px;
min-width: 1000px;
height: auto;
}
.footer{
width: 600px;
height: 50px;
line-height: 50px;
text-align: center;
background-color: #1E9FFF;
color: white;
}
</style>
<body>
<?php
$cate_id = $_GET['cate_id'];
$cate_id = intval($cate_id);
//print_r($cate_id);
?>
<!--顶部-->
<div class="header">
<ul class="main-nav">
<li><a href="index-yan.php">首页</a> </li>
<?php foreach ($cates as $value):?>
<li><a href="<?php echo 'list-yan.php?cate_id='.$value['cate_id'];?>"><?php echo $value['alias'];?></a>
</li>
<?php endforeach;?>
</ul>
</div>
<div class="banner"> <img src="https://img.php.cn/upload/jscode/000/000/001/5c64d530ad395428.jpg" alt="" width="600" height="200"></div>
<!--内容展示部分-->
<div class="main">
<!-- 内容展示-->
<!-- --><?php
foreach ($cates as $cate) {
if ($cate['cate_id'] === $cate_id) {
echo "<h2>{$cate['alias']}</h2>";
echo '<ol>';
foreach ($movies as $movie) {
if ($cate['cate_id'] == $movie['cate_id']) {
echo "<li><a href='detail-yan.php?mov_id=" .$movie['mov_id']. "'>{$movie['name']}</a></li>";
}
}
echo '</ol>';
break; // 结束循环
};
}
//
// foreach ($cates as $cate){
//
// if($cate['cate_id']===$cate_id){
//
// echo '<h1>'.$cate['alias'].'</h1>';
// }
//
// }
// echo '<ol>';
//
// //遍历数组具体内容
//
// foreach ($movies as $movie){
// if($movie['cate_id']===$cate_id){
//
// echo '<li><a href="detail-yan.php?mov_id='.$movie['mov_id'].'">'.$movie['name'].'</a> </li>';
//
// }
// };
//
// echo '</ol>';
//
//?>
</div>
<!--底部-->
<div class="footer">版权所有@ php.cn</div>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
实例--文章详情页detail-yan.php
<?php
$headline ='最权威展示平台';
//二维数组
$movies = [
[
'mov_id'=>1,
'name'=>'瑜伽',
'image'=>'yttlj.jpg',
'detail'=>'瑜伽从广义上讲,是古印度的一种哲学,从狭义上讲,是一种运动方式.',
'cate_id'=>1
],
[
'mov_id'=>2,
'name'=>'游泳',
'image'=>'yttlj.jpg',
'detail'=>'游泳是一种特别好的运动,可以美容瘦身,增加心肺功能,可以更好的塑型.',
'cate_id'=>1
],
[
'mov_id'=>3,
'name'=>'跳舞',
'image'=>'yttlj.jpg',
'detail'=>'跳舞是特别好的运动,它分类也比较多,适合各个年龄段的人.',
'cate_id'=>1
],
[
'mov_id'=>4,
'name'=>'古典',
'image'=>'yttlj.jpg',
'detail'=>'古典式很好静心的一种方式',
'cate_id'=>2
],
[
'mov_id'=>5,
'name'=>'钢琴',
'image'=>'yttlj.jpg',
'detail'=>'钢琴比较悦心,是现在社会难得的如心的音乐.在喧嚣的现代生活中,如果能静下来听一首钢琴曲,无疑是一种享受.',
'cate_id'=>2
],
[
'mov_id'=>6,
'name'=>'流行',
'image'=>'yttlj.jpg',
'detail'=>'流行音乐是大部分人能接受,而且很喜欢的音乐.它代表着这个时代大众的心声.',
'cate_id'=>2
],
[
'mov_id'=>7,
'name'=>'经典',
'image'=>'yttlj.jpg',
'detail'=>'能留下来的,肯定是经典的东西.能一直影响着我们的音乐,肯定也是最经典的音乐.',
'cate_id'=>3
],
[
'mov_id'=>8,
'name'=>'打坐',
'image'=>'yttlj.jpg',
'detail'=>'如果能在午后,铺上瑜伽垫子,搬出小茶座,打打坐,喝喝茶,生活节奏会变得特别不一样',
'cate_id'=>3
],
[
'mov_id'=>9,
'name'=>'喝茶',
'image'=>'yttlj.jpg',
'detail'=>'喝茶可以治疗很多疾病,比如高血压,肥胖等等.同时,喝茶也是一种静心的方式,比如学学茶道,无疑为自己的人生添一抹亮色.',
'cate_id'=>3
]
];
//关联数组,栏目的数组键名与栏目文件相同
$cates = [
['cate_id' => 1, 'name' =>'yd','alias' =>'运动项目'],
['cate_id' => 2, 'name' =>'yy','alias' =>'音乐中心'],
['cate_id' => 3, 'name' =>'jx','alias' =>'静心活动']
];
$system = [
'sys_id'=>1,
'title' => '',
'descro' => '最权威的展示平台',
'key' => '运动,音乐,静心'
];
?>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title><?php echo $headline;?></title>
</head>
<style>
ul, li {
padding: 0;
margin: 0;
list-style: none;
}
.main-nav{
width: 600px;
height: 50px;
background-color: #1E9FFF;
}
.main-nav li{
width: 150px;
height: 50px;
line-height: 50px;
text-align: center;
float: left;
}
.main-nav li a{
color: #fff;
font-size: 16px;
}
a{
text-decoration: none;
}
.banner{
margin: 10px auto;
}
.main {
width: 600px;
height: 400px;
}
.main p{
width: 600px;
}
.footer{
width: 600px;
height: 50px;
line-height: 50px;
text-align: center;
background-color: #1E9FFF;
color: white;
}
</style>
<body>
<?php
$mov_id = $_GET['mov_id'];
$mov_id = intval($mov_id);
//print_r($cate_id);
?>
<!--顶部-->
<div class="header">
<ul class="main-nav">
<li><a href="index-yan.php">首页</a> </li>
<?php foreach ($cates as $value):?>
<li><a href="<?php echo 'list-yan.php?cate_id='.$value['cate_id'];?>"><?php echo $value['alias'];?></a>
</li>
<?php endforeach;?>
</ul>
</div>
<div class="banner"> <img src="https://img.php.cn/upload/jscode/000/000/001/5c64d530ad395428.jpg" alt="" width="600" height="200"></div>
<!--内容展示部分-->
<div class="main">
<!-- 内容展示-->
<?php
foreach ($movies as $movie) {
if ($movie['mov_id'] === $mov_id) {
echo '<p>'.$movie['detail'].'</p>';
}
}
?>
</div>
<!--底部-->
<div class="footer">版权所有@ php.cn</div>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
上一篇： 7.3 css的介绍与导入，