首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 PHP

tp5框架前台无限极导航菜单类实现方法分析

Posted in PHP onMarch 29, 2020

本文实例讲述了tp5框架前台无限极导航菜单类实现方法。分享给大家供大家参考，具体如下：

适用于 id name pid sort 类似结构的表结构

使用方法：(tp5)

1、将最下面的代码保存到“前台”控制器目录下（名为 FrontNav.php），比如（路径）： application/index/controll（应用/模块/控制器）

2、在控制器中使用：（application/index/controll/index）（应用/模块/控制器/方法）

也可以放到基础类的初始化方法中，如：Base.php 的 _initialize() 方法（不用多解释，这个是 tp5 的初始化方法 貌似 init() 也行？可以自己试试）

使用：

1）、第一步：先实例化本类， 5 个参数。

参数说明：

  • param 1：必填 字符串类型 数据表名称（也是模型名称），不用其实字母大写也行。例如： category
  • param 2：选填 字符串类型 模型所在的路径（默认是：admin模块下的model目录）。如果你不叫 admin，那么书写格式如下：houtai/model
  • param 3：必填 字符串类型 父级栏目字段名称，例如：pid（parent id）
  • param 4：选填 数组类型 默认是按 id 正序排序的，如果有排序字段 sortField 的值为 字段名称 如 sort 或者 listorder 等…，sortOrder 的值为 asc（正序） 或 desc （倒序），建议按这个排序，要不然会显示有点乱，因为权重的关系需要手动排序显示的位置。
  • param 5：必填 二维数组 替换关键词，该参数的第一个数组为顶部导航所需要替换的关键词（必填），linkUrl（url 链接）是固定模式，必须这么写，它的值是：模块/控制器/方法，其他的键为要替换的关键词值为字段名称。第二个数组（选填）为二级菜单，第三个数组（选填）为N级菜单，此三个数组个数要对应 $this->createNavHtml() 方法中模版参数的个数，详见 createNavHtml() 方法解释。
$frontNav = new FrontNav('category', '', 'pid', array(
'sortField' => 'sort',
'sortOrder' => 'asc'
), array(
array(
'linkUrl' => 'index/artlist/index',
'catName' => 'name',
'catDesc' => 'desc'
),
array(
'linkUrl' => 'index/artlist/index',
'catName' => 'name',
'catDesc' => 'desc'
)
));

2）、第二步：生成 导航的 html 结构，4个参数

  1. param 1：选填 字符串类型 首页的 html 模版，例如 ‘<li><a class=”navi_home” href=”/”>首页</a></li>'
  2. param 2：必填 数组类型 顶部导航的 html 模版，注意下面实例的格式写法
  3. param 3：选填 数组类型 二级菜单的 html 模版，同上
  4. param 4：选填 数组类型 N级菜单的 html 模版，同上
$navHtml = $frontNav->createNavHtml('<li><a class="navi_home" href="/" rel="external nofollow" rel="external nofollow" >首页</a></li>', array(
'<ul id="jsddm" class="topNav">',
'<li><a href="linkUrl" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" title="catDesc">catName</a>',
'</li>',
'</ul>'
), array(
'<ul class="twoLevel">',
'<li><a href="linkUrl" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" title="catDesc">catName</a>',
'</li>',
'</ul>'
), '');

3）、第三步：向模版输出

$this->assign(array(
'navHtml' => $navHtml
));

4）、第四步：模版调用（多余？？）

<div id="navi">
{$navHtml}
</div>

提示：

1、替换关键词参数个数与模版（除了首页外）参数个数一定要对应，打字解释的可能有点不明白，详细的对照 实例化 和 创键方法 的代码看几遍就明白了，实在不行可以看源程序，都有较详细的注释。

2、本类默认模型优先，如果没有模型就会查表返回数据库实例。

3、还有一点要注意就是你的替换关键词尽量要跟模版里的字符串不要重复，比如说，你的替换关键词叫 ‘id' => catename，而模版里 <li id=”xixixi”><a href=”###”>哎呀？</a></li>，要是这样就坏了…

求高手改成php原生的，可联系qq发给我吗？嘿嘿…

具体哪有不清楚的可以联系我QQ

效果图：（好像也支持无限极菜单）

<?php
  /**
   * Created by PhpStorm.
   * User: Chao Chao
   * Date: 2017/9/23
   * Time: 10:18
   * versions: 1.0.0
   * url: null
   * email: 2776332953@qq.com
   * phone: ***
   */
  namespace app\index\controller;
  use think\Db;    // 引用 Db (数据库链接) 类
  use think\Url;   // 引用 Url ( 创建 url) 类
  use think\Loader;  // 引用 Loader ( 加载 ) 类
  class FrontNav {
    // 数据库实例
    protected $db;
    // 无限极字段名称
    protected $pidName = '';
    // 排序设置
    protected $sort = array();
    // 一级导航html模版
    protected $levelOne = array();
    // 二级导航html模版
    protected $levelTwo = array();
    // n级导航html模版
    protected $levelN = array();
    // nav html
    protected $navHtml = '';
    // 替换关键词
    protected $replaceKeywords = array();
    /**
     * FrontNav constructor.  构造方法用于生成数据实例与配置参数
     * @param string $name 数据表名称或模型名称
     * @param string $modelPath 模型所在路径，默认为 admin/model （admin模块下的model目录）
     * @param string $pidName 无限极分类的字段（如：pid 或 parentid 等）
     * @param string $sort 要排序的字段名称
     * @param array $replaceKeywords 定义的替换关键词
     */
    public function __construct($name, $modelPath, $pidName, $sort, $replaceKeywords) {
      // $name 为必填参数
      if (empty($name) || !is_string($name)) {
        throw new \think\Exception('参数错误 $name（表名称或模型名称），实例化时该参数必须为字符串类型且不能为空！');
      }
      // 模型优先考虑 如果 模型类先存在 就返回 模型实例，否则返回 Db 类实例。
      // 防止大小写错误，先都转换成小写在将第一个字母大写 如：Category，因为 linux 区分大小写
      $fileName = ucwords(strtolower($name));
      // 一般栏目的模型都在后台，所以这里就写死了地址 '/admin/model/'，也可以传参制定位置
      $modelPath = !empty($modelPath) ? strtolower($modelPath) : 'admin/model';
      if (class_exists('app\\' . str_replace('/', '\\', $modelPath) . '\\' . $fileName)) {
        $this->db = Loader::model($fileName, 'model', false, 'admin');
      } else {
        // 不确定在 linux 下数据库名称是否区分大小写，所以都转换成小写。
        $this->db = Db::name(strtolower($fileName));
      }
      // 无限极父类字段不能为空
      if (!empty($pidName)) {
        $this->pidName = $pidName;
      } else {
        throw new \think\Exception('参数错误 $pidName（父栏目id），实例化时字段名称不能为空！');
      }
      // 替换关键词
      if (empty($replaceKeywords) || !is_array($replaceKeywords)) {
        throw new \think\Exception('参数错误 $replaceKeywords（替换关键词），实例化时该参数必须是而为数组类型且不能为空！');;
      } else {
        $this->replaceKeywords = $replaceKeywords;
      }
      $this->sort = $sort;
    }
    /**
 * 控制器调用，生成导航菜单。顶层导航的样式( 参数2 $levelOneTemplate )为必填项，也就是说最基本的是一层导航，二级和多级是选填项( 参数3: $levelTwoTemplate 与 参数4 $levelNTemplate 非必填项 )
     * @param string $homePageHml 首页 标签的html样式,如: <li><a class="navi_home" href="/" rel="external nofollow" rel="external nofollow" >首页</a></li>
     * @param array $levelOneTemplate 必填 顶部导航的html样式,如: array(
     * '<ul id="jsddm" class="topNav">',  最外层 ul
     * '<li><a href="linkUrl" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" title="catDesc">catName</a>',  li标签
     * '</li>',  li 结束
     * '</ul>' ul 结束
     * )
     * @param array $levelTwoTemplate 选填 二级菜单的html样式,如: array(
     * '<ul class="twoLevel">',  二级菜单的 ul
     * '<li><a href="linkUrl" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" title="catDesc">catName</a>',  li标签
     * '</li>',li 结束
     * '</ul>'ul 结束
     * )
     * @param array $levelNTemplate 选填 多级菜单的html样式,如: array(
     * '<ul class="nLevel">',  N级菜单的 ul
     * '<li><a href="linkUrl" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" title="catDesc">catName</a>',  li标签
     * '</li>',li 结束
     * '</ul>'ul 结束
     * @return string
     */
    public function createNavHtml($homePageHml, $levelOneTemplate, $levelTwoTemplate, $levelNTemplate) {
      // 第一层导航不能为空且必须是数组
      if (empty($levelOneTemplate) || !is_array($levelOneTemplate)) {
        throw new \think\Exception('参数错误 $levelOneTemplate（一级导航模版），该参数必须是数组类型且不能为空！');
      }
      $this->levelOne = $levelOneTemplate;
      // 二级导航
      if (!empty($levelTwoTemplate) && !is_array($levelTwoTemplate)) {
        throw new \think\Exception('参数错误 $levelTwoTemplate（二级导航模版），该参数可以为空 \'\' 或 array()，否则必须是数组类型！');
      }
      $this->levelTwo = $levelTwoTemplate;
      // N级导航
      if (!empty($levelNTemplate) && !is_array($levelNTemplate)) {
        throw new \think\Exception('参数错误 $levelNTemplate（N级导航模版），该参数可以为空 \'\' 或 array()，否则必须是数组类型！');
      }
      $this->levelN = $levelNTemplate;
      $treeData = $this->getTreeData($this->getAllData(), 0);
      //print_r($treeData);
      $this->createHtml($treeData);
      return $this->levelOne[0] . (!empty($homePageHml) ? $homePageHml : '') . $this->navHtml .
          $this->levelOne[3] . "\n";
    }
    /**
     * 获取所有数据
     * @return array
     */
    private function getAllData() {
    if (empty($this->sort) || empty($this->sort['sortField']) || empty($this->sort['sortOrder'])) {
        return collection($this->db->where(1)
                      ->select())->toArray();
      } else {
        return collection($this->db->where(1)
                      ->order($this->sort['sortField'] . ' ' . $this->sort['sortOrder'])
                      ->select())->toArray();
      }
    }
    /**
     * 将所有数据攒成树状结构的数组
     * 增加 levels （层级） children （子数组）
     * @param $allData   传递过来的所有非树状结构的数组
     * @param $parentId   初始化时的父栏目id
     * @return array    树状结构的数组
     */
    private function getTreeData($allData, $parentId) {
      $tree = array();
      // 层级计数
      static $number = 1;
      foreach ($allData as $v) {
        if ($v[$this->pidName] == $parentId) {
          if ($v[$this->pidName] == 0) {
            $v['levels'] = 0;
          } else {
            $v['levels'] = $number;
            ++$number;
          }
          $v['children'] = $this->getTreeData($allData, $v['id']);
          $tree[] = $v;
        } else {
          $number = 1;
        }
      }
      return $tree;
    }
    /**
     * 递归生成树状结构的html
     * @param $allData array  由 createNavHtml() 方法传递过来的 树形结构 数据（数组）
     * @return     string 返回（最外层ul内部的html）树状结构的html
     */
    private function createHtml($allData) {
      foreach ($allData as $v) {
        // 顶部导航
        if ($v['levels'] == 0) {
          $tempStr0 = $this->levelOne[1];
          foreach ($this->replaceKeywords[0] as $k1 => $v1) {
            if ($k1 == 'linkUrl') {
              $tempStr0 = str_replace($k1, Url::build($v1, 'id=' . $v['id']), "\n" . $tempStr0);
            } else {
              $tempStr0 = str_replace($k1, $v[$v1], $tempStr0);
            }
          }
          $this->navHtml .= $tempStr0;
          if (empty($v['children'])) {
            $this->navHtml .= $this->levelOne[2] . "\n";
          } else if (!empty($v['children']) && !empty($this->levelTwo)) {
            $this->navHtml .= "\n" . $this->levelTwo[0] . "\n";
            $this->createHtml($v['children']);
            $this->navHtml .= $this->levelTwo[3] . $this->levelOne[2];
          }
        }
        //　二级菜单
        if ($v['levels'] == 1) {
          $tempStr2 = $this->levelTwo[1];
          foreach ($this->replaceKeywords[1] as $k1 => $v1) {
            if ($k1 == 'linkUrl') {
              $tempStr2 = str_replace($k1, Url::build($v1, 'id=' . $v['id']),       $tempStr2);
            } else {
              $tempStr2 = str_replace($k1, $v[$v1], $tempStr2);
            }
          }
          $this->navHtml .= $tempStr2;
          if (empty($v['children'])) {
            $this->navHtml .= $this->levelTwo[2] . "\n";
          } else if (!empty($v['children']) && !empty($this->levelN)) {
            // 是否多级导航，有 children ，还必须有3级 html 模版
            $this->navHtml .= "\n" . $this->levelN[0] . "\n";
            $this->createHtml($v['children']);
            $this->navHtml .= $this->levelN[3] . $this->levelTwo[2] . "\n";
          }
        }
        // 多级菜单
        if (!empty($this->levelN) && $v['levels'] > 1) {
          $tempStrN = $this->levelN[1];
          foreach ($this->replaceKeywords[2] as $k1 => $v1) {
            if ($k1 == 'linkUrl') {
              $tempStrN = str_replace($k1, Url::build($v1, 'id=' . $v['id']), $tempStrN);
            } else {
              $tempStrN = str_replace($k1, $v[$v1], $tempStrN);
            }
          }
          $this->navHtml .= $tempStrN;
          if (empty($v['children'])) {
            $this->navHtml .= $this->levelN[2] . "\n";
          } else {
            $this->navHtml .= $this->levelN[0];
            $this->createHtml($v['children']);
            $this->navHtml .= $this->levelN[3] . $this->levelN[2];
          }
        }
      }
      return $this->navHtml;
    }
  }

希望本文所述对大家基于ThinkPHP框架的PHP程序设计有所帮助。

tp5框架前台无限极导航菜单类实现方法分析

- Author -

pan_yuyuan

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

PHP 相关文章推荐
php 伪造本地文件包含漏洞的代码
Nov 03 PHP
使用PHPMyAdmin修复论坛数据库的图文方法
Jan 09 PHP
解析关于java,php以及html的所有文件编码与乱码的处理方法汇总
Jun 24 PHP
php实现的替换敏感字符串类实例
Sep 22 PHP
使用 PHPStorm 开发 Laravel
Mar 24 PHP
一个完整的php文件上传类实例讲解
Oct 27 PHP
php代码架构的八点注意事项
Jan 25 PHP
PHP防止图片盗用(盗链)的方法小结
Nov 11 PHP
利用switch语句进行多选一判断的实例代码
Nov 14 PHP
一个非常实用的php文件上传类
Jul 04 PHP
yii2安装详细流程
May 23 PHP
PHP实现微信小程序用户授权的工具类示例
Mar 05 PHP
PHP中类与对象功能、用法实例解读
Mar 27 #PHP
php设计模式之职责链模式实例分析【星际争霸游戏案例】
Mar 27 #PHP
php设计模式之组合模式实例详解【星际争霸游戏案例】
Mar 27 #PHP
PhpStorm的使用教程(本地运行PHP+远程开发+快捷键)
Mar 26 #PHP
CentOS7系统搭建LAMP及更新PHP版本操作详解
Mar 26 #PHP
Centos7安装swoole扩展操作示例
Mar 26 #PHP
PHP开发api接口安全验证操作实例详解
Mar 26 #PHP
sched(1) watch(1) TimePickerView(1) 项目打包(2) scss(1) vue-router-link(1) Jmerte(1) Yolov5(1) 监听(2) vue-cli3.x(1)
You might like
mysql 中InnoDB和MyISAM的区别分析小结
2008/04/15 PHP
利用PHP扩展Xhprof分析项目性能实践教程
2018/09/05 PHP
PHP生成zip压缩包的常用方法示例
2019/08/22 PHP
用XMLDOM和ADODB.Stream实现base64编码解码实现代码
2010/11/28 Javascript
多个js与css文件的合并方法详细说明
2012/12/26 Javascript
用js写了一个类似php的print_r输出换行功能
2013/02/18 Javascript
5款JavaScript代码压缩工具推荐
2014/07/07 Javascript
jquery实现图片随机排列的方法
2015/05/04 Javascript
基于dropdown.js实现的两款美观大气的二级导航菜单
2015/09/02 Javascript
JS简单编号生成器实现方法(附demo源码下载)
2016/04/05 Javascript
jQuery限制图片大小的方法
2016/05/25 Javascript
利用Node.js制作爬取大众点评的爬虫
2016/09/22 Javascript
微信小程序开发入门基础教程
2017/04/19 Javascript
在element-ui的el-tree组件中用render函数生成el-button的实例代码
2018/11/05 Javascript
简单实现节流函数和防抖函数过程解析
2019/10/08 Javascript
基于postman获取动态数据过程详解
2020/09/08 Javascript
[31:33]2014 DOTA2国际邀请赛中国区预选赛 TongFu VS DT 第一场
2014/05/23 DOTA
[43:48]Ti4正赛第一天 VG vs NEWBEE 2
2014/07/19 DOTA
[40:16]TFT vs Mski Supermajor小组赛C组 BO3 第二场 6.3
2018/06/04 DOTA
Python实现简单的文本相似度分析操作详解
2018/06/16 Python
Python基于sklearn库的分类算法简单应用示例
2018/07/09 Python
用Python抢火车票的简单小程序实现解析
2019/08/14 Python
python多线程实现代码(模拟银行服务操作流程)
2020/01/13 Python
基于SpringBoot构造器注入循环依赖及解决方式
2020/04/26 Python
Django REST Framework 分页(Pagination)详解
2020/11/30 Python
Html5新标签解释及用法
2012/02/17 HTML / CSS
高清屏中使用Canvas绘图出现模糊的问题及解决方法
2019/06/03 HTML / CSS
高中生学习生活的自我评价
2013/10/09 职场文书
简短证婚人证婚词
2014/01/09 职场文书
物流专业大学生职业生涯规划书范文
2014/01/15 职场文书
小区门卫值班制度
2014/01/24 职场文书
2014年五四青年节演讲稿范文
2014/04/22 职场文书
城管个人总结
2015/02/28 职场文书
2015新生加入学生会自荐书
2015/03/24 职场文书
继续教育心得体会（共6篇）
2016/01/19 职场文书
学校2016年九九重阳节活动总结
2016/04/01 职场文书