この記事は、PHP と laravel フレームワークをある程度理解し、laravel の紹介ビデオ「Laravel 5 Fundamentals」を視聴した初心者に適しています。この記事では主に、簡単な登録、ログイン、フォーム入力、テキスト生成、プレビュー、メール送信、表示を行う Web アプリケーションの構築方法を説明します。
動画作者の動画は YouTube に違法にアップロードされていることが多く、関係当局に報告したい場合は、DMCA ファイルに記入し、ソース動画のアドレスと違法にアップロードされた動画のアドレスも添付する必要があります。いくつかの要求を表明するように。便宜上、このサイトはフォームに記入し、電子メールを自動的に送信することで DMCA ファイルを自動的に生成するように設計されています。
まだ視聴していない場合は、まずダウンロードして視聴してください:
- リンク: http://pan.baidu.com/s/1sjXeLQH
- 抽出パスワード: jjb5
1. 通知が作成されない場合にページがユーザーにプロンプトを表示できるように、ビュー ファイルindex.blade.phpを変更します。
@extends('app') @section('content') <h1class="page-heading">YourNotices</h1> <tableclass="table table-striped table-bordered"> <thead> <th>This Content:</th> <th>AccessibleHere:</th> <th>Is InfringingUponMyWorkHere:</th> <th>NoticeSent:</th> <th>ContentRemoved:</th> </table> <tbody> @foreach ($noticesas $notice) <tr> <td>{{ $notice->infringing_title }}</td> <td>{!! link_to($notice->infringing_link) !!}</td> <td>{!! link_to($notice->original_link) !!}</td> <td>{{ $notice->created_at->diffForHumans() }}</td> <td> {!! Form::open() !!} <divclass="form-group"> {!! Form::checkbox('content_removed',$notice->content_removed,$notice->content_removed) !!} </div> {!! Form::close() !!} </td> </tr> @endforeach ($noticesas $notice) <tbody> @unless(count($notices)) <p class="text-center">Youhaven't sentanyDMCAnoticesyet!</p> @endunless@endsection ログイン後にコピー
2. 新しい通知を送信した後、フィードバック情報を追加します。ここで、作成者は新しいパッケージ laracasts/flash を使用し、composer require laracasts/flash コマンドを使用してインストールします。
まず、config/app.php に「LaracastsFlashFlashServiceProvider」を登録します。
次に、プロンプト情報を実装するためにコントローラーに対応するコードを記述します。
<?phpnamespace App\Http\Controller; use ... class NoticesController extends Controller { public function __construct() { $this->middleware('auth');//注册一个中间件对所有方法进行验证 parent::__construct(); } public function index() { $notices = $this->user->notices()->latest()->get();//降次排序 notices return view('notices.index',compact('notices'))); } public function create() { // get list of providers $provider = Provider::list('name','id'); // load a view to create a new notice return view('notices.create',compact('providers')); } pubilcfunction confirm(PrepareNoticeRequest $request) { $template = $this->compileDmcaTemplate($data = $request->all()); session()->flash('dmca',$data); return view('notices.comfirm',compact('template'));//返回一个新视图页，检查填写的表单数据 } public function store() { $this->creaeNotice($request); Mail::queue(['text' => 'emails.dmca'],compact('notice'),function($message) use ($notice){ $message->from($notice->getOwnerEmail()) ->to($notice->getRecipientEmail()) ->subject('DMCA Notice'); }) flash('Your DMCA notice has been delivered!'); return redirect('notices'); } public function compileDmcaTemplate($data) { $data = $data + [ 'name' => $this->user->name, 'email' => $this->user->email, ];//为模版传入数据，拼接数据 return view()->file(app_path('Http/Templates/dmca.blade.php')，$data); } private function createNotice(Request $request) { $notice = session()->get('dmca') + ['template' => $request->input('template')]; $notice = $this->user->notices()->save($notice); return $notice; } } ログイン後にコピー
最後に、メインインターフェイス app.blade.php にフィードバック表示領域を追加します。
<!DOCTYPEhtml><htmllang="en"><head> <metacharset="UTF-8"> <metahttp-equiv="X-UA-Compatible" content="IE=edge"> <metaname="viewport" content="with=device-width,initial-scale=1"> <title>DMCAApp</title> <linkrel="stylesheet" href="/css/app.css"></head><body> @include('flash::message') @include('partial.nav)//载入导航栏 @yield('content')//内容插入处 <scriptsrc="//cdjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <scriptsrc="//cdjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.1/js/bootstrap.min.js"></script></body></html> ログイン後にコピー
3. 通知テーブルのコンテンツ削除列のチェックボックスに送信ボタンを追加し、変更を書き込む更新メソッドを記述します。データベース。
<?phpnamespace App\Http\Controller; use ... class NoticesController extends Controller { public function __construct() { $this->middleware('auth');//注册一个中间件对所有方法进行验证 parent::__construct(); } public function index() { $notices = $this->user->notices()->latest()->get();//降次排序 notices return view('notices.index',compact('notices'))); } public function create() { // get list of providers $provider = Provider::list('name','id'); // load a view to create a new notice return view('notices.create',compact('providers')); } pubilcfunction confirm(PrepareNoticeRequest $request) { $template = $this->compileDmcaTemplate($data = $request->all()); session()->flash('dmca',$data); return view('notices.comfirm',compact('template'));//返回一个新视图页，检查填写的表单数据 } public function store() { $this->creaeNotice($request); Mail::queue(['text' => 'emails.dmca'],compact('notice'),function($message) use ($notice){ $message->from($notice->getOwnerEmail()) ->to($notice->getRecipientEmail()) ->subject('DMCA Notice'); }) flash('Your DMCA notice has been delivered!'); return redirect('notices'); } public function update($noticeId,) { $isRemoved = $request->has('content_removed'); Notice::findOrFail($noticeId) ->update(['content_removed' => $isRemoved]); return redirect()->back(); } public function compileDmcaTemplate($data) { $data = $data + [ 'name' => $this->user->name, 'email' => $this->user->email, ];//为模版传入数据，拼接数据 return view()->file(app_path('Http/Templates/dmca.blade.php')，$data); } private function createNotice(Request $request) { $notice = session()->get('dmca') + ['template' => $request->input('template')]; $notice = $this->user->notices()->save($notice); return $notice; } } ログイン後にコピー
その後、作成者は送信ボタンを削除します
4. JavaScript を使用して上記の関数を実装します。コードはここに簡単に示されています。
カスタム JavaScript コードを app.blade.php に追加します
<!DOCTYPEhtml><htmllang="en"><head> <metacharset="UTF-8"> <metahttp-equiv="X-UA-Compatible" content="IE=edge"> <metaname="viewport" content="with=device-width,initial-scale=1"> <title>DMCAApp</title> <linkrel="stylesheet" href="/css/app.css"></head><body> @include('flash::message') @include('partial.nav)//载入导航栏 @yield('content')//内容插入处 <scriptsrc="//cdjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <scriptsrc="//cdjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.1/js/bootstrap.min.js"></script> <scriptsrc="/js/all.js"></script></body></html> ログイン後にコピー
変更Index.blade.php は、非同期通信、プロンプト情報を追加し、送信ボタンを削除します。
@extends('app') @section('content') <h1class="page-heading">YourNotices</h1> <tableclass="table table-striped table-bordered"> <thead> <th>This Content:</th> <th>AccessibleHere:</th> <th>Is InfringingUponMyWorkHere:</th> <th>NoticeSent:</th> <th>ContentRemoved:</th> </table> <tbody> @foreach ($noticesas $notice) <tr> <td>{{ $notice->infringing_title }}</td> <td>{!! link_to($notice->infringing_link) !!}</td> <td>{!! link_to($notice->original_link) !!}</td> <td>{{ $notice->created_at->diffForHumans() }}</td> <td> {!! Form::open(['data-remote','method' => 'PATCH','url' => 'notices/'.$notice->id]) !!} <divclass="form-group"> {!! Form::checkbox('content_removed',$notice->content_removed,$notice->content_removed,['data-click-submits-form']) !!} </div> {!! Form::close() !!} </td> </tr> @endforeach ($noticesas $notice) <tbody> @unless(count($notices)) <p class="text-center">Youhaven't sentanyDMCAnoticesyet!</p> @endunless@endsection ログイン後にコピー
概要
この記事は限定的であり、詳細を簡単に紹介するだけです。関連する文書やビデオを調べます。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
