搜索
首页后端开发php教程Laravel 5 框架入门!!!

Laravel 5 框架入门!!!

May 16, 2016 pm 08:17 PM
php框架laravel

本文,我们将一起给 Page 加入评论功能,让用户在前台页面可以查看、提交、回复评论,同时我们将在后台完善评论管理功能,可以删除、编辑评论。

Laravel 5 框架入门!!!

1. 初识 Eloquent

Laravel Eloquent ORM 是 Laravel 中非常重要的部分,也是 Laravel 能如此流行的原因之一。中文文档在:

  •  http://laravel-china.org/docs/5.0/eloquent

  • http://www.golaravel.com/laravel/docs/5.0/eloquent/

在前面的教程中已经建立好的 learnlaravel5/app/Page.php 就是一个 Eloquent Model 类:

<?php namespace App;

use Illuminate\Database\Eloquent\Model;

class Page extends Model {

 //

}

若想进一步了解 Eloquent,推荐阅读系列文章:深入理解 Laravel Eloquent

2. 创建 Comment 模型

首先我们要新建一张表来存储 Comment,命令行运行:

 代码如下:

php artisan make:model Comment

成功以后,修改 migration 文件 learnlaravel5/database/migrations/***_create_comments_table.php 的相应位置为:

Schema::create(&#39;comments&#39;, function(Blueprint $table)
{
 $table->increments(&#39;id&#39;);
 $table->string(&#39;nickname&#39;);
 $table->string(&#39;email&#39;)->nullable();
 $table->string(&#39;website&#39;)->nullable();
 $table->text(&#39;content&#39;)->nullable();
 $table->integer(&#39;page_id&#39;);
 $table->timestamps();
});

之后运行:

代码如下:

php artisan migrate

去数据库里瞧瞧,comments 表已经躺在那儿啦。

3. 建立“一对多关系”

修改 Page 模型:

<?php namespace App;

use Illuminate\Database\Eloquent\Model;

class Page extends Model {

 public function hasManyComments()
 {
  return $this->hasMany(&#39;App\Comment&#39;, &#39;page_id&#39;, &#39;id&#39;);
 }

}

搞定啦~ Eloquent 中模型间关系就是这么简单。

模型间关系中文文档:http://laravel-china.org/docs/5.0/eloquent#relationships

4. 前台提交功能

修改 Comment 模型:

<?php namespace App;

use Illuminate\Database\Eloquent\Model;

class Comment extends Model {

 protected $fillable = [&#39;nickname&#39;, &#39;email&#39;, &#39;website&#39;, &#39;content&#39;, &#39;page_id&#39;];

}

增加一行路由:

 代码如下:

Route::post(&#39;comment/store&#39;, &#39;CommentsController@store&#39;);

运行以下命令创建 CommentsController 控制器:

代码如下:

php artisan make:controller CommentsController

修改 CommentsController:

<?php namespace App\Http\Controllers;

use App\Http\Requests;
use App\Http\Controllers\Controller;

use Illuminate\Http\Request;

use Redirect, Input;

use App\Comment;

class CommentsController extends Controller {

 public function store()
 {
 if (Comment::create(Input::all())) {
  return Redirect::back();
 } else {
  return Redirect::back()->withInput()->withErrors(&#39;评论发表失败!&#39;);
 }

 }

}

修改视图 learnlaravel5/resources/views/pages/show.blade.php:

@extends(&#39;_layouts.default&#39;)

@section(&#39;content&#39;)
 <h4>
  <a href="/">⬅️返回首页</a>
 </h4>

 <h1 id="nbsp-page-title-nbsp">{{ $page->title }}</h1>
 <hr>
 <p id="date" style="text-align: right;">
  {{ $page->updated_at }}
 </p>
 <p id="content" style="padding: 50px;">
  <p>
   {{ $page->body }}
  </p>
 </p>
 <p id="comments" style="margin-bottom: 100px;">

  @if (count($errors) > 0)
   <p 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>
   </p>
  @endif

  <p id="new">
   <form action="{{ URL(&#39;comment/store&#39;) }}" method="POST">
    <input type="hidden" name="_token" value="{{ csrf_token() }}">
    <input type="hidden" name="page_id" value="{{ $page->id }}">
    <p class="form-group">
     <label>Nickname</label>
     <input type="text" name="nickname" class="form-control" style="width: 300px;" required="required">
    </p>
    <p class="form-group">
     <label>Email address</label>
     <input type="email" name="email" class="form-control" style="width: 300px;">
    </p>
    <p class="form-group">
     <label>Home page</label>
     <input type="text" name="website" class="form-control" style="width: 300px;">
    </p>
    <p class="form-group">
     <label>Content</label>
     <textarea name="content" id="newFormContent" class="form-control" rows="10" required="required"></textarea>
    </p>
    <button type="submit" class="btn btn-lg btn-success col-lg-12">Submit</button>
   </form>
  </p>

<script>
function reply(a) {
 var nickname = a.parentNode.parentNode.firstChild.nextSibling.getAttribute(&#39;data&#39;);
 var textArea = document.getElementById(&#39;newFormContent&#39;);
 textArea.innerHTML = &#39;@&#39;+nickname+&#39; &#39;;
}
</script>

  <p class="conmments" style="margin-top: 100px;">
   @foreach ($page->hasManyComments as $comment)

    <p class="one" style="border-top: solid 20px #efefef; padding: 5px 20px;">
     <p class="nickname" data="{{ $comment->nickname }}">
     @if ($comment->website)
      <a href="{{ $comment->website }}">
       <h3 id="nbsp-comment-nickname-nbsp">{{ $comment->nickname }}</h3>
      </a>
     @else
      <h3 id="nbsp-comment-nickname-nbsp">{{ $comment->nickname }}</h3>
     @endif
      <h6 id="nbsp-comment-created-at-nbsp">{{ $comment->created_at }}</h6>
     </p>
     <p class="content">
      <p style="padding: 20px;">
       {{ $comment->content }}
      </p>
     </p>
     <p class="reply" style="text-align: right; padding: 5px;">
      <a href="#new" onclick="reply(this);">回复</a>
     </p>
    </p>

   @endforeach
  </p>
 </p>
@endsection

前台评论功能完成。

查看效果:

Laravel 5 框架入门!!!

Laravel 5 框架入门!!!

5. 后台管理功能

修改基础视图 learnlaravel5/resources/views/app.blade.php 为:

<!DOCTYPE html>
<html lang="en">
<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>Laravel</title>

 <link href="/css/app.css" rel="stylesheet">

 <!-- Fonts -->
 <link href=&#39;http://fonts.useso.com/css?family=Roboto:400,300&#39; rel=&#39;stylesheet&#39; type=&#39;text/css&#39;>
</head>
<body>
 <nav class="navbar navbar-default">
 <p class="container-fluid">
  <p class="navbar-header">
  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
   <span class="sr-only">Toggle Navigation</span>
   <span class="icon-bar"></span>
   <span class="icon-bar"></span>
   <span class="icon-bar"></span>
  </button>
  <a class="navbar-brand" href="#">Learn Laravel 5</a>
  </p>

  <p class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  <ul class="nav navbar-nav">
   <li><a href="/admin">后台首页</a></li>
  </ul>
  <ul class="nav navbar-nav">
   <li><a href="/admin/comments">管理评论</a></li>
  </ul>

  <ul class="nav navbar-nav navbar-right">
   @if (Auth::guest())
   <li><a href="/auth/login">Login</a></li>
   <li><a href="/auth/register">Register</a></li>
   @else
   <li class="dropdown">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">{{ Auth::user()->name }} <span class="caret"></span></a>
    <ul class="dropdown-menu" role="menu">
    <li><a href="/auth/logout">Logout</a></li>
    </ul>
   </li>
   @endif
  </ul>
  </p>
 </p>
 </nav>

 @yield(&#39;content&#39;)

 <!-- Scripts -->
 <script ></script>
 <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.1/js/bootstrap.min.js"></script>
</body>
</html>

修改后台路由组(增加了一行):

Route::group([&#39;prefix&#39; => &#39;admin&#39;, &#39;namespace&#39; => &#39;Admin&#39;, &#39;middleware&#39; => &#39;auth&#39;], function()
{
 Route::get(&#39;/&#39;, &#39;AdminHomeComtroller@index&#39;);
 Route::resource(&#39;pages&#39;, &#39;PagesController&#39;);
 Route::resource(&#39;comments&#39;, &#39;CommentsController&#39;);
});

创建 AdminCommentsController :

 代码如下:

php artisan make:controller Admin/CommentsController

Admin/CommentsController 要有 查看所有、查看单个、POST更改、删除四个接口:

<?php namespace App\Http\Controllers\Admin;

use App\Http\Requests;
use App\Http\Controllers\Controller;

use Illuminate\Http\Request;

use App\Comment;

use Redirect, Input;

class CommentsController extends Controller {

 public function index()
 {
 return view(&#39;admin.comments.index&#39;)->withComments(Comment::all());
 }

 public function edit($id)
 {
 return view(&#39;admin.comments.edit&#39;)->withComment(Comment::find($id));
 }

 public function update(Request $request, $id)
 {
 $this->validate($request, [
  &#39;nickname&#39; => &#39;required&#39;,
  &#39;content&#39; => &#39;required&#39;,
 ]);
 if (Comment::where(&#39;id&#39;, $id)->update(Input::except([&#39;_method&#39;, &#39;_token&#39;]))) {
  return Redirect::to(&#39;admin/comments&#39;);
 } else {
  return Redirect::back()->withInput()->withErrors(&#39;更新失败!&#39;);
 }
 }

 public function destroy($id)
 {
 $comment = Comment::find($id);
 $comment->delete();

 return Redirect::to(&#39;admin/comments&#39;);
 }

}

接下来创建两个视图:

learnlaravel5/resources/views/admin/comments/index.blade.php:

@extends(&#39;app&#39;)

@section(&#39;content&#39;)
<p class="container">
 <p class="row">
  <p class="col-md-10 col-md-offset-1">
   <p class="panel panel-default">
    <p class="panel-heading">管理评论</p>

    <p class="panel-body">

    <table class="table table-striped">
     <tr class="row">
      <th class="col-lg-4">Content</th>
      <th class="col-lg-2">User</th>
      <th class="col-lg-4">Page</th>
      <th class="col-lg-1">编辑</th>
      <th class="col-lg-1">删除</th>
     </tr>
     @foreach ($comments as $comment)
      <tr class="row">
       <td class="col-lg-6">
        {{ $comment->content }}
       </td>
       <td class="col-lg-2">
        @if ($comment->website)
         <a href="{{ $comment->website }}">
          <h4 id="nbsp-comment-nickname-nbsp">{{ $comment->nickname }}</h4>
         </a>
        @else
         <h3 id="nbsp-comment-nickname-nbsp">{{ $comment->nickname }}</h3>
        @endif
        {{ $comment->email }}
       </td>
       <td class="col-lg-4">
        <a href="{{ URL(&#39;pages/&#39;.$comment->page_id) }}" target="_blank">
         {{ App\Page::find($comment->page_id)->title }}
        </a>
       </td>
       <td class="col-lg-1">
        <a href="{{ URL(&#39;admin/comments/&#39;.$comment->id.&#39;/edit&#39;) }}" class="btn btn-success">编辑</a>
       </td>
       <td class="col-lg-1">
        <form action="{{ URL(&#39;admin/comments/&#39;.$comment->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>
       </td>
      </tr>
     @endforeach
    </table>


    </p>
   </p>
  </p>
 </p>
</p>
@endsection

learnlaravel5/resources/views/admin/comments/edit.blade.php:

@extends(&#39;app&#39;)

@section(&#39;content&#39;)
<p class="container">
 <p class="row">
  <p class="col-md-10 col-md-offset-1">
   <p class="panel panel-default">
    <p class="panel-heading">编辑评论</p>

    <p class="panel-body">

     @if (count($errors) > 0)
      <p 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>
      </p>
     @endif

     <form action="{{ URL(&#39;admin/comments/&#39;.$comment->id) }}" method="POST">
      <input name="_method" type="hidden" value="PUT">
      <input type="hidden" name="_token" value="{{ csrf_token() }}">
      <input type="hidden" name="page_id" value="{{ $comment->page_id }}">
      Nickname: <input type="text" name="nickname" class="form-control" required="required" value="{{ $comment->nickname }}">
      <br>
      Email:
      <input type="text" name="email" class="form-control" required="required" value="{{ $comment->email }}">
      <br>
      Website:
      <input type="text" name="website" class="form-control" required="required" value="{{ $comment->website }}">
      <br>
      Content:
      <textarea name="content" rows="10" class="form-control" required="required">{{ $comment->content }}</textarea>
      <br>
      <button class="btn btn-lg btn-info">提交修改</button>
     </form>

    </p>
   </p>
  </p>
 </p>
</p>
@endsection

后台管理功能完成,查看效果:

Laravel 5 框架入门!!!

Laravel 5 框架入门!!!

以上所述就是本文的全部内容了,希望大家能够喜欢。

推荐学习:《PHP视频教程

声明
本文转载于:脚本之家。如有侵权,请联系admin@php.cn删除
PHP和Python:解释了不同的范例PHP和Python:解释了不同的范例Apr 18, 2025 am 12:26 AM

PHP主要是过程式编程,但也支持面向对象编程(OOP);Python支持多种范式,包括OOP、函数式和过程式编程。PHP适合web开发,Python适用于多种应用,如数据分析和机器学习。

PHP和Python:深入了解他们的历史PHP和Python:深入了解他们的历史Apr 18, 2025 am 12:25 AM

PHP起源于1994年,由RasmusLerdorf开发,最初用于跟踪网站访问者,逐渐演变为服务器端脚本语言,广泛应用于网页开发。Python由GuidovanRossum于1980年代末开发,1991年首次发布,强调代码可读性和简洁性,适用于科学计算、数据分析等领域。

在PHP和Python之间进行选择:指南在PHP和Python之间进行选择:指南Apr 18, 2025 am 12:24 AM

PHP适合网页开发和快速原型开发,Python适用于数据科学和机器学习。1.PHP用于动态网页开发,语法简单,适合快速开发。2.Python语法简洁,适用于多领域,库生态系统强大。

PHP和框架:现代化语言PHP和框架:现代化语言Apr 18, 2025 am 12:14 AM

PHP在现代化进程中仍然重要,因为它支持大量网站和应用,并通过框架适应开发需求。1.PHP7提升了性能并引入了新功能。2.现代框架如Laravel、Symfony和CodeIgniter简化开发,提高代码质量。3.性能优化和最佳实践进一步提升应用效率。

PHP的影响:网络开发及以后PHP的影响:网络开发及以后Apr 18, 2025 am 12:10 AM

PHPhassignificantlyimpactedwebdevelopmentandextendsbeyondit.1)ItpowersmajorplatformslikeWordPressandexcelsindatabaseinteractions.2)PHP'sadaptabilityallowsittoscaleforlargeapplicationsusingframeworkslikeLaravel.3)Beyondweb,PHPisusedincommand-linescrip

PHP类型提示如何起作用,包括标量类型,返回类型,联合类型和无效类型?PHP类型提示如何起作用,包括标量类型,返回类型,联合类型和无效类型?Apr 17, 2025 am 12:25 AM

PHP类型提示提升代码质量和可读性。1)标量类型提示:自PHP7.0起,允许在函数参数中指定基本数据类型,如int、float等。2)返回类型提示:确保函数返回值类型的一致性。3)联合类型提示:自PHP8.0起,允许在函数参数或返回值中指定多个类型。4)可空类型提示:允许包含null值,处理可能返回空值的函数。

PHP如何处理对象克隆(克隆关键字)和__clone魔法方法?PHP如何处理对象克隆(克隆关键字)和__clone魔法方法?Apr 17, 2025 am 12:24 AM

PHP中使用clone关键字创建对象副本,并通过\_\_clone魔法方法定制克隆行为。1.使用clone关键字进行浅拷贝,克隆对象的属性但不克隆对象属性内的对象。2.通过\_\_clone方法可以深拷贝嵌套对象,避免浅拷贝问题。3.注意避免克隆中的循环引用和性能问题,优化克隆操作以提高效率。

PHP与Python:用例和应用程序PHP与Python:用例和应用程序Apr 17, 2025 am 12:23 AM

PHP适用于Web开发和内容管理系统,Python适合数据科学、机器学习和自动化脚本。1.PHP在构建快速、可扩展的网站和应用程序方面表现出色,常用于WordPress等CMS。2.Python在数据科学和机器学习领域表现卓越,拥有丰富的库如NumPy和TensorFlow。

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 个月前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
1 个月前By尊渡假赌尊渡假赌尊渡假赌
威尔R.E.P.O.有交叉游戏吗?
1 个月前By尊渡假赌尊渡假赌尊渡假赌

热工具

VSCode Windows 64位 下载

VSCode Windows 64位 下载

微软推出的免费、功能强大的一款IDE编辑器

螳螂BT

螳螂BT

Mantis是一个易于部署的基于Web的缺陷跟踪工具,用于帮助产品缺陷跟踪。它需要PHP、MySQL和一个Web服务器。请查看我们的演示和托管服务。

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

功能强大的PHP集成开发环境

Dreamweaver Mac版

Dreamweaver Mac版

视觉化网页开发工具

MinGW - 适用于 Windows 的极简 GNU

MinGW - 适用于 Windows 的极简 GNU

这个项目正在迁移到osdn.net/projects/mingw的过程中,你可以继续在那里关注我们。MinGW:GNU编译器集合(GCC)的本地Windows移植版本,可自由分发的导入库和用于构建本地Windows应用程序的头文件;包括对MSVC运行时的扩展,以支持C99功能。MinGW的所有软件都可以在64位Windows平台上运行。