이 글에서는 주로 laravel을 사용하여 미니 블로그를 구축하는 방법에 대한 관련 정보를 소개합니다. 이 글은 필요한 모든 사람을 위한 특정 참조 및 학습 가치가 있는 예제 코드를 통해 단계별 구현 단계를 매우 자세히 소개합니다. 아래를 따라갈 수 있습니다. 함께 배워봅시다.
이 글은 주로 laravel을 사용하여 미니 블로그를 구축하는 방법에 대한 내용을 소개합니다. 아래에서는 자세히 설명하지 않겠습니다.
1. 디자인과 아이디어
첫 번째 코드 작성을 시작하기 전에, 작성과 수정을 피하고 불필요한 코드를 더 많이 작성하지 않도록 처음부터 끝까지 우리가 하고 싶은 제품을 디자인하도록 최선을 다해야 합니다.
요구 사항 분석: 우리 미니 블로그에는 최소한 기사 추가/편집/보기/삭제 및 기사 목록 표시 기능이 포함되어야 합니다.
데이터베이스 분석: 이 기능을 기반으로 기사를 저장하려면 Articles 데이터 테이블만 필요합니다.
페이지 구조 분석: 헤더/기사 목록/하단 정보를 포함한 기본 템플릿을 생성하려면 템플릿 상속을 사용해야 합니다.
2. 라우팅 생성
이 블로그를 완성하려면 아마도 다음이 필요할 것입니다. 단계 경로:
| 기사 목록 페이지로 돌아가기 | | 기사 페이지 라우팅 추가 | 기사 저장 기능 | 기사 페이지 라우팅 보기 | 기능 라우팅 | 기사를 꺼내서 다시 데이터베이스에 저장 | 기사 삭제 기능 라우팅 | 데이터베이스에서 기사 삭제 | 이에 대한 거의 모든 내용을 볼 수 있습니다. 이러한 상황에서 Laravel은 매우 편리한 솔루션인 RESTful 리소스 컨트롤러 및 라우팅을 제공합니다.
routes.php를 열고 다음 코드를 추가하세요.
Route::resource('articles', 'ArticlesController');
로그인 후 복사
위와 같은 코드 한 줄은 다음 7개의 경로를 만드는 것과 같습니다. 모두 경로라는 이름을 사용할 수 있습니다. ('articles.show') 이러한 사용법.
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');로그인 후 복사
셋. 컨트롤러 만들기
artisan을 사용하여 아티클 컨트롤러 만들기:
php artisan make:controller ArticlesController
로그인 후 복사
넷. re 출처/조회수/ 레이아웃/ art.blade.php템플릿 index.html 보기
5. 새 기사 양식
@extends('layouts.art')
@section('content')
<form class="form-horizontal" method="post" action="{{route('blog.store')}}">
{{ 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. 기사 저장
새로운 현재 기사 양식 제출을 클릭하면 동일한 이유로 빈 페이지로 이동합니다. 후속 컨트롤러 코드가 아직 작성되지 않았기 때문입니다. 기사 저장을 구현하려면 먼저 데이터베이스를 구성하고, 데이터 테이블을 생성하고, 모델을 생성한 후 저장 로직 코드를 완성해야 합니다.
1. 데이터베이스 구성
.env 파일 수정
2. 데이터 테이블 생성
artisan 명령을 사용하여 마이그레이션 생성:
php artisan make:migration create_articles_talbe --create=articles
로그인 후 복사
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 create 증분 ID 필드, 문자열 제목 필드, 긴 텍스트 콘텐츠 필드 및 타임스탬프를 포함하는 기사 테이블이 생성됩니다.
데이터베이스 마이그레이션 수행:
php artisan migrate
로그인 후 복사
mysql에 로그인하여 데이터 테이블을 봅니다.
3. 모델 생성
artisan 명령을 사용하여 모델 생성:
php artisan make:model Article
로그인 후 복사
모델 파일을 열고 다음 코드를 입력하세요:
app/Article.php
namespace App;
use Illuminate\Database\Eloquent\Model;
class Article extends Model
{
//对应的表
protected $table = 'articles';
//通过model可以写入的字段
protected $fillable = [
'title', 'content',
];
}로그인 후 복사
4. 논리 코드 저장
ArticlesController.php 컨트롤러를 열고 store() 메소드를 찾으세요.
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');
}로그인 후 복사
검증 오류 표시
@if (count($errors) > 0)
<p class="alert alert-danger">
<ul>
@foreach($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</p>
@endif로그인 후 복사
7. 기사 목록 표시
기사 추가 기능을 완료한 후 구현하면 됩니다. 이제 기사 목록 표시 페이지를 사용할 수 있습니다. ArticlesController.php를 열고 메소드를 찾아 다음 코드를 추가하세요:
app/Http/Controllers/ArticlesController.php
index()
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('blog.create')}}" rel="external nofollow" >添加文章</a>
@foreach($articles as $article)
<p class="panel panel-default">
<p class="panel-body">
{{$article->title}}
<a href="{{route('blog.show',$article->id)}}" rel="external nofollow" class="btn btn-info">阅读</a>
<a href="{{route('blog.edit', $article->id)}}" rel="external nofollow" class="btn btn-info">修改</a>
<form action="{{ route('blog.destroy', $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. 기사 편집 양식
기사 편집 양식은 실제로 기존 데이터를 읽고 양식에 입력해야 한다는 점을 제외하면 이전에 작성된 새 기사 양식과 매우 유사합니다. 먼저 기사 목록 페이지의 각 기사에 편집 버튼을 추가합니다:
보기:
@extends('layouts.art')
@section('content')
<form class="form-horizontal" method="post" action="{{route('blog.update',$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로그인 후 복사
注意这段代码中的 {{ method_field('PATCH') }} ，这是跨站方法伪造，HTML 表单没有支持 PUT、PATCH 或 DELETE 动作。所以在从 HTML 表单中调用被定义的 PUT、PATCH 或 DELETE 路由时，你将需要在表单中增加隐藏的 _method 字段来伪造该方法，详情参考 官方文档。
控制器
//展示修改模板
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');
}로그인 후 복사
九、删除文章
删除按钮
<form action="{{ route('blog.destroy', $article->id) }}" method="post" style="display: inline-block;">
{{ csrf_field() }}
{{ method_field('DELETE') }}
<button type="submit" class="btn btn-danger">删除</button>
</form>로그인 후 복사
控制器：
public function destroy($id)
{
$article = Article::findOrFail($id);
$article->delete();
return back();
}로그인 후 복사
十、结语
本次实验通过一个很简单的迷你博客对 Laravel RESTful 资源控制器和路由，视图，orm进行了强化练习。
위 내용은 laravel 프레임워크를 사용하여 작은 블로그 작성의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
