search

博客列表 >20020117-模板继承中视图合成器的使用-php培训线上九期班

20020117-模板继承中视图合成器的使用-php培训线上九期班

邯郸易住宋至刚
邯郸易住宋至刚原创
2020年02月02日 10:52:20766浏览

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

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

上一条：0107,php知识总结，常量/数组。下一条：对类与对象理解与应用（0115PHP开发学习）
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多