博客列表 >影视小网站:页面交互实现 - 2019.9.20

影视小网站:页面交互实现 - 2019.9.20

Alfred的博客
Alfred的博客原创
2019年10月06日 00:31:06760浏览

1.网站代码目录结构

目录结构.png

2.静态数据存储

resources.php

实例

<?php 
// 静态资源存放
// 影视剧数组

// 视频相关的 作为一个数组,二维数组
$movies = [
  [
    // 视频ID
    'mov_id' => 1,
    'name' => '倚天屠龙记',
    'image' => '1.jpg',
    'detail' => '元朝末年,群雄纷起,武林动荡。江湖传闻,得到屠龙刀倚天剑者,可以成为武林至尊,号令天下,莫敢不从。一时间风云四起,引发了武林中对屠龙刀倚天剑的争夺,几段姻缘和孽缘也由此产生。武当派张翠山与天鹰教殷素素…  ',
    // 分类ID
    'cate_id' => 1,
  ],
  [
    'mov_id' => 2,
    'name' => '都挺好',
    'image' => '2.jpg',
    'detail' => ' 苏母的的突然离世打破了这个家庭外表的平静,意想不到的隐患层层显露,对毫无主见却又自私、小气的苏父的安置和后续生活问题,引发了远在国外的大哥与本城的二哥、小妹三家规律生活的不再。一直被苏母压制的苏父翻…  ',
    'cate_id' => 1,
  ],
  [
    'mov_id' => 3,
    'name' => '如果可以这样爱',
    'image' => '3.jpg',
    'detail' => '一对已婚男女突然徇情自杀,以为可以结束这一切,却不料悲剧才刚刚开始——他们的爱人,耿墨池和白考儿,同时在葬礼上邂逅。面对同样的背叛他们同时选择报复但又同时爱上彼此,注定饱受打击和折磨。然而他们想真心拥…  ',
    'cate_id' => 1,
  ],
  [
    'mov_id' => 4,
    'name' => '复仇者联盟4',
    'image' => '4.jpg',
    'detail' => '《复仇者联盟4:终局之战》将是漫威宇宙“无限传奇”(The Infinity Saga)的终结篇,是漫威电影宇宙十年的一个重要节点,结束部分英雄电影的故事,但也将展开新的剧情,呈现新的更为广阔宏大的宇…',
    'cate_id' => 2,
  ],
  [
    'mov_id' => 5,
    'name' => '波西米亚狂想曲',
    'image' => '5.jpg',
    'detail' => '弗雷迪·默丘里成名前在机场做行李搬运工。有一天,默丘里毛遂自荐加入杰·泰勒与布莱恩·梅的乐团,恰巧当天原本的主唱辞职,默丘里用自己横跨四个八度的超广音域说服两人,从此开启皇后乐团的摇滚传奇!',
    'cate_id' => 2,
  ],
  [
    'mov_id' => 6,
    'name' => '阿丽塔:战斗天使',
    'image' => '6.jpg',
    'detail' => '弗雷迪·默丘里成名前在机场做行李搬运工。有一天,默丘里毛遂自荐加入杰·泰勒与布莱恩·梅的乐团,恰巧当天原本的主唱辞职,默丘里用自己横跨四个八度的超广音域说服两人,从此开启皇后乐团的摇滚传奇!',
    'cate_id' => 2,
  ],
  [
    'mov_id' => 7,
    'name' => '情书',
    'image' => '7.jpg',
    'detail' => '***神户某个飘雪的冬日,渡边博子(中山美穗)在前未婚夫藤井树的三周年祭日上又一次悲痛到不能自已。正因为无法抑制住对已逝恋人的思念,渡边博子在其中学同学录里发现“藤井树” 在小樽市读书时的地址时,依循着…',
    'cate_id' => 3,
  ],
  [
    'mov_id' => 8,
    'name' => '天空之城',
    'image' => '8.jpg',
    'detail' => '韩书珍将两个女儿的教育问题和对丈夫的贤内助工作都做得井井有条,在天空之城之中也是备受瞩目的女王,但其实书珍一直隐藏着不为人所知的秘密。李秀林是个充满了关怀和情感丰沛的童话作家,在书珍的引导之下成为了天…',
    'cate_id' => 3,
  ],
  [
    'mov_id' => 9,
    'name' => '龙猫',
    'image' => '9.jpg',
    'detail' => '为了方便妻子草壁靖子养病,草壁达郎决定带着两个女儿草壁皋月和草壁米搬到草壁靖子所在疗养院附近的乡下,父女三人入住了一间年久失修的老房子。小姐妹俩很快发现看似平凡无奇的乡下有很多神奇的事物,无人居住的房…',
    'cate_id' => 3,
  ],
];

// 栏目数组
// 一维数组,无法进行跳转,所以使用二维数组
$cates = [
  ['cate_id' => 1, 'name' => 'gc', 'alias' => '国产好剧'],
  ['cate_id' => 2, 'name' => 'om', 'alias' => '欧美猛片'],
  ['cate_id' => 3, 'name' => 'rh', 'alias' => '日韩新片'],
];

// 网站的系统设置,一维数组
$system = [
  'sys_id' => 1,
  'title' => '私人影院',
  'desc' => '收集全网最新最全的影视资源',
  'key' => '国产,欧美,日韩',
  'copy' => 'php中文网',
];

// 影视详情页 - 评论
$description = '影视评论:';
$comments = [
  [
    'mov_id'=>1,     // 视频id
    'cate_id' => 1,  // 分类id
    // 评论列表
    'judge'=>[
      [
        'judge_id'=>1,
        'commentator'=>'大佬001',
        'create_time'=>'2019/09/09',
        'content'=>'这波666......6个6!',
      ],
      [
        'judge_id'=>2,
        'commentator'=>'我是你大爷',
        'create_time'=>'2019/09/19',
        'content'=>'放开我的赵敏,谁都不能碰!',
      ],
      [
        'judge_id'=>3,
        'commentator'=>'就是这个味儿',
        'create_time'=>'2019/09/29',
        'content'=>'恕我直言,在座各位都是......大佬,要问为什么,因为我是大佬哥^_-',
      ],
    ],
  ],
  [
    'mov_id'=>2,     // 视频id
    'cate_id' => 1,  // 分类id
    // 评论列表
    'judge'=>[
      [
        'judge_id'=>1,
        'commentator'=>'大佬001',
        'create_time'=>'2019/09/09',
        'content'=>'这波666......6个6!',
      ],
      [
        'judge_id'=>2,
        'commentator'=>'我是你大爷',
        'create_time'=>'2019/09/19',
        'content'=>'放开我的赵敏,谁都不能碰!',
      ],
      [
        'judge_id'=>3,
        'commentator'=>'就是这个味儿',
        'create_time'=>'2019/09/29',
        'content'=>'恕我直言,在座各位都是......大佬,要问为什么,因为我是大佬哥^_-',
      ],
    ],
  ],
  [
    'mov_id'=>3,     // 视频id
    'cate_id' => 1,  // 分类id
    // 评论列表
    'judge'=>[
      [
        'judge_id'=>1,
        'commentator'=>'大佬001',
        'create_time'=>'2019/09/09',
        'content'=>'这波666......6个6!',
      ],
      [
        'judge_id'=>2,
        'commentator'=>'我是你大爷',
        'create_time'=>'2019/09/19',
        'content'=>'放开我的赵敏,谁都不能碰!',
      ],
      [
        'judge_id'=>3,
        'commentator'=>'就是这个味儿',
        'create_time'=>'2019/09/29',
        'content'=>'恕我直言,在座各位都是......大佬,要问为什么,因为我是大佬哥^_-',
      ],
    ],
  ],
  [
    'mov_id'=>4,     // 视频id
    'cate_id' => 2,  // 分类id
    // 评论列表
    'judge'=>[
      [
        'judge_id'=>1,
        'commentator'=>'大佬001',
        'create_time'=>'2019/09/09',
        'content'=>'这波666......6个6!',
      ],
      [
        'judge_id'=>2,
        'commentator'=>'我是你大爷',
        'create_time'=>'2019/09/19',
        'content'=>'放开我的赵敏,谁都不能碰!',
      ],
      [
        'judge_id'=>3,
        'commentator'=>'就是这个味儿',
        'create_time'=>'2019/09/29',
        'content'=>'恕我直言,在座各位都是......大佬,要问为什么,因为我是大佬哥^_-',
      ],
    ],
  ],
  [
    'mov_id'=>5,     // 视频id
    'cate_id' => 2,  // 分类id
    // 评论列表
    'judge'=>[
      [
        'judge_id'=>1,
        'commentator'=>'大佬001',
        'create_time'=>'2019/09/09',
        'content'=>'这波666......6个6!',
      ],
      [
        'judge_id'=>2,
        'commentator'=>'我是你大爷',
        'create_time'=>'2019/09/19',
        'content'=>'放开我的赵敏,谁都不能碰!',
      ],
      [
        'judge_id'=>3,
        'commentator'=>'就是这个味儿',
        'create_time'=>'2019/09/29',
        'content'=>'恕我直言,在座各位都是......大佬,要问为什么,因为我是大佬哥^_-',
      ],
    ],
  ],
  [
    'mov_id'=>6,     // 视频id
    'cate_id' => 2,  // 分类id
    // 评论列表
    'judge'=>[
      [
        'judge_id'=>1,
        'commentator'=>'大佬001',
        'create_time'=>'2019/09/09',
        'content'=>'这波666......6个6!',
      ],
      [
        'judge_id'=>2,
        'commentator'=>'我是你大爷',
        'create_time'=>'2019/09/19',
        'content'=>'放开我的赵敏,谁都不能碰!',
      ],
      [
        'judge_id'=>3,
        'commentator'=>'就是这个味儿',
        'create_time'=>'2019/09/29',
        'content'=>'恕我直言,在座各位都是......大佬,要问为什么,因为我是大佬哥^_-',
      ],
    ],
  ],
  [
    'mov_id'=>7,     // 视频id
    'cate_id' => 3,  // 分类id
    // 评论列表
    'judge'=>[
      [
        'judge_id'=>1,
        'commentator'=>'大佬001',
        'create_time'=>'2019/09/09',
        'content'=>'这波666......6个6!',
      ],
      [
        'judge_id'=>2,
        'commentator'=>'我是你大爷',
        'create_time'=>'2019/09/19',
        'content'=>'放开我的赵敏,谁都不能碰!',
      ],
      [
        'judge_id'=>3,
        'commentator'=>'就是这个味儿',
        'create_time'=>'2019/09/29',
        'content'=>'恕我直言,在座各位都是......大佬,要问为什么,因为我是大佬哥^_-',
      ],
    ],
  ],
  [
    'mov_id'=>8,     // 视频id
    'cate_id' => 3,  // 分类id
    // 评论列表
    'judge'=>[
      [
        'judge_id'=>1,
        'commentator'=>'大佬001',
        'create_time'=>'2019/09/09',
        'content'=>'这波666......6个6!',
      ],
      [
        'judge_id'=>2,
        'commentator'=>'我是你大爷',
        'create_time'=>'2019/09/19',
        'content'=>'放开我的赵敏,谁都不能碰!',
      ],
      [
        'judge_id'=>3,
        'commentator'=>'就是这个味儿',
        'create_time'=>'2019/09/29',
        'content'=>'恕我直言,在座各位都是......大佬,要问为什么,因为我是大佬哥^_-',
      ],
    ],
  ],
  [
    'mov_id'=>9,     // 视频id
    'cate_id' => 3,  // 分类id
    // 评论列表
    'judge'=>[
      [
        'judge_id'=>1,
        'commentator'=>'大佬001',
        'create_time'=>'2019/09/09',
        'content'=>'这波666......6个6!',
      ],
      [
        'judge_id'=>2,
        'commentator'=>'我是你大爷',
        'create_time'=>'2019/09/19',
        'content'=>'放开我的赵敏,谁都不能碰!',
      ],
      [
        'judge_id'=>3,
        'commentator'=>'就是这个味儿',
        'create_time'=>'2019/09/29',
        'content'=>'恕我直言,在座各位都是......大佬,要问为什么,因为我是大佬哥^_-',
      ],
    ],
  ],

];

?>

运行实例 »

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


3.顶部和底部导入

在header.php中导入静态资源

实例

<?php
// 导入页面静态数据
require __DIR__ . './resources.php';
?>

运行实例 »

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



在首页、栏目页、详情页导入顶部和底部


实例

<?php
// 加载公共头部
include __DIR__ . '/src/header.php';
?>


<!-- 这里是内容 -->



<?php
// 加载公共底部
include __DIR__ . '/src/footer.php';
?>

运行实例 »

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


4.详情页

实例

<?php
// 加载公共头部
include __DIR__ . '/src/header.php';
?>

<div class="main">

<?php
$mov_id = intval($_GET['mov_id']);

// 复制list.php模板直接修改
foreach ($movies as $movie) {
	if ($movie['mov_id'] === $mov_id) {
		echo "<h3>{$movie['name']}</h3>";
		echo '<img src="static/images/' . $movie['image'] . '" alt="" width="300">';
		echo "<p style='text-indent: 2em'>{$movie['detail']}</p>";
		// echo "mov_id={$mov_id} "."movie_id={$movie['mov_id']}<br>";
	}
}

echo "<hr>";
?>

<!-- 影视评论 -->
<h2 style="color: #6232CC"><?php echo $description; ?></h2>
<hr>

<div>

<?php
foreach ($comments as $key1 => $comment) {?>

  <?php if ($comment['mov_id'] == $mov_id): ?>

    <?php foreach ($comment['judge'] as $key2 => $judge): ?>
      
      <div class="comment-containor">
        <p class="comment-p"><?php echo $judge['content']; ?></p>
        <p class="comment-info">
          <span class="comment-span"><label><?php echo $judge['commentator']; ?></label></span>
        <span class="comment-span"><label><?php echo $judge['create_time']; ?></label></span>
        </p>
      </div>
      <hr>

    <?php endforeach ?>

  <?php endif?>

<?php }?>


</div>


</div>


<?php
// 加载公共底部
include __DIR__ . '/src/footer.php';
?>

运行实例 »

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

5.效果显示

详情页效果展示.png




声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议