laravel自定义模板指令tojs

Blade 允许你自定义命令，你可以使用 directive 方法注册命令。当 Blade 编译器遇到该命令时，它将会带参数调用提供的回调函数。blade模板可以通过directive方法来自定义模板指定，

tojs指令主要用于PHP自定义一些数据转换为js对象方便js调用

1.创建ToJsServiceProvider

namespace App\Providers;
use App\Helpers\ToJs\ToJs;
use Illuminate\Support\Facades\Blade;
use Illuminate\Support\ServiceProvider;
class ToJsServiceProvider extends ServiceProvider
{
/**
* Bootstrap the application services.
*
* @return void
*/
public function boot()
{
//
}
/**
* Register the application services.
*
* @return void
*/
public function register()
{
$this->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方法主要是对数组的一些操作

namespace App\Helpers\ToJs;
use Illuminate\Support\Arr;
class ToJs
{
protected $data = [];
public function put(array $data)
{
foreach ($data as $key => $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 App\Helpers\ToJs\Facades;
use Illuminate\Support\Facades\Facade;
class ToJsFacade extends Facade
{
/**
* Get the registered name of the component.
*
* @return string
*/
protected static function getFacadeAccessor()
{
return 'tojs';
}
}


4.在config数组添加serviceProvider

providers 添加
\App\Providers\ToJsServiceProvider::class

aliases 添加
'ToJs' => \App\Helpers\ToJs\Facades\ToJsFacade::class,

5.为了方便调用可以在写一个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代码需要的地方调用 to_js(['username'=>'test']);

blade模板直接通过 @tojs 就可以在页面渲染出