微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > 博客列表 > 20020117-模板继承中视图合成器的使用-php培训线上九期班
博主信息
博文 53
粉丝 3
评论 0
访问量 66982
专题推荐
更多>
相关推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
20020117-模板继承中视图合成器的使用-php培训线上九期班
邯郸易住宋至刚
原创
944人浏览过

模板继承中视图合成器的使用

在公用模板的继承中，如果一旦使用数据库的数据来渲染导航和菜单，那么就在每次调用该模板时的控制器方法中提供数据查询代码，这样，代码也是相当臃肿。为了解决这个问题，laravel框架为我们准备了视图合成器。

一、首先创建一个可供继承的模板base.blade.php

  1. <!--_meta 作为公共模版分离出去-->
  2. <!DOCTYPE HTML>
  3. <html>
  4. <head>
  5.     <meta charset="utf-8">
  6.     <meta name="renderer" content="webkit|ie-comp|ie-stand">
  7.     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8.     <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  9.     <meta http-equiv="Cache-Control" content="no-siteapp" />
  10.     <link rel="stylesheet" type="text/css" href="/static/lib/jquery/jquery.min.js" />
  11.     <link rel="Bookmark" href="favicon.ico" >
  12.     <link rel="Shortcut Icon" href="favicon.ico" />
  13.     <!--[if lt IE 9]>
  14.     <script type="text/javascript" src="/static/lib/html5.js"></script>
  15.     <script type="text/javascript" src="/static/lib/respond.min.js"></script>
  16.     <![endif]-->
  17.     <link rel="stylesheet" type="text/css" href="/static/static/h-ui/css/H-ui.min.css" />
  18.     <link rel="stylesheet" type="text/css" href="/static/static/h-ui.admin/css/H-ui.admin.css" />
  19.     <link rel="stylesheet" type="text/css" href="/static/lib/Hui-iconfont/1.0.8/iconfont.css" />
  20.     <link rel="stylesheet" type="text/css" href="/static/static/h-ui.admin/skin/default/skin.css" id="skin" />
  21.     <link rel="stylesheet" type="text/css" href="/static/static/h-ui.admin/css/style.css" />
  22.     <!--[if IE 6]>
  23.     <script type="text/javascript" src="http://lib.h-ui.net/DD_belatedPNG_0.0.8a-min.js" ></script>
  24.     <script>DD_belatedPNG.fix('*');</script>
  25.     <![endif]-->
  26.     <!--/meta 作为公共模版分离出去-->
  28.     <title>@yield('title')</title>
  29.     <meta name="keywords" content="H-ui.admin v3.0,H-ui网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
  30.     <meta name="description" content="H-ui.admin v3.0，是一款由国人开发的轻量级扁平化网站后台模板，完全免费开源的网站后台管理系统模版，适合中小型CMS后台系统。">
  31. </head>
  32. <body>
  33. <!--_header 作为公共模版分离出去-->
  34. <header class="navbar-wrapper">
  35.     <div class="navbar navbar-fixed-top">
  36.         <div class="container-fluid cl"> <a class="logo navbar-logo f-l mr-10 hidden-xs" href="/aboutHui.shtml">易住管理系统</a> <a class="logo navbar-logo-m f-l mr-10 visible-xs" href="/aboutHui.shtml">H-ui</a>
  37.             <span class="logo navbar-slogan f-l mr-10 hidden-xs">v3.0</span>
  38.             <a aria-hidden="false" class="nav-toggle Hui-iconfont visible-xs" href="javascript:;"></a>
  39.             <nav class="nav navbar-nav">
  40.                 <ul class="cl">
  41.                     <li class="dropDown dropDown_hover"><a href="javascript:;" class="dropDown_A"><i class="Hui-iconfont"></i> 新增 <i class="Hui-iconfont"></i></a>
  42.                         <ul class="dropDown-menu menu radius box-shadow">
  43.                             <li><a href="javascript:;" onclick="article_add('添加资讯','article-add.html')"><i class="Hui-iconfont"></i> 资讯</a></li>
  44.                             <li><a href="javascript:;" onclick="picture_add('添加资讯','picture-add.html')"><i class="Hui-iconfont"></i> 图片</a></li>
  45.                             <li><a href="javascript:;" onclick="product_add('添加资讯','product-add.html')"><i class="Hui-iconfont"></i> 产品</a></li>
  46.                             <li><a href="javascript:;" onclick="member_add('添加用户','member-add.html','','510')"><i class="Hui-iconfont"></i> 用户</a></li>
  47.                         </ul>
  48.                     </li>
  49.                 </ul>
  50.             </nav>
  51.             <nav id="Hui-userbar" class="nav navbar-nav navbar-userbar hidden-xs">
  52.                 <ul class="cl">
  53.                     <li>{{$group['title']}}</li>
  54.                     <li class="dropDown dropDown_hover"> <a href="#" class="dropDown_A">{{$admin['username']}} <i class="Hui-iconfont"></i></a>
  55.                         <ul class="dropDown-menu menu radius box-shadow">
  56.                             <li><a href="javascript:;" onClick="myselfinfo()">个人信息</a></li>
  57.                             <li><a href="#">切换账户</a></li>
  58.                             <li><a href="#">退出</a></li>
  59.                         </ul>
  60.                     </li>
  61.                     <li id="Hui-msg"> <a href="#" title="消息"><span class="badge badge-danger">1</span><i class="Hui-iconfont" style="font-size:18px"></i></a> </li>
  62.                     <li id="Hui-skin" class="dropDown right dropDown_hover"> <a href="javascript:;" class="dropDown_A" title="换肤"><i class="Hui-iconfont" style="font-size:18px"></i></a>
  63.                         <ul class="dropDown-menu menu radius box-shadow">
  64.                             <li><a href="javascript:;" data-val="default" title="默认（黑色）">默认（黑色）</a></li>
  65.                             <li><a href="javascript:;" data-val="blue" title="蓝色">蓝色</a></li>
  66.                             <li><a href="javascript:;" data-val="green" title="绿色">绿色</a></li>
  67.                             <li><a href="javascript:;" data-val="red" title="红色">红色</a></li>
  68.                             <li><a href="javascript:;" data-val="yellow" title="黄色">黄色</a></li>
  69.                             <li><a href="javascript:;" data-val="orange" title="橙色">橙色</a></li>
  70.                         </ul>
  71.                     </li>
  72.                 </ul>
  73.             </nav>
  74.         </div>
  75.     </div>
  76. </header>
  77. <!--/_header 作为公共模版分离出去-->
  79. <!--_menu 作为公共模版分离出去-->

** <aside class="Hui-aside">

  1.     <div class="menu_dropdown bk_2">
  3.         @foreach($menus as $menu)
  4.         <dl id="menu-member">
  5.             <dt><i class="Hui-iconfont"></i> {{$menu['title']}}<i class="Hui-iconfont menu_dropdown-arrow"></i></dt>
  6.             @if(isset($menu['children']))
  7.             <dd>
  8.                 @foreach($menu['children'] as $child)
  9.                 <ul>
  10.                     <li><a href="/admins/{{$child['controller'].'/'.$child['action']}}" title="{{$child['title']}}">{{$child['title']}}</a></li>
  11.                 </ul>
  12.                 @endforeach
  13.             </dd>
  14.             @endif
  15.         </dl>
  16.         @endforeach
  19.     </div>
  20. </aside>**
  21. <div class="dislpayArrow hidden-xs"><a class="pngfix" href="javascript:void(0);" onClick="displaynavbar(this)"></a></div>
  22. <!--/_menu 作为公共模版分离出去-->
  24. @yield('content')
  26. <!--_footer 作为公共模版分离出去-->
  27. <script type="text/javascript" src="/static/lib/jquery/1.9.1/jquery.min.js"></script>
  28. <script type="text/javascript" src="/static/lib/layer/2.4/layer.js"></script>
  29. <script type="text/javascript" src="/static/static/h-ui/js/H-ui.js"></script>
  30. <script type="text/javascript" src="/static/static/h-ui.admin/js/H-ui.admin.page.js"></script>
  31. <!--/_footer /作为公共模版分离出去-->
  33. <!--请在下方写此页面业务相关的脚本-->
  34. <script type="text/javascript">
  36. </script>
  37. <!--/请在上方写此页面业务相关的脚本-->
  39. </body>
  40. </html>

上述代码中加粗部分即是需要数据渲染的侧边栏。

二、扩展服务提供者ViewServiceProvider

1、创建ViewServiceProvider

（1）切换到项目根目录，通过php artisan make:provider ViewServiceProvider命令行创建；

（2）也可以直接在app\Http\Providers目录下创建ViewServiceProvider。

（3）打开ViewServiceProvider，写入扩展内容，完成后代码如下：

  1. <?php
  3. namespace App\Providers;
  5. use Illuminate\Support\Facades\View;
  6. use Illuminate\Support\ServiceProvider;
  8. class ViewServiceProvider extends ServiceProvider
  9. {
  10.     /**
  11.      * Register services.
  12.      *
  13.      * @return void
  14.      */
  15.     public function register()
  16.     {
  17.         //
  18.     }
  20.     /**
  21.      * Bootstrap services.
  22.      *
  23.      * @return void
  24.      */
  25.     public function boot()
  26.     {
  27.         // 使用基于合成器的类...
  28.         View::composer('base','App\Http\View\Composers\BaseComposer');
  29.         // 使用基于合成器的闭包...
  30.         View::composer('dashboard', function ($view) {
  31.             //
  32.         });
  33.     }
  34. }

2、注册

找到config\App.php,打开文件，找到”‘providers’ => [ ];”,然后在数组中加入“App\Providers\ViewServiceProvider::class,”，完成注册；

3、创建向Base模板文件渲染数据的视图合成器BaseComposer类，代码如下：

  1. <?php
  4. namespace App\Http\View\Composers;
  5. use App\Http\Controllers\Controller;
  6. use Illuminate\Support\Facades\DB;
  7. use Illuminate\View\View;
  8. use App\Repositories\UserRepository;
  10. class BaseComposer extends Controller
  11. {
  12.     /**
  13.      * 实现 UserRepository
  14.      *
  15.      * @var UserRepository
  16.      */
  17.     protected $users;
  19.     /**
  20.      * 创建一个新的 profile 合成器.
  21.      *
  22.      * @param  UserRepository  $users
  23.      * @return void
  24.      */
  25.     /*public function __construct(UserRepository $users)
  26.     {
  27.         // Dependencies automatically resolved by service container...
  28.         $this->users = $users;
  29.     }*/
  31.     /**
  32.      * 将数据绑定到视图
  33.      *
  34.      * @param  View  $view
  35.      * @return void
  36.      */
  37.     public function compose(View $view)
  38.     {
  39.         $menus = DB::table('xpcms_admin_menu')
  40.             ->where(['status'=>0,'ishidden'=>0])
  41.             ->orderBy('mid','asc')->cates('mid');
  42.         $menus= $this->gettreeitems($menus,$pid=0);
  43.         $data['menus'] = $menus;
  44.         $data['admin'] = session('admin');
  45.         $data['group'] = DB::table('xpcms_admin_group')->where('gid',$data['admin']['group_id'])->item();
  47.         $view->with($data);
  48.     }
  49.     //获取树形菜单
  50.     public function gettreeitems($items,$pid = 0)
  51.     {
  52.         $tree = [];
  53.         foreach ($items as $item){
  54.             if ($item['pid'] == $pid){
  55.                 $tree[$item['mid']] = $item;
  56.                 $tree[$item['mid']]['children'] = $this->gettreeitems($items,$item['mid']);
  57.             }
  58.         }
  59.         return $tree;
  60.     }
  61. }

三、遇到的问题及临时处理办法

这样就完成了视图合成器的扩展，但是在使用过程中会提示public function __construct(UserRepository $users)这个构造方法引入的参数错误，见于目前自己对于PHP、Laravel知识的掌握，尝试多次未能解决报错问题，没有办法，暂时先注释掉，这样，不报错，数据也能正常渲染，但是最终会不会有其它影响，目前还不得而知，想请各位老师和朋友们有时间来解决这个问题。

本博文版权归博主所有，转载请注明地址！如有侵权、违法，请联系admin@php.cn举报处理！
全部评论 文明上网理性发言，请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部
    • 登录PHP中文网，和优秀的人一起学习！
    全站2000+教程免费学
    微信扫码登录