Build a mini blog in laravel

This article mainly introduces you to the relevant information about using laravel to build a mini blog. The article introduces the step-by-step implementation steps in very detail through sample code. It has certain reference and learning value for everyone. I hope it can help everyone.

1. Design and Ideas

Before starting to write the first line of code, we must try our best to design the product we want to do from beginning to end to avoid changing it after writing it. Write more unnecessary code.

• Requirements analysis: Our mini blog should at least include: add/edit/view/delete articles, and article list display functions.

• Database analysis: Based on this function, we only need an Articles data table to store articles.

• Page structure analysis: Template inheritance should be used to create a basic template including: header/article list/bottom information

2. Create Routing

The following routes are probably required to complete this blog:

| Routing| Function| | -------- | --------- ------- | | Article list page routing | Return to article list page | | New article page routing | Return to new article page | | Article save function routing | Save article to database | | View article page routing| Return to article details page | | Edit article page routing | Return to edit article page | | Edit article function route | Take out and update the article and save it back to the database | | Delete article function route | Delete the article from the database |

You can see that almost all of them are data operation routes for articles. For this situation, Laravel provides a very convenient method: RESTful resource controller and routing.

Open routes.php and add the following code:

Route::resource('articles', 'ArticlesController');

Only the above line of code is needed, which is equivalent to creating the following 7 routes, and they are all named routes. We can use something like route( 'articles.show') such usage.

Route::get('/articles', 'ArticlesController@index')->name('articles.index'); 
Route::get('/articles/{id}', 'ArticlesController@show')->name('articles.show'); 
Route::get('/articles/create', 'ArticlesController@create')->name('articles.create'); 
Route::post('/articles', 'ArticlesController@store')->name('articles.store'); 
Route::get('/articles/{id}/edit', 'ArticlesController@edit')->name('articles.edit'); 
Route::patch('/articles/{id}', 'ArticlesController@update')->name('articles.update'); 
Route::delete('/articles/{id}', 'ArticlesController@destroy')->name('articles.destroy');

3. Create a controller

Use artisan to create an article controller:

php artisan make:controller ArticlesController

4. Create a basic view

resources/views/layouts/art.blade.php

See template index.html

5. New article form

@extends('layouts.art')
@section('content')

 <form class="form-horizontal" method="post" action="{{route(&#39;blog.store&#39;)}}">
   {{ csrf_field() }}
 <p class="form-group">
 <label for="inputEmail3" class="col-sm-2 control-label">标题</label>
 <p class="col-sm-8">
  <input type="title" class="form-control" id="title" name="title">
 </p>
 </p>

 <p class="form-group">
 <label for="inputEmail3" class="col-sm-2 control-label">内容</label>
 <p class="col-sm-8">
  <textarea class="form-control" rows="5" id="content" name="content"></textarea>
 </p>
 </p>

 <p class="form-group">
 <p class="col-sm-offset-2 col-sm-10">
  <button type="submit" class="btn btn-default">创建</button>
 </p>
 </p>
</form> 
@endsection

6. Article storage

At this time, if you fill in the new article form and click submit, it will jump to a blank page. The same reason is true, because our subsequent controller code has not been written yet.

To implement article storage, you must first configure the database, create data tables, create models, and then complete the storage logic code.

1. Configure database

Modify .env file

2. Create data table

Use artisan command to generate migration:

php artisan make:migration create_articles_talbe --create=articles

Modify the migration file

public function up() 
 {
  Schema::create('articles', function (Blueprint $table) {
   $table->increments('id');
   $table->string('title');
   $table->longText('content');
   $table->timestamps();
  });
 }
public function down() 
 {
  Schema::dropIfExists('articles');
 }

We created an articles table, including an incremental id field, a string title field, a long text content field, and a timestamp.

Execute database migration:

php artisan migrate

Log in to mysql and view the data table.

3. Create a model

Use the artisan command to create a model:

php artisan make:model Article

Open the model file and enter the following code:

app/Article. php

namespace App;

use Illuminate\Database\Eloquent\Model;

class Article extends Model 
{
 //对应的表
 protected $table = 'articles';
 //通过model可以写入的字段
 protected $fillable = [
  'title', 'content',
 ];
}

4. Storage logic code

Open the ArticlesController.php controller and find the store() method.

app/Http/Controllers/ArticlesController.php

 public function store(Request $request)
 {
  //数据验证 错误处理
  $this->validate($request,[
   'title'=>'required|max:50',
   'content'=>'required|max:500',
   ]);
  // 1 orm方式写入
  $article = Article::create([
   'title'=>$request->title,
   'content'=>$request->content,
   ]);
  //2 或者
  /* $article = new Article();
   $article->title =$request->title;
   $article->content = $request->content;
   $article->save();*/

   //3 db方式写入
   //insert()方法返回值为true 和 false
   //$res = DB::table('articles')->insert(['title'=>$request->title,'content'=>$request->content]);
  return redirect()->route('blog.index');
 }

Verification error display

@if (count($errors) > 0)
 <p class="alert alert-danger">
  <ul>
   @foreach($errors->all() as $error)
   <li>{{ $error }}</li>
   @endforeach
  </ul>
 </p>
@endif

7. Article list display

Completed adding articles After adding the function, we can implement our article list display page.

Open ArticlesController.php and find the index() method, add the following code:

app/Http/Controllers/ArticlesController.php

use App\Article;

public function index() 
 {
  $articles = Article::orderBy('created_at','asc')->get();

  return view('articles.index', ['articles'=>$articles]);
 }

View index.blade.php

@extends('layouts.art')
@section('content')

 <a class="btn btn-primary" href="{{route(&#39;blog.create&#39;)}}" rel="external nofollow" >添加文章</a>


 @foreach($articles as $article)
 <p class="panel panel-default">
 <p class="panel-body">
 {{$article->title}}
 <a href="{{route(&#39;blog.show&#39;,$article->id)}}" rel="external nofollow" class="btn btn-info">阅读</a>
 <a href="{{route(&#39;blog.edit&#39;, $article->id)}}" rel="external nofollow" class="btn btn-info">修改</a>

  <form action="{{ route(&#39;blog.destroy&#39;, $article->id) }}" method="post" style="display: inline-block;">
   {{ csrf_field() }}
   {{ method_field('DELETE') }}
   <button type="submit" class="btn btn-danger">删除</button>
  </form>
 </p>
 </p>
 @endforeach

 {!! $articles->render() !!}
 @endsection

8. Edit article form

The edit article form is actually very similar to the new article form created before, except that you need to read the existing data and fill it in the form.

First we add an edit button to each article on the article list page:

View:

@extends('layouts.art')
@section('content')

 <form class="form-horizontal" method="post" action="{{route(&#39;blog.update&#39;,$article->id)}}">
   {{ csrf_field() }}
  {{ method_field('PATCH') }}
 <p class="form-group">
 <label for="inputEmail3" class="col-sm-2 control-label">标题</label>
 <p class="col-sm-10">
  <input type="title" class="form-control" id="title" name="title" value="{{ $article->title }}">
 </p>
 </p>


 <p class="form-group">
 <label for="inputEmail3" class="col-sm-2 control-label">内容</label>
 <p class="col-sm-10">
  <textarea class="form-control" rows="5" id="content" name="content"> {{ $article->content }}</textarea>
 </p>
 </p>


 <p class="form-group">
 <p class="col-sm-offset-2 col-sm-10">
  <button type="submit" class="btn btn-default">修改</button>
 </p>
 </p>
</form> 
@endsection

Note the {{ method_field('PATCH' ) }} , this is cross-site method forgery, the HTML form does not support PUT, PATCH or DELETE actions. So when calling the defined PUT, PATCH or DELETE route from an HTML form, you will need to add a hidden _method field to the form to fake the method. For details, refer to the official documentation.

Controller

//展示修改模板
public function edit($id) 
 {
  $article = Article::findOrFail($id);
  return view('art.edit',['article'=>$article]);
 }
//执行修改
public function update(Request $request, $id) 
 {
  $this->validate($request, [
   'title' => 'required|max:50',
   'content'=>'required|max:500',
  ]);

  $article = Article::findOrFail($id);
  $article->update([
   'title' => $request->title,
   'content' => $request->content,
  ]);

   return redirect()->route('blog.index');
 }

9. Delete article

Delete button

 <form action="{{ route(&#39;blog.destroy&#39;, $article->id) }}" method="post" style="display: inline-block;">
   {{ csrf_field() }}
   {{ method_field('DELETE') }}
   <button type="submit" class="btn btn-danger">删除</button>
  </form>

Controller:

public function destroy($id) 
 {
  $article = Article::findOrFail($id);
  $article->delete();
  return back();
 }

10. Conclusion

This experiment uses a very simple mini-blog to conduct intensive exercises on Laravel RESTful resource controllers, routing, views, and ORM.

Related recommendations:

Detailed examples of Vue+SpringBoot development of V tribe blog management platform

LAMP is based on the PHP module to build a personal blog Detailed explanation with pictures and text

How to make a simple blog with PHP

The above is the detailed content of Build a mini blog in laravel. For more information, please follow other related articles on the PHP Chinese website!