laravel自定義模板指令-tojs

arashicage 發(fā)布于2019-08-20 17:35 / 1858人閱讀

摘要：允許你自定義命令，你可以使用方法注冊(cè)命令。當(dāng)編譯器遇到該命令時(shí)，它將會(huì)帶參數(shù)調(diào)用提供的回調(diào)函數(shù)。

Blade 允許你自定義命令，你可以使用 directive 方法注冊(cè)命令。當(dāng) Blade 編譯器遇到該命令時(shí)，它將會(huì)帶參數(shù)調(diào)用提供的回調(diào)函數(shù)。blade模板可以通過(guò)directive方法來(lái)自定義模板指定，
tojs指令主要用于PHP自定義一些數(shù)據(jù)轉(zhuǎn)換為js對(duì)象方便js調(diào)用

1.創(chuàng)建ToJsServiceProvider

app->singleton("tojs", function () {
            return new ToJs();
        });

        /*
        * The block of code inside this directive indicates
        * the chosen javascript variables.
        */
        Blade::directive("tojs", function () {
            return "";
        });
    }
}

2. ToJs方法主要是對(duì)數(shù)組的一些操作

 $value) {
            $this->data[$key] = value($value);
        }

        return $this;
    }

    public function get($key = null, $default = null)
    {
        if (!$key) return $this->data;

        return Arr::get($this->data, $key, $default);
    }

    public function forget($keys)
    {
        Arr::forget($this->data, $keys);

        return $this;
    }
}

3.聲明facade

namespace AppHelpersToJsFacades;

use IlluminateSupportFacadesFacade;


class ToJsFacade extends Facade
{
    /**
     * Get the registered name of the component.
     *
     * @return string
     */
    protected static function getFacadeAccessor()
    {
        return "tojs";
    }
}

4.在config數(shù)組添加serviceProvider

providers 添加
AppProvidersToJsServiceProvider::class

aliases 添加
"ToJs" => AppHelpersToJsFacadesToJsFacade::class,

5.為了方便調(diào)用可以在寫一個(gè)helper方法

if (!function_exists("to_js")) {
    /**
     * Access the javascript helper.
     */
    function to_js($key = null, $default = null)
    {
        if (is_null($key)) {
            return app("tojs");
        }

        if (is_array($key)) {
            return app("tojs")->put($key);
        }

        return app("tojs")->get($key, $default);
    }
}

在PHP代碼需要的地方調(diào)用 to_js(["username"=>"test"]);

blade模板直接通過(guò) @tojs 就可以在頁(yè)面渲染出