lamavel视图文件夹的BEM样式布局

时间:2017-06-19 16:52:29

标签: laravel blade bem

我开始使用Laravel项目,并且来自过去使用BEM样式文件夹布局的项目(按块而不是按类型),我想在views文件夹中执行相同的操作由Laravel提供。保持这些文件在一起的好处似乎是明显的,而不是镜像js / sass文件夹中的文件夹结构,但有一些怀疑,引发了这个问题。

作为一个例子,如果我有一个模态组件,它将存在于:

views/components/modal

它包括:

modal.blade.php
modal.scss
modal.js

所以我想知道是否有任何Laravel具体的原因,为什么我不想要一个css& js文件与@component刀片模板一起使用。

1 个答案:

答案 0 :(得分:0)

Laravel社区中的许多人正在使用类似CRUD / MVC的结构。

观点示例。

views/users/index.blade.php
views/users/show.blade.php
views/users/create.blade.php

views/posts/index.blade.php
views/posts/show.blade.php
views/posts/create.blade.php

路线(使用相应的方法)

Route::get('/users', 'UserController@index);
Route::get('/users', 'UserController@show);
Route::get('/users', 'UserController@create);

Route::get('/posts', 'PostController@index);
Route::get('/posts', 'PostController@show);
Route::get('/posts', 'PostController@create);

方法示例

public function show(User $user)
{
    return view('users.show', ['user' => $user]);
}

刀片示例

<head>
    <!-- Styles -->
    <link href="{{ asset(css/posts.css) }}" rel="stylesheet">

</head>
<body>
    <div id="app">
        @yield('content')
    </div>

    <!-- Scripts -->
    <script src="{{ asset('js/posts.js) }}"></script>

</body>