Laravel 配置双模板

在开发过程中, 不时会遇到某些项目需要使用两套模板

如PC端和Mobile端使用不同的模板文件, 以达到最佳的用户体验

遇到这种情况我们应该如何配置Laravel的模板文件呢?

1. 安装whichbrowser/parser 传送门: WhichBrowser/Parser-PHP

用于判断PC或Mobile设备, 按需加载不同的模板

composer require whichbrowser/parser

2. 使用artisan命令新建一个Middleware(中间件)

执行后会在app/Http/Middleware目录生成中间件文件

php artisan make:middleware Template

3. 编辑Template.php文件

class Template
{
    protected $except = [];

    public function handle($request, Closure $next)
    {
        $result = new WhichBrowser\Parser(getallheaders());
        // 如果是桌面类型, 返回true
        $isDesktop = $result->isType('desktop');
        if ($isDesktop) {
            // 加载pc端的模板文件
            $path = resource_path('views/pc/');
        } else {
            // 加载mobile端的模板文件
            $path = resource_path('views/mobile/');
        }
        // 获取视图查找器实例
        $view = app('view')->getFinder();
        // 重新定义视图目录
        $view->prependLocation($path);
        // 返回请求
        return $next($request);
    }
}

4. 最后注册中间件

app/Http/Kernel.php类中 按需注册中间件

如注册全局中间件:

protected $middleware = [
    \App\Http\Middleware\Template::class,
];

搞定, 就可以根据不同的设备加载不同的模板文件了

在控制中只需这样, 就可以根据不同的设备来加载不同的模板了

return view('registration.index', $data);

如从PC设备打开网页: 加载 /resources/views/pc/registration/index.blade.php 模板

如从移动设备打开网页: 加载 /resources/views/mobile/registration/index.blade.php 模板

5.异常页面的处理

异常处理传送门 Laravel 的错误和日志记录

对于异常页面,我们自然也需要双模板进行展示

伪代码如下:

/**
 * Render an exception into an HTTP response.
 *
 * @param  \Illuminate\Http\Request  $request
 * @param  \Exception  $exception
 * @return \Illuminate\Http\Response
 */
public function render($request, Exception $exception)
{
    // 自定义HTTP错误页面
    if ($exception instanceof HttpException) { // HTTP异常
        $status = $exception->getStatusCode();
        $message = $exception->getMessage();
        $result  =  new  WhichBrowser\Parser(getallheaders());
        $isDesktop = $result->isType('desktop');
        if ($isDesktop) {
            $dir = 'pc';
        } else {
            $dir = 'mobile';
        }

        $view = $dir . '.error.' . $status;
        if (view()->exists($view)) {
            return response()->view($view, ['message'=>$message], $status);
        }
    }
    return parent::render($request, $exception);
}

移动端的错误页面:/resources/views/mobile/error/500.blade.php

PC端的错误页面:/resources/views/pc/error/404.blade.php

搞定!

原文: Laravel 配置双模板

本作品采用《CC 协议》,转载必须注明作者和本文链接
本帖由系统于 10个月前 自动加精
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
讨论数量: 5
shench

学习了,厉害~

10个月前 评论

对异常视图无效呀。

7个月前 评论
Hoexhe (楼主) 7个月前

composer.json

"php": "^7.1.3",

"laravel/framework": "5.8.*",

"whichbrowser/parser": "^2.0"

file

$result = new WhichBrowser\Parser(getallheaders());

一直在报 Parser() 与 getallheaders() 错误
请原谅我的愚蠢(use)

7个月前 评论
Hoexhe (楼主) 7个月前
he21cn

Mozilla/5.0 (compatible; Baiduspider-render/2.0; http://www.baidu.com/search/spider.html ) 识别成移动端 求解

3个月前 评论

请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!
未填写
文章
1
粉丝
2
喜欢
55
收藏
54
排名:768
访问:3180
私信
所有博文