zoukankan      html  css  js  c++  java
  • Laravel 5 系列入门教程(三)【最适合中国人的 Laravel 教程】

    1. 权限验证

    后台地址为 http://fuck.io:88/admin ,我们的所有后台操作都将在此页面或其子页面下进行。利用 Laravel 5 提供的 Auth,我们只需要改动很少部分的路由代码便可以实现权限验证功能。

    首先,将路由组的代码改为:

    Route::group(['prefix' => 'admin', 'namespace' => 'Admin', 'middleware' => 'auth'], function()
    {
      Route::get('/', 'AdminHomeController@index');
      Route::resource('pages', 'PagesController');
    });
    

    上面代码中只有一处变化:给 `Route::group()` 的第一个参数(一个数组)增加了一项 `'middleware' => 'auth'`。现在访问 http://fuck.io:88/admin ,应该会跳转到登陆页面。如果没有跳转,也不要惊慌,从右上角退出,重新进入即可。

    我们的个人博客系统并不想让人随便注册,下面我们将改动部分路由代码,只保留基本的登录、注销功能。

    删掉:

    Route::controllers([
    	'auth' => 'AuthAuthController',
    	'password' => 'AuthPasswordController',
    ]);
    

    增加:

    Route::get('auth/login', 'AuthAuthController@getLogin');
    Route::post('auth/login', 'AuthAuthController@postLogin');
    Route::get('auth/logout', 'AuthAuthController@getLogout');
    

    带有权限验证的最小化功能的后台已经完成,这个后台目前只管理 Page(页面)这一种资源。接下来我们将构建前台页面,把 Pages 展示出来。

    2. 构建首页

    先整理路由代码,将路由的最上面的两行:

    Route::get('/', 'WelcomeController@index');
    
    Route::get('home', 'HomeController@index');
    

    改成:

    Route::get('/', 'HomeController@index');
    

    我们将直接使用 HomeController 来支撑我们的前台页面展示。

    此时可以删除 learnlaravel5/app/Http/Controllers/WelcomeController.php 控制器文件和 learnlaravel5/resources/views/welcome.blade.php 视图文件。

    修改 learnlaravel5/app/Http/Controllers/HomeController.php 为:

    <?php namespace AppHttpControllers;
    
    use AppPage;
    
    class HomeController extends Controller {
    
    	public function index()
    	{
    		return view('home')->withPages(Page::all());
    	}
    
    }
    

    控制器构造完成。

    `view('home')->withPages(Page::all())` 这句话实现以下功能:

    1. 渲染 learnlaravel5/resources/views/home.blade.php 视图文件
    2. 把变量 $pages 传进视图,$pages = Page::all()
    3. Page::all() 调用的是 Eloquent 中的 all() 方法,返回 pages 表中的所有数据。

    接下来我们开始写视图文件:

    首先,我们将创建一个前端页面的统一的外壳,即 `<head>` 部分及 `#footer` 部分。新建 learnlaravel5/resources/views/_layouts/default.blade.php 文件(文件夹请自行创建):

    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <title>Learn Laravel 5</title>
    
      <link href="/css/app.css" rel="stylesheet">
    
      <!-- Fonts -->
      <link href='http://fonts.useso.com/css?family=Roboto:400,300' rel='stylesheet' type='text/css'>
    </head>
    <body>
    
      <div class="container" style="margin-top: 20px;">
        @yield('content')
        <div id="footer" style="text-align: center; border-top: dashed 3px #eeeeee; margin: 50px 0; padding: 20px;">
          ©2015 <a href="https://lvwenhan.com">JohnLui</a>
        </div>
      </div>
    
    
    </body>
    </html>
    

    修改 learnlaravel5/resources/views/home.blade.php 文件为:

    @extends('_layouts.default')
    
    @section('content')
    	<div id="title" style="text-align: center;">
    		<h1>Learn Laravel 5</h1>
    		<div style="padding: 5px; font-size: 16px;">{{ Inspiring::quote() }}</div>
    	</div>
    	<hr>
    	<div id="content">
    		<ul>
    			@foreach ($pages as $page)
    			<li style="margin: 50px 0;">
    				<div class="title">
    					<a href="{{ URL('pages/'.$page->id) }}">
    						<h4>{{ $page->title }}</h4>
    					</a>
    				</div>
    				<div class="body">
    					<p>{{ $page->body }}</p>
    				</div>
    			</li>
    			@endforeach
    		</ul>
    	</div>
    @endsection
    

    第一行 `@extends('_layouts.default')` 代表这个页面是 learnlaravel5/resources/views/_layouts/default.blade.php 的子视图。此时 Laravel 的 视图渲染系统会首先载入父视图,再将此视图中的 @section('content') 里面的内容放入到父视图中的 @yield('content') 处进行渲染。

    访问 http://fuck.io:88/ ,可以得到如下页面:

    Image

    2. 构建 Page 展示页

    首先增加路由。在路由文件的第一行下面增加一行:

    Route::get('pages/{id}', 'PagesController@show');
    

    新建控制器 learnlaravel5/app/Http/Controllers/PagesController.php,负责单个 page 的展示:

    <?php namespace AppHttpControllers;
    
    use AppPage;
    
    class PagesController extends Controller {
    
      public function show($id)
      {
        return view('pages.show')->withPage(Page::find($id));
      }
    
    }
    

    新建视图 learnlaravel5/resources/views/pages/show.blade.php 文件:

    @extends('_layouts.default')
    
    @section('content')
      <h4>
        <a href="/">⬅️返回首页</a>
      </h4>
    
      <h1 style="text-align: center; margin-top: 50px;">{{ $page->title }}</h1>
      <hr>
      <div id="date" style="text-align: right;">
        {{ $page->updated_at }}
      </div>
      <div id="content" style="padding: 50px;">
        <p>
          {{ $page->body }}
        </p>
      </div>
    @endsection
    

    全部完成,检验成果:点击首页之中任意一篇文章的标题,进入文章展示页,你会看到以下页面:

    Image

    至此,前台展示页面全部完成,教程三结束。

  • 相关阅读:
    懒人模式Singleton模式Meyers版本号
    欢迎CSDN-markdown编辑
    协同编辑多人word一个小技巧文件
    72_leetcode_Construct Binary Tree from Preorder and Inorder Traversal
    2015第44周五Java集群技术(转)
    linux远程管理工具
    2015第44周三提升个人价值意识
    2015第44周二
    2015第44周一
    2015第43周日
  • 原文地址:https://www.cnblogs.com/cymbidium/p/5306182.html
Copyright © 2011-2022 走看看