[李景山php]每天laravel[012]-laravel 中级任务翻译---创建 模版 及 视图
2017-03-28 10:25
691 查看
这个应用只有一个视图,这个视图里面包含了一个添加任务的表单,及同时包含一个当前的任务列表,为了协助用户形象的显示视图,这里是一个应用截图关于基础Bootstrap css 风格的应用。
定义这个布局模版:
几乎所有的网页通过页面显示的,应用共享相同的布局模版。举个例子,这个应用拥有一个顶部导航条,这个显示样式将会呈现在每一个页面(如果我们拥有更多)。通过blade布局模版让 laravel 模版容易的分享这些通用的特征通过每一个页面。
注意这个 @yield(‘content’) 创建了部分的布局模版。这个特殊的blade命令指定所有的集成这个布局模版的子页面注入自己的内容到这个部分里面。接下来,让我们定义一个使用这个布局模版并且提供主要内容的子视图
一些关于blade表达式的通知:
在开始转义之前,让我们谈论一下我们的模版,这里的 @extends 指令通知 Blade引擎告诉他我们使用布局模版被定义在 resources/views/layous/app.blade.php。全部的内容包含在 @section(‘content’) 跟 @endsection ,这些内容将会被注入到布局模版里面的 @yield(‘content’) 命令的位置,当然这个命令在我们的 app.blade.php 布局模版里面。
通知:这个 @include(‘common.errors’)指令将会加载我们模版,这个模版位于在 resources/views/common/errors.blade.php。 我们当前不需要定义这个模版,但是我们很快会用到的。
定义这个布局模版:
几乎所有的网页通过页面显示的,应用共享相同的布局模版。举个例子,这个应用拥有一个顶部导航条,这个显示样式将会呈现在每一个页面(如果我们拥有更多)。通过blade布局模版让 laravel 模版容易的分享这些通用的特征通过每一个页面。
在我们早前讨论的,所有的视图都会存储在 resources/views 路径下面,所以,让我们定义一个新的布局视图在 resources/views/layout/app.blade.php。 这个.blade.php 扩展导致这个框架使用 blade模版引擎来渲染这些视图。当然,你可能会使用其它的 PHP 模版在我们的laravel里面。然而,Blade 引擎提供了方便简单的模版。 我们的 app.blade.php 视图应该看起来如下图: ![这里写图片描述](http://img.blog.csdn.net/20170328102535115?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbGlqaW5nc2hhbjM0/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
注意这个 @yield(‘content’) 创建了部分的布局模版。这个特殊的blade命令指定所有的集成这个布局模版的子页面注入自己的内容到这个部分里面。接下来,让我们定义一个使用这个布局模版并且提供主要内容的子视图
定义子视图: 非常好的呢,我们的应用布局模版已经完成了。接下来,我们需要定义一个视图包含一个表单,这个表单是用来创建一个新的任务以及一个显示全部任务的列表。让我们在 resouces/views/tasks/index.blade.php 定义一个视图,这个将会匹配对应我们TaskController 控制器里面的 index 方法。 我们将会忽略一些bootstrap css 引用,只需要关注到相关事件上。记住,你可以下载这个完整的应用资源 在这个 github上。 ![这里写图片描述](http://img.blog.csdn.net/20170328102523349?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbGlqaW5nc2hhbjM0/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
一些关于blade表达式的通知:
在开始转义之前,让我们谈论一下我们的模版,这里的 @extends 指令通知 Blade引擎告诉他我们使用布局模版被定义在 resources/views/layous/app.blade.php。全部的内容包含在 @section(‘content’) 跟 @endsection ,这些内容将会被注入到布局模版里面的 @yield(‘content’) 命令的位置,当然这个命令在我们的 app.blade.php 布局模版里面。
现在我们需要定义一个基础的布局模版和一些视图对于我们的应用。让我们回顾一下并且返回视图 从这个 TaskController控制器里面的 index方法里面。 如图:
接下来,我们准备好去添加代码到我们的 POST/task 路由控制器方法来处理我增加的表单输入数据,同时添加到数据库里面。
通知:这个 @include(‘common.errors’)指令将会加载我们模版,这个模版位于在 resources/views/common/errors.blade.php。 我们当前不需要定义这个模版,但是我们很快会用到的。
相关文章推荐
- [李景山php]每天laravel[020]-laravel 中级任务--小白教程----实际操作-创建基础任务 to-do-list 案例 ---视图
- [李景山php]每天laravel[013]-laravel 中级任务翻译---添加任务
- [李景山php]每天laravel[019]-laravel 中级任务--小白教程----实际操作-创建基础任务 to-do-list 案例 ---路由
- [李景山php]每天laravel[023]-laravel 中级任务--小白教程----实际操作-创建基础任务 to-do-list 案例 ---主页,亲爱的,我回来了!!
- [李景山php]每天laravel[023]-laravel 中级任务--小白教程----实际操作-创建基础任务 to-do-list 案例 ---删除数据
- [李景山php]每天laravel[009]-laravel 中级任务翻译---安装
- [李景山php]每天laravel[007]-laravel 中级任务翻译---简介
- [李景山php]每天laravel[021]-laravel 中级任务--小白教程----实际操作-创建基础任务 to-do-list 案例 ---Task 任务处理控制器
- [李景山php]每天laravel[022]-laravel 中级任务--小白教程----实际操作-创建基础任务 to-do-list 案例 ---Task 任务处理控制器--显示主页
- [李景山php]每天laravel[015]-laravel 中级任务翻译---删除任务
- [李景山php]每天laravel[018]-laravel 中级任务--小白教程----实际操作-创建基础任务 to-do-list 案例 ---准备关系模型
- [李景山php]每天laravel[023]-laravel 中级任务--小白教程----实际操作-创建基础任务 to-do-list 案例 ---在主页上添加数据
- [李景山php]每天laravel[010]-laravel 中级任务翻译---数据库迁移
- [李景山php]每天laravel[017]-laravel 中级任务--小白教程----实际操作-创建基础任务 to-do-list 案例 ---准备数据库
- [李景山php]每天laravel[014]-laravel 中级任务翻译---显示存在的任务
- [李景山php]每天laravel[023]-laravel 中级任务--小白教程----实际操作-创建基础任务 to-do-list 案例 ---登录,该死的登录
- [李景山php]每天laravel[011]-laravel 中级任务翻译---路由
- [李景山php]每天laravel[007]-laravel 中级任务翻译---目录
- [李景山php]每天laravel[015]-laravel 中级任务--小白教程----实际操作-启动 laravel
- [李景山php]每天laravel[015]-laravel 中级任务--小白教程----实际操作-修改你的启动页面