search

博客列表 >PHP中文网移动端（简易）的站点模块化及数据使用函数封装调用--PHP培训线上班十期0110

PHP中文网移动端（简易）的站点模块化及数据使用函数封装调用--PHP培训线上班十期0110

高的PHP十期培训学习笔记
高的PHP十期培训学习笔记原创
2020年01月21日 14:01:19715浏览

页面结构

  • HTML代码
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>使用flex完成PHP中文网（移动端）的布局</title>
  6.     <link rel="stylesheet" href="index.css">
  7. </head>
  8. <body>
  9. <!--    轮播图-->
  10. <div class="banner">
  11.     <img src="static/images/banner.jpg" alt="">
  12. </div>
  13. <!--    导航菜单-->
  14. <nav>
  15.     <ul>
  16.         <li>
  17.             <a href="">
  18.                 <img src="static/images/html.png" alt="">
  19.                 <span>网站首页</span>
  20.             </a>
  21.         </li>
  22.         <li>
  23.             <a href="">
  24.                 <img src="static/images/JavaScript.png" alt="">
  25.                 <span>最近更新</span>
  26.             </a>
  27.         </li>
  28.         <li>
  29.             <a href="">
  30.                 <img src="static/images/code.png" alt="">
  31.                 <span>文章</span>
  32.             </a>
  33.         </li>
  34.         <li>
  35.             <a href="">
  36.                 <img src="static/images/sql.png" alt="">
  37.                 <span>博文</span>
  38.             </a>
  39.         </li>
  40.     </ul>
  42. </nav>
  43. <!--主体-->
  44. <main>
  46.     <!--最新更新-->
  47.     <div class="new">
  48.         <h3>最新更新</h3>
  49.         <div>
  50.             <a href=""><img src="static/images/1.jpg" alt=""></a>
  51.             <div>
  52.                 <a href="">2019python自学视频</a>
  53.                 <span>本课程适合想从零开始学习 Python 编程语言的开发人员。由浅入深的</span>
  54.             </div>
  55.         </div>
  56.         <div>
  57.             <a href=""><img src="static/images/2.jpg" alt=""></a>
  58.             <div>
  59.                 <a href="">PHP开发免费公益直播课</a>
  60.                 <span>本课程适合想从零开始学习 Python 编程语言的开发人员。由浅入深的</span>
  61.             </div>
  62.         </div>
  63.         <div>
  64.             <a href=""><img src="static/images/3.jpg" alt=""></a>
  65.             <div>
  66.                 <a href="">从零开始到WEB响应式布局</a>
  67.                 <span>本课程适合想从零开始学习 Python 编程语言的开发人员。由浅入深的</span>
  68.             </div>
  69.         </div>
  70.         <div>
  71.             <a href=""><img src="static/images/4.jpg" alt=""></a>
  72.             <div>
  73.                 <a href="">PHP文件基础操作</a>
  74.                 <span>本课程适合想从零开始学习 Python 编程语言的开发人员。由浅入深的</span>
  76.             </div>
  77.         </div>
  78.     </div>
  79.     <!--文章-->
  80.     <div class="article">
  81.         <h3>文章</h3>
  82.         <div>
  83.             <div>
  84.                 <a href="">5个PHP开发者应该知道的Composer小技巧</a>
  85.                 <span>发布时间：2019-12-31</span>
  86.             </div>
  87.             <a href=""><img src="static/images/5.jpg" alt=""></a>
  88.         </div>
  89.         <div>
  90.             <div>
  91.                 <a href="">解决PHP中Web程序中shell_exec()执行Shell脚本不成功问题</a>
  92.                 <span>发布时间：2019-12-31</span>
  93.             </div>
  94.             <a href=""><img src="static/images/6.jpg" alt=""></a>
  95.         </div>
  96.         <div>
  97.             <div>
  98.                 <a href="">PHP执行Linux命令的两个有用的函数exec和shell_exec</a>
  99.                 <span>发布时间：2019-12-31</span>
  100.             </div>
  101.             <a href=""><img src="static/images/7.jpg" alt=""></a>
  102.         </div>
  103.         <div>
  104.             <div>
  105.                 <a href="">php实现利用expat方式解析xml文件</a>
  106.                 <span>发布时间：2019-12-31</span>
  107.             </div>
  108.             <a href=""><img src="static/images/8.jpg" alt=""></a>
  109.         </div>
  110.     </div>
  111.     <!--    博文-->
  112.     <div class="article">
  113.         <h3>博文</h3>
  114.         <div>
  115.             <div>
  116.                 <a href="">5个PHP开发者应该知道的Composer小技巧</a>
  117.                 <span>发布时间：2019-12-31</span>
  118.             </div>
  119.             <a href=""><img src="static/images/5.jpg" alt=""></a>
  120.         </div>
  121.         <div>
  122.             <div>
  123.                 <a href="">解决PHP中Web程序中shell_exec()执行Shell脚本不成功问题</a>
  124.                 <span>发布时间：2019-12-31</span>
  125.             </div>
  126.             <a href=""><img src="static/images/6.jpg" alt=""></a>
  127.         </div>
  128.         <div>
  129.             <div>
  130.                 <a href="">PHP执行Linux命令的两个有用的函数exec和shell_exec</a>
  131.                 <span>发布时间：2019-12-31</span>
  132.             </div>
  133.             <a href=""><img src="static/images/7.jpg" alt=""></a>
  134.         </div>
  135.         <div>
  136.             <div>
  137.                 <a href="">php实现利用expat方式解析xml文件</a>
  138.                 <span>发布时间：2019-12-31</span>
  139.             </div>
  140.             <a href=""><img src="static/images/8.jpg" alt=""></a>
  141.         </div>
  142.     </div>
  144. </main>
  145. <?php include __DIR__ . '/inc/public_footer.php'  ?>

配置网站数据信息

  1. <?php
  3. // 图片路径
  4. const STATIC_PATH = 'static/';
  6. // 栏目导航
  7. $categories = [
  8.     ['id' => 1, 'name' => '文章', 'url' => 'list.php?cid=1'],
  9.     ['id' => 2, 'name' => '博客', 'url' => 'list.php?cid=2'],
  10. ];
  12. // 模块导航
  13. $modules = [
  14.     ['id' => 1, 'name' => '视频', 'url' => 'module.php?cid=1'],
  15.     ['id' => 2, 'name' => '社区', 'url' => 'module.php?cid=2'],
  16.     ['id' => 3, 'name' => '我的', 'url' => 'module.php?mid=3'],
  17. ];
  20. // 文章信息
  21. $goods = [
  22.     [
  23.         'id' => 1,
  24.         'name' => '浅谈PHP程序员如何修炼？',
  25.         'pic'=> 'images/1.jpg',
  26.         'time' => '2020-01-10',
  27.         'url'=> 'detail.php?id=1',
  28.         'text'=>'本篇文章给大家带来的内容是浅谈PHP程序员如何修炼？有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。',
  29.         'detail'=>'在过去的一年，我见过太多太多PHP的项目在重构过程中慢慢引进Laravel，并将Laravel作为项目首选开发框架。
  31. 当然我也是如此，作为Laravel框架的早期使用者，我由衷的感觉Laravel在近些年内的地位还是很稳定的。
  33. 有些人要说了，Laravel框架太重、运行速度太慢、blblblbl的各种原因，我只能说，羊毛出在羊身上，Laravel是组件化开发早期框架，感觉哪个慢就不加载哪个呗，哪个重就删掉不就行了，一天天不找解决方案，只会抛出问题，难道Laravel框架的开发者会按照小众个人意愿去改嘛
  35. 其他的框架我很少了解，在这里就着重讲解下Laravel
  37. 框架本身没什么好说的，讲些Laravel社区生态相关的事。',
  38.         'cid' => 1,
  39.     ],
  40.     [
  41.         'id' => 2,
  42.         'name' => '利用php实现验证邮箱格式是否正确',
  43.         'pic'=> 'images/2.jpg',
  44.         'time' => '2020-01-10',
  45.         'url'=> 'detail.php?id=2',
  46.         'text'=>'利用php实现验证邮箱格式是否正确的详细内容，更多请关注php中文网其它相关文章！',
  47.         'detail'=>'参数介绍：
  49. variable，（必需）规定要过滤的变量。
  51. filter，（可选）规定要使用的过滤器的 ID。默认是 FILTER_SANITIZE_STRING。
  53. options，（可选）规定一个包含标志/选项的关联数组或者一个单一的标志/选项。检查每个过滤器可能的标志和选项。',
  54.         'cid' => 2,
  55.     ],
  56.     [
  57.         'id' => 3,
  58.         'name' => 'php中文网一份年终汇报',
  59.         'pic'=> 'images/3.jpg',
  60.         'time' => '2020-01-10',
  61.         'url'=> 'detail.php?id=3',
  62.         'text'=>'望过去，展未来，2020新起点！在已过去的2019年，感谢大家的理解与信任，支持与陪伴！
  64. 新年之际，猪哥携php中文网以及phpStudy所有同事，祝广大网友新年快乐！身体健康，生活美满！',
  65.         'detail'=>'尊敬的各位网友，php中文网和phpStudy定于2020年1月21日——2020年1月30日休假，1月31日（初七）正常上班。php中文网线上班学员为2月10号（正月十七）复课。
  67. 放假期间微信公众号文章将停更，网站技术文章会有正常更新发布，如有疑问请各大群内咨询群主，谢谢！',
  68.         'cid' => 1,
  69.     ],
  70.     [
  71.         'id' => 4,
  72.         'name' => '利用百度快照变通下载安装 WordPress 插件',
  73.         'pic'=> 'images/4.jpg',
  74.         'time' => '2020-01-10',
  75.         'url'=> 'detail.php?id=4',
  76.         'text'=>'鉴于国内已两个多月无法正常访问 WordPress 官网的情况，下载安装更新 WordPress 插件成了问题，这里提供一个小技巧，帮你解决一下燃眉之急。',
  77.         'detail'=>'其实很简单，例如要下载比较常用的文章点击统计插件WP-PostViews，可以百度搜索“WP-PostViews”，找到官网插件下载页面的链接，点击“百度快照”，在快照页面，找到“Download”按钮，右键复制链接，然后用下载工具比如迅雷下载，最后WP后台上传安装或者FTP覆盖更新即可。
  79. 注：由于快照并不是每天更新，如果某插件更新频繁，下载的插件可能并不是最新版本的。',
  80.         'cid' => 2,
  81.     ],
  82.     [
  83.         'id' => 5,
  84.         'name' => 'ThinkPHP6 任意文件操作漏洞分析',
  85.         'pic'=> 'images/5.jpg',
  86.         'time' => '2020-01-10',
  87.         'url'=> 'detail.php?id=5',
  88.         'text'=>'2020年1月10日，ThinkPHP团队发布一个补丁更新，修复了一处由不安全的SessionId导致的任意文件操作漏洞。',
  89.         'detail'=>'写入的文件名可控，那么写入的内容是否可控呢？分析发现，写入的内容就是创建session使用的内容。但是session的创建是由实际的后端业务逻辑来决定的，而默认环境下并没有创建session。因此，默认环境下无法做到任意文件写入。',
  90.         'cid' => 1,
  91.     ],
  92.     [
  93.         'id' => 6,
  94.         'name' => 'CentOS6.8下安装phpMyAdmin的方法',
  95.         'pic'=> 'images/6.jpg',
  96.         'time' => '2020-01-10',
  97.         'url'=> 'detail.php?id=6',
  98.         'text'=>'我的IP地址访问目录是在/var/www 下，所以我就将phpMyaAdmin放到www目录下',
  99.         'detail'=>'修改名字：mv phpMyAdmin-4.8.3-all-languages.tar.gz phpMyAdmin
  101. 进入phpMyAdmin：cd phpMyAdmin
  103. 复制并重复明命配置文件：cp config.sample.inc.php config.inc.php
  105. 重启服务器(我安装的是nginx):service nginx restart
  107. 重启MySql:service mysqld restart
  109. 重启PHP:service php-fpm restart
  111. 在浏览器地址栏里输入ip/phpMyAdmin:“192.168.71.131/phpMyAdmin”；（我的是虚拟机）
  113. 用户名默认为root,密码就是数据库密码',
  114.         'cid' => 2,
  115.     ],
  116.     [
  117.         'id' => 7,
  118.         'name' => '通俗易懂理解PHP依赖注入容器',
  119.         'pic'=> 'images/7.jpg',
  120.         'time' => '2020-01-10',
  121.         'url'=> 'detail.php?id=7',
  122.         'text'=>'这也是很多通用设计模式的宗旨，就是把分散在各处的同一个功能的代码汇聚到一起',
  123.         'detail'=>'一个好的代码结构设计一定是松耦合的，这也是很多通用设计模式的宗旨，就是把分散在各处的同一个功能的代码汇聚到一起，形成一个模块，然后在不同模块之间通过一些细小的、明确的渠道进行沟通。',
  124.         'cid' => 1,
  125.     ],
  126.     [
  127.         'id' => 8,
  128.         'name' => '8 个 Laravel 模型时间戳使用技巧',
  129.         'pic'=> 'images/8.jpg',
  130.         'time' => '2020-01-10',
  131.         'url'=> 'detail.php?id=8',
  132.         'text'=>'默认情况下，Laravel Eloquent 模型默认数据表有 created_at 和 updated_at 两个字段。',
  133.         'detail'=>'如果数据表没有这两个字段，保存数据时 Model::create($arrayOfValues); —— 会看到 SQL error。Laravel 在自动填充 created_at / updated_at 的时候，无法找到这两个字段。
  135. 禁用自动填充时间戳，只需要在 Eloquent Model 添加上一个属性：',
  136.         'cid' => 2,
  137.     ],
  138. ];

首先完成栏目模块的循环

  1. <?php foreach ($categories as $category) : ?>
  2.     <div class="article">
  3.         <h3>文章</h3>
  4.         <div>
  5.             <div>
  6.                 <a href="">5个PHP开发者应该知道的Composer小技巧</a>
  7.                 <span>发布时间：2019-12-31</span>
  8.             </div>
  9.             <a href=""><img src="static/images/5.jpg" alt=""></a>
  10.         </div>
  12.     </div>
  13. <?php endforeach ?>

完成数据调用

  1. <div class="article">
  2.         <h3><?php echo $category['name'] ?></h3>
  3.         <?php foreach ($articles as $article) : ?>
  4.         <div>
  5.             <div>
  6.                 <a href="<?php echo $article['url'] ?>"><?php echo $article['name'] ?></a>
  7.                 <span>发布时间：<?php echo $article['time'] ?></span>
  8.             </div>
  9.             <a href=""><img src="<?php echo STATIC_PATH . $article['pic'] ?>" alt=""></a>
  10.         </div>
  11.         <?php endforeach ?>
  13.     </div>


由上图中可以看出已经完成了数据配置文件中配置的文章信息，但信息没有分类显示，所以这里需要处理下，让各栏目调用各栏目 的信息

  1. <!--        使用if判断信息所属栏目，并只输出当前栏目的信息-->
  2.         <?php if ($category['id'] === $article['cid']) : ?>
  3.         <div>
  4.             <div>
  5.                 <a href="<?php echo $article['url'] ?>"><?php echo $article['name'] ?></a>
  6.                 <span>发布时间：<?php echo $article['time'] ?></span>
  7.             </div>
  8.             <a href=""><img src="<?php echo STATIC_PATH . $article['pic'] ?>" alt=""></a>
  9.         </div>
  10.         <?php endif ?>

最新文章的获取方法：

这里的最新文章调用的是“文章”和”博文“两个栏目中的文章，并且随机调用
首先我们需要确定调用哪些文章（在信息数组中获得信息的KEY值）

  1. <?php
  2. //获取文章数组中的随机文章的键名
  3. //array_rand($arr,int):随机获取数组($arr)中int个键名
  4. $newskeys = array_rand($articles,4);
  5. //根据获得的键名获得文章信息，并创建一个新的数组
  6. foreach ($newskeys as $key) {
  7.     $news[] = $articles[$key];
  8. }
  11. ?>
  13. <main>
  15.     <!--最新更新-->
  16.     <div class="new">
  17.         <h3>最新更新</h3>
  18.         <?php foreach ($news as $new) : ?>
  19.         <div>
  20.             <a href="<?php echo $new['url'] ?>"><img src="<?php echo STATIC_PATH . $new['pic'] ?>" alt=""></a>
  21.             <div>
  22.                 <a href=""><?php echo $new['name'] ?></a>
  23.                 <span><?php echo $new['text'] ?></span>
  24.             </div>
  25.         </div>
  26.         <?php endforeach ?>
  29.     </div>


刷新一次查看效果

栏目导航菜单的处理

  1.         <?php foreach ($categories as $category) :  ?>
  2.             <li>
  3.                 <a href="<?php echo $category['url'] ?>">
  4.                     <img src="<?php echo STATIC_PATH . $category['pic'] ?>" alt="">
  5.                     <span><?php echo $category['name'] ?></span>
  6.                 </a>
  7.             </li>
  8.         <?php endforeach ?>
  1. // 栏目导航
  2. $categories = [
  3.     ['id' => 1, 'name' => '文章55', 'pic' =>'images/code.png','url' => 'list.php?cid=1'],
  4.     ['id' => 2, 'name' => '博客', 'pic' =>'images/sql.png','url' => 'list.php?cid=2'],
  5. ];

底部菜单的处理

  1.  <a href="index.php" >首页</a>
  2.     <?php foreach ($modules as $module) :  ?>
  3.         <a href="<?php echo $module['url'] ?>" ><?php echo $module['name'] ?></a>
  4.     <?php endforeach ?>

列表页

  1. <?php include __DIR__ . '/inc/public_header.php'  ?>
  2. <?php
  3. //通过浏览器链接传递的参数获取栏目ID
  4. $cid = $_GET['cid'];
  5. //根据栏目ID获取栏目名称
  7. foreach ($categories as $category) {
  8. //    传递过来的栏目ID的数据类型为字符串需要转为整数型才可以调用数组内的信息
  9.      // 使用intval(),将栏目id数值型字符串强制临时转为整数
  10.      if ($category['id'] === intval($cid)) {
  11.          $cateName = $category['name'];
  12.      }
  13.  }
  14. //根据栏目id, 获取对应的文章信息
  15.  foreach ($articles as $article) {
  16.      if ($article['cid'] === intval($cid)) {
  17.          $news[] = $article;
  18.      }
  19.  }
  20. ?>
  23. <main>
  25.     <!--文章-->
  27.     <div class="article">
  28.         <h3><?php echo $cateName ?></h3>
  29.         <?php foreach ($news as $article) : ?>
  30.         <div>
  31.             <div>
  32.                 <a href="<?php echo $article['url'] ?>"><?php echo $article['name'] ?></a>
  33.                 <span>发布时间：<?php echo $article['time'] ?></span>
  34.             </div>
  35.             <a href=""><img src="<?php echo STATIC_PATH . $article['pic'] ?>" alt=""></a>
  36.         </div>
  37.         <?php endforeach ?>
  39.     </div>
  42. </main>
  43. <?php include __DIR__ . '/inc/public_footer.php'  ?>

内容页

  1. <?php
  2. //通过浏览器链接传递的参数获取信息ID
  3. $id = $_GET['id'];
  4. //根据信息ID获取信息内容
  6.  foreach ($articles as $article) {
  7.      if ($article['id'] === intval($id)) {
  8.          $news = $article;
  9.      }
  10.  }
  11. ?>
  14. <main>
  16.     <!--文章-->
  18.     <div class="article">
  20.         <div>
  21.             <div>
  22.                 <a href="<?php echo $news['url'] ?>"><?php echo $news['name'] ?></a>
  23.                 <span>发布时间：<?php echo $news['time'] ?></span>
  24.             </div>
  25.             <a href=""><img src="<?php echo STATIC_PATH . $news['pic'] ?>" alt=""></a>
  26.         </div>
  28.             <p>
  29.                 <?php echo $news['detail'] ?>
  30.             </p>
  34.     </div>

使用函数封装上面的信息，达到数据复用的

首页—获得最新文章

  1. <?php
  3. function getnews($articles,$num)
  4. {
  5.     $newskeys = array_rand($articles,4);
  6.     foreach ($newskeys as $key) {
  7.     $news[] = $articles[$key];
  8. }
  9. return $news;
  10. }
  12. $news = getnews($articles,4)
  15. ?>

列表页—-获取栏目名称和栏目数据

  2. // 获取栏目名称
  3. function getCateName($cid, $categories)
  4. {
  5.     foreach ($categories as $category) {
  6.         // 使用intval(),将栏目id数值型字符串强制临时转为整数
  7.         if ($category['id'] === intval($cid)) {
  8.             $cateName = $category['name'];
  9.         }
  10.     }
  12.     return $cateName;
  13. }
  14. $cateName = getCateName($cid, $categories);
  16. // 获取该栏目所有商品
  17. function getArticle($cid, $articles)
  18. {
  19. foreach ($articles as $article) {
  20.      if ($article['cid'] === intval($cid)) {
  21.          $news[] = $article;
  22.      }
  23.  }
  25.     return $news;
  26. }
  28. $news = getArticle($cid, $articles);

内容页—-获取栏目名称和栏目数据

  1. function getarticle($id, $articles)
  2. {
  3.     foreach ($articles as $article) {
  4.         if ($article['id'] === intval($id)) {
  5.             $news = $article;
  6.         }
  7.     }
  9.     return $news ;
  10. }
  12. $news  = getarticle($id, $articles);

知识点：

include | include_once：包含一个外部文件到页面，失败时不会终止程序，加上once仅能包含一次，防止重复加载包含

require |require_once：包含一个外部文件到页面，失败时会终止程序，加上once仅能包含一次，防止重复加载包含
array_rand($arr,int);随机获取数组中int个键名
__DIR__获取文件所在文件的绝对路径
intval(),将数值型字符串强制临时转为整数
die;调试时使用，此代码后的内容不解析

上一条：wordpress自动发送文章下一条：0113PHP常用变量与过滤验证器的使用
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多