Community Learn Tools Library Leisure
search
English
Home > List of blog posts > 20020117-模板继承中视图合成器的使用-php培训线上九期班
Blogger Information
Blog 53
fans 3
comment 0
visits 55246
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
20020117-模板继承中视图合成器的使用-php培训线上九期班
邯郸易住宋至刚
Original
767 people have browsed it

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

在公用模板的继承中，如果一旦使用数据库的数据来渲染导航和菜单，那么就在每次调用该模板时的控制器方法中提供数据查询代码，这样，代码也是相当臃肿。为了解决这个问题，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知识的掌握，尝试多次未能解决报错问题，没有办法，暂时先注释掉，这样，不报错，数据也能正常渲染，但是最终会不会有其它影响，目前还不得而知，想请各位老师和朋友们有时间来解决这个问题。

Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post