欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Laravel 5 框架入门(二)构建 Pages 的管理功能

程序员文章站 2022-04-19 23:33:27
我们将改变学习路线,不再像 laravel 4 教程那样先构建登录系统。在本篇教程中,我们将一起构建 pages 的管理功能,尝试 laravel 的路由和 php 的命名...

我们将改变学习路线,不再像 laravel 4 教程那样先构建登录系统。在本篇教程中,我们将一起构建 pages 的管理功能,尝试 laravel 的路由和 php 的命名空间。

1. 路由
laravel 中的路由,跟其他 php 框架一样,作用是把各种请求分流到各个控制器。

在 `learnlaravel5/app/http/routes.php` 的末尾添加以下代码:

复制代码 代码如下:

route::group(['prefix' => 'admin', 'namespace' => 'admin'], function()
{
  route::get('/', 'adminhomecontroller@index');
});

这表示创建了一个路由组。

1. `'prefix' => 'admin'` 表示这个路由组的 url 前缀是 /admin,也就是说中间那一行代码 `route::get('/'` 对应的链接不是 而是 ,如果这段代码是 `route::get('fuck'` 的话,那么 url 就应该是 。

2. `'namespace' => 'admin'` 表示下面的 `adminhomecontroller@index` 不是在 `\app\http\controllers\adminhomecontroller@index` 而是在 `\app\http\controllers\admin\adminhomecontroller@index`,加上了一个命名空间的前缀。

如果你用过 laravel 4,会发现 laravel 5 的命名空间规划比较怪异,这其实是一个非常大的进步。laravel 4 其实已经全面引入了命名空间这个强大的特性,但是为了“降低学习成本”,把 路由、控制器、模型 的默认命名空间全部设置成了*命名空间,这个举动反而让很多人比较轻易地“上手”了 laravel,但是在用了一段时间以后,还需要翻越一堵高墙,那就是命名空间,而且有了前面的“容易上手”的印象作为铺垫,后期的学习会更加困难。laravel 5 把命名空间全部隔开,控制器在 `\app\http\controllers`,模型在 `\app`,让我们在刚上手的时候就体验命名空间分离的感觉,总体上其实是会降低学习成本的。

2. 控制器

我们可以使用 artisan 非常方便地构建控制器:

复制代码 代码如下:

php artisan make:controller admin/adminhomecontroller

得到 `learnlaravel5/app/http/controllers/admin/adminhomecontroller.php` 文件。

在 `class adminhomecontroller extends controller {` 上面增加一行:

复制代码 代码如下:

use app\page;

修改 index() 的代码如下:

复制代码 代码如下:

public function index()
{
  return view('adminhome')->withpages(page::all());
}

控制器中文文档:

控制器中涉及到了许多的命名空间知识,可以参考 php 命名空间 解惑。

3. 视图

新建 `learnlaravel5/resources/views/adminhome.blade.php`:

@extends('app')

@section('content')
<div class="container">
 <div class="row">
  <div class="col-md-10 col-md-offset-1">
   <div class="panel panel-default">
    <div class="panel-heading">后台首页</div>

    <div class="panel-body">

    <a href="{{ url('admin/pages/create') }}" class="btn btn-lg btn-primary">新增</a>

     @foreach ($pages as $page)
      <hr>
      <div class="page">
       <h4>{{ $page->title }}</h4>
       <div class="content">
        <p>
         {{ $page->body }}
        </p>
       </div>
      </div>
      <a href="{{ url('admin/pages/'.$page->id.'/edit') }}" class="btn btn-success">编辑</a>

      <form action="{{ url('admin/pages/'.$page->id) }}" method="post" style="display: inline;">
       <input name="_method" type="hidden" value="delete">
       <input type="hidden" name="_token" value="{{ csrf_token() }}">
       <button type="submit" class="btn btn-danger">删除</button>
      </form>
     @endforeach

    </div>
   </div>
  </div>
 </div>
</div>
@endsection

视图的基本用法在此不再赘述,请阅读中文文档:

访问 得到如下页面:

Laravel 5 框架入门(二)构建 Pages 的管理功能

至此,包含 路由 》 控制器 》 模型 》 视图 的整个流程都已经完成。

4. 完成 pages 管理功能

接下来,我将记录下我实现 pages 管理功能的过程,不再做过多的阐述。大家有问题可以直接在本文下面留言,我会及时回复。

4.1 修改路由 learnlaravel5/app/http/routes.php

复制代码 代码如下:

route::group(['prefix' => 'admin', 'namespace' => 'admin'], function()
{
  route::get('/', 'adminhomecontroller@index');
  route::resource('pages', 'pagescontroller');
});

此处增加了一条“资源控制器”,中文文档地址:

4.2 创建 learnlaravel5/app/http/controllers/admin/pagescontroller.php

运行:

复制代码 代码如下:

php artisan make:controller admin/pagescontroller

4.3 修改 learnlaravel5/app/http/controllers/admin/pagescontroller.php 为:

<?php namespace app\http\controllers\admin;

use app\http\requests;
use app\http\controllers\controller;

use illuminate\http\request;

use app\page;

use redirect, input, auth;

class pagescontroller extends controller {

 /**
 * show the form for creating a new resource.
 *
 * @return response
 */
 public function create()
 {
 return view('admin.pages.create');
 }

 /**
 * store a newly created resource in storage.
 *
 * @return response
 */
 public function store(request $request)
 {
 $this->validate($request, [
  'title' => 'required|unique:pages|max:255',
  'body' => 'required',
 ]);

 $page = new page;
 $page->title = input::get('title');
 $page->body = input::get('body');
 $page->user_id = 1;//auth::user()->id;

 if ($page->save()) {
  return redirect::to('admin');
 } else {
  return redirect::back()->withinput()->witherrors('保存失败!');
 }

 }

 /**
 * show the form for editing the specified resource.
 *
 * @param int $id
 * @return response
 */
 public function edit($id)
 {
 return view('admin.pages.edit')->withpage(page::find($id));
 }

 /**
 * update the specified resource in storage.
 *
 * @param int $id
 * @return response
 */
 public function update(request $request,$id)
 {
 $this->validate($request, [
  'title' => 'required|unique:pages,title,'.$id.'|max:255',
  'body' => 'required',
 ]);

 $page = page::find($id);
 $page->title = input::get('title');
 $page->body = input::get('body');
 $page->user_id = 1;//auth::user()->id;

 if ($page->save()) {
  return redirect::to('admin');
 } else {
  return redirect::back()->withinput()->witherrors('保存失败!');
 }
 }

 /**
 * remove the specified resource from storage.
 *
 * @param int $id
 * @return response
 */
 public function destroy($id)
 {
 $page = page::find($id);
 $page->delete();

 return redirect::to('admin');
 }

}

4.4 创建视图文件

首先在 learnlaravel5/resources/views 下创建 admin/pages 两级文件夹。

然后创建 learnlaravel5/resources/views/admin/pages/create.blade.php:

@extends('app')

@section('content')
<div class="container">
 <div class="row">
  <div class="col-md-10 col-md-offset-1">
   <div class="panel panel-default">
    <div class="panel-heading">新增 page</div>

    <div class="panel-body">

     @if (count($errors) > 0)
      <div class="alert alert-danger">
       <strong>whoops!</strong> there were some problems with your input.<br><br>
       <ul>
        @foreach ($errors->all() as $error)
         <li>{{ $error }}</li>
        @endforeach
       </ul>
      </div>
     @endif

     <form action="{{ url('admin/pages') }}" method="post">
      <input type="hidden" name="_token" value="{{ csrf_token() }}">
      <input type="text" name="title" class="form-control" required="required">
      <br>
      <textarea name="body" rows="10" class="form-control" required="required"></textarea>
      <br>
      <button class="btn btn-lg btn-info">新增 page</button>
     </form>

    </div>
   </div>
  </div>
 </div>
</div>
@endsection

之后创建 learnlaravel5/resources/views/admin/pages/edit.blade.php:

@extends('app')

@section('content')
<div class="container">
 <div class="row">
  <div class="col-md-10 col-md-offset-1">
   <div class="panel panel-default">
    <div class="panel-heading">编辑 page</div>

    <div class="panel-body">

     @if (count($errors) > 0)
      <div class="alert alert-danger">
       <strong>whoops!</strong> there were some problems with your input.<br><br>
       <ul>
        @foreach ($errors->all() as $error)
         <li>{{ $error }}</li>
        @endforeach
       </ul>
      </div>
     @endif

     <form action="{{ url('admin/pages/'.$page->id) }}" method="post">
      <input name="_method" type="hidden" value="put">
      <input type="hidden" name="_token" value="{{ csrf_token() }}">
      <input type="text" name="title" class="form-control" required="required" value="{{ $page->title }}">
      <br>
      <textarea name="body" rows="10" class="form-control" required="required">{{ $page->body }}</textarea>
      <br>
      <button class="btn btn-lg btn-info">编辑 page</button>
     </form>

    </div>
   </div>
  </div>
 </div>
</div>
@endsection

4.5 查看结果

后台首页 :

Laravel 5 框架入门(二)构建 Pages 的管理功能

新增 page :

Laravel 5 框架入门(二)构建 Pages 的管理功能

编辑 page :

Laravel 5 框架入门(二)构建 Pages 的管理功能

页面上的新增、编辑、删除的功能均已经完成,并且加入了表单验证,pages 管理功能完成!

以上所述就是本文的全部内容了,希望对大家熟悉laravel5框架能够有所帮助。