プログラマーじゃないけどLaravel4入門(2)blogをつくる

プログラマーじゃないけどLaravel4入門(2)blogをつくる

さて、準備はできました、が、何をするかですね。フレームワークを入れて喜んでいても仕方がないので、ブログシステムを作ってみようと思います。プログラマーでもないのにできるんでしょうか(笑)?

ブログシステムの構想

まず、漠然とですが、全体の構想を考えてみましょう。

フロントエンド

  • トップページに新着記事を順次表示、長文には readmore を挿入可とする
  • タイトルをクリックすると各記事に飛ぶ
  • 記事はカテゴリ分けする
  • 最新記事一覧、カテゴリ一覧をブロックとして表示する

バックエンド

  • 記事の登録、編集、削除、公開非公開設定
  • カテゴリの登録、編集、削除
  • ブロックの登録、編集、削除、公開非公開設定、タイプ指定(content/module)
  • ログイン、認証

基本はこんな感じにするとして、作りながら必要なことは追加していきましょう。こうしたところがプログラマーじゃない所以ということです(笑)。

 View は Bootstrap を使うことにします。

ユーザ認証、ログイン

まずは、ユーザ認証をできるようにしなければ何も始まりません。「Laravel4、簡単なユーザー認証のサンプル」 を参考にやってみることにします。

ユーザテーブル作成

artisan を使ってユーザテーブルのマイグレーションを作成します。

$ php artisan migrate:make CreateUserTable

app/database/migrate 以下に 2014_作成日時_CreateUserTable.php というファイルができますが、中身は空ですので参考サイトを参考にスクリプトを書いてみます。

public function up()
{
  if( !Schema::hasTable( ‘users’ ) )
  {
    Schema::create( ‘users’, function($table)
    {
      $table->increments( ‘id’ );
      $table->string( ‘username’ )->unique();
      $table->string( ‘password’ );
      $table->string( ‘email’ );
      $table->timestamps();
    });
  }

  DB::table( ‘users’ )->insert(array(
    ‘username’ => ‘admin’,
    ‘password’ => Hash::make( ‘password’ ),
    ‘email’ => ‘admin@hogehoge.com’
  ));
}

public function down()
{
  Schema::dropIfExists( ‘users’ );
}

ユーザテーブル作成と同時にテストユーザ(admin) も作るよう書き加え、マイグレーションを実行します。

$ php artisan migrate
**************************************
* Application In Production! *
**************************************

Do you really wish to run this command?
Migration table created successfully.
Migrated: 2014_作成日時_CreateUserTable

いちいち確認メッセージが出るのがやや鬱陶しいのですが、これでユーザテーブルができ、テストユーザも登録されています。やり直す場合は、

$ php artisan migrate:rollback

とすれば、テーブルが削除されやり直せます。簡単ですね。

ルーティング

現在のルーティング

Route::get(‘/’, function()
{
  return View::make(‘hello’);
});

 に以下を書き加えます。

  • バックエンド admin/ 以下をリクエストされた場合は auth フィルターへ飛ばす
    auth フィルターにより login ページへ飛ぶ
  • admin/dashboard をバックエンドのホームとする
  • login をリクエストされたらログインページを表示する

Route::when(‘admin/*’, ‘auth’);
Route::get(‘admin/dashboard’, function()
{
  return ‘admin site’;
});
Route::get(‘login’, function()
{
  return View::make(‘login’);
});

ログインView

app/views/login.blade.php に Bootstrap のテンプレートを使ってログインビューを書きます。

<!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″>
  <meta name=”description” content=””>
  <meta name=”author” content=””>

  <title>Signin</title>
  <!– Latest compiled and minified CSS –>

  <link rel=”stylesheet” href=”//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css”>

  <!– Custom styles for this template –>
  {{HTML::style(‘asset/css/signin.css’)}}

  <!– HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries –>
  <!–[if lt IE 9]>
  <script src=”https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js“></script>
  <script src=”https://oss.maxcdn.com/respond/1.4.2/respond.min.js“></script>
  <![endif]–>
</head>

<body>

  <div class=”container”>

    {{Form::open(array(‘class’=>’form-signin’))}}
    <h2 class=”form-signin-heading”>Please sign in</h2>
    {{Form::text(‘username’,”,array(‘class’=>’form-control’,’placeholder’=>’Username’))}}
    {{Form::password(‘password’,array(‘class’=>’form-control’,’placeholder’=>’Password’))}}
@if($errors->has(‘warning’))
    <div class=”alert alert-danger”>
    {{$errors->first(‘warning’)}}
    </div>
@endif
    {{Form::checkbox(‘remember’,1,false,[‘id’ => ‘label_1’])}} <label for=”label_1″>Remember me</label>
    {{Form::submit(‘Sign in’,array(‘class’=>’btn btn-lg btn-primary btn-block’))}}
    {{Form::close()}}

  </div> <!– /container –>

  <!– Bootstrap core JavaScript
================================================== –>
  <!– Placed at the end of the document so the pages load faster –>
</body>
</html> 

404エラー処理

とりあえず、タイポエラーで 悩まないよう404エラー処理だけやっておきましょう。

app/start/global.php のエラーハンドラーに以下を加えておきます。

App::missing(function($e)
{
  return Response::make(“Page not found”, 404);
});

これで、ログインフォームが表示されるところまで来ました。次は認証ですが、次回と言うことで。