🤛 📃 ⛷️ लारवेल: बुनियादी अवधारणाओं की व्याख्या करें। भाग दो: अभ्यास 🏇🏾 🚳 🏇🏻

सभी को नमस्कार! हम "फ्रेमवर्क लारवेल" पाठ्यक्रम की शुरुआत की प्रत्याशा में कॉपीराइट प्रकाशनों की श्रृंखला जारी रखते हैं। पिछले लेख में, हमने लारवेल की सैद्धांतिक नींव को देखा। हालांकि, किसी भी रूपरेखा के सिद्धांत का लंबे समय तक अध्ययन किया जा सकता है और जब तक आप अभ्यास में कुछ भी नहीं लिखते तब तक कुछ भी समझ में नहीं आता है।

इसलिए, हमें एक एप्लिकेशन लिखना है जिसमें प्रत्येक उपयोगकर्ता लॉग इन कर सकता है, नए एल्बम बना सकता है और वहां फोटो अपलोड कर सकता है। यदि आप अभी तक नहीं जानते हैं कि एमवीसी क्या है, तो इसे पढ़ें , जल्द ही आपको इसे व्यवहार में उपयोग करना होगा ।

इस तरह की मार्गदर्शिकाएँ आपके पर्यावरण आदि को स्थापित करने के तरीके की व्याख्या के साथ शुरू होती हैं। समस्या यह है कि प्रत्येक मंच पर यह अलग है, लेकिन मैं चाहता हूं कि लेख सभी के लिए दिलचस्प हो। मैं केवल आवश्यक लिंक दूंगा, और आप इसे स्वयं स्थापित और कॉन्फ़िगर करने का प्रयास करेंगे।

तो हमें जरूरत है:

संगीतकार। टैंक में उन लोगों के लिए, संगीतकार PHP के लिए एक पैकेज प्रबंधक है (हाँ, जावास्क्रिप्ट के लिए एनपीएम की तरह)। आप इसे यहाँ डाउनलोड कर सकते हैं ।

खुद लवरवेल । यहां सबसे लोकप्रिय विकल्पों में से कुछ हैं: होमस्टेड और वैलेट (और वास्तव में कई अन्य)। हालांकि, बाद वाला केवल मैक ओएस के लिए उपयुक्त है। तकनीकी रूप से, पाठक किसी भी पसंदीदा विधानसभा का उपयोग कर सकता है, अगर केवल यह इन आवश्यकताओं को पूरा करता है।

और एक सूक्ष्म विस्तार, लेकिन Npm पैकेज स्थापित करने के लिए Node.js की भी आवश्यकता होगी।

कमांड चलाएं: composer global require laravel/installer को स्थापित करने के लिए composer global require laravel/installer ।

याद रखें कि आपके $Home/.composer/vendor/bin में $Home/.composer/vendor/bin (या आपके OS पर इसके बराबर) $Home/.composer/vendor/bin ताकि Laravel कमांड आपके सिस्टम पर काम करे।

तो, एक अच्छी परियोजना समझ में आने वाले TOR से शुरू होती है। आइए हमारे सरल अनुप्रयोग के लिए बुनियादी आवश्यकताओं को तैयार करने का प्रयास करें:

उपयोगकर्ता के पास उसके द्वारा बनाए गए एल्बमों में साइट पर फ़ोटो अपलोड करने का अवसर है। वह पंजीकरण कर सकता है, और लॉग इन कर सकता है। डेटाबेस MySQL है। लेआउट प्रक्रिया को सरल बनाने के लिए जिस फ्रेमवर्क का उपयोग किया जाता है वह बूटस्ट्रैप है, सबसे सामान्य लेआउट फ्रेमवर्क के रूप में।

निर्माण के तुरंत बाद आप जो पहली कार्रवाई करते हैं, वह डेटाबेस को जोड़ रही है। यदि आपको अभी भी समझ में नहीं आया है कि अपने डेटाबेस को कैसे स्थापित करें और चलाएं, तो ईविल कॉर्पोरेशन से तैयार डेस्कटॉप समाधानों का उपयोग करें : यहां और यहां । यह पहली बार में पर्याप्त होगा।

तो, सब कुछ तैयार है। हम आपकी पसंदीदा निर्देशिका में जाते हैं और प्रोजेक्ट शुरू करते हैं

 laravel new gallery

आगे आपको हमारा डेटाबेस कनेक्ट करना होगा। ऐसा करने के लिए, MySQL शाखा में जाएं और एक नया गैलरी डेटाबेस बनाएं (रूसी भाषा के साथ समस्याओं से बचने के लिए utf-8, और fation to utf_general_ci को कैरेक्टर सेट सेट करना न भूलें)।

अगला, .ENV फ़ाइल पर जाएं और एक समान कनेक्शन कॉन्फ़िगर करें, चर को अपने उपयोगकर्ता नाम और पासवर्ड को बदलने के लिए याद रखें:

 DB_CONNECTION=mysql DB_HOST=127.0.0.1 DB_PORT=3306 DB_DATABASE=gallery DB_USERNAME=pavel DB_PASSWORD=

उसके बाद, हम अपने डेटाबेस को स्थानांतरित करने में सक्षम होंगे।

 php artisan migrate

यदि आपने अपना कनेक्शन .ENV सही तरीके से कॉन्फ़िगर किया है, तो आपके लिए सब कुछ काम करना चाहिए।

जैसा कि हम t / z पर सहमत हुए, हमारे पास प्राधिकरण, पंजीकरण की एक प्रक्रिया होगी, और उपयोगकर्ता एल्बम बनाने और वहां अपलोड करने में भी सक्षम होंगे। सभी को लागू करने के लिए हमें डेटाबेस में उपयुक्त तालिकाओं की आवश्यकता है।

एल्बम तालिका बनाएं

तो बैकेंड कहां से शुरू होता है? हमारे डेटाबेस में एक तालिका बनाने से। टर्मिनल में यह कमांड हमारे लिए डेटाबेस में माइग्रेट करने का अवसर बनाएगी:

 php artisan make:migration CreateAlbumsTable

इसलिए, हमें यह निर्धारित करने की आवश्यकता है कि हमारी तालिका में कौन से कॉलम होने चाहिए। यह उस फ़ाइल में किया जाना चाहिए जिसे आपने अंतिम माइग्रेशन के कारण बनाया था। यह gallery/database/migrations फ़ोल्डर में आपकी परियोजना में स्थित है और इसका नाम इसके निर्माण के समय से जुड़ा हुआ है। इसे निम्नानुसार संपादित किया जाना चाहिए:

 <?php use Illuminate\Database\Migrations\Migration; use Illuminate\Database\Schema\Blueprint; use Illuminate\Support\Facades\Schema; class CreateAlbumsTable extends Migration { /** * Run the migrations. * * @return void */ public function up() { Schema::create('albums', function(Blueprint $table) { $table->increments('id')->unsigned(); $table->string('name'); //   $table->text('description'); //    $table->string('cover_image'); //   $table->timestamps(); //  .   ,     }); } /** * Reverse the migrations. * * @return void */ public function down() { Schema::dropIfExists('albums'); } }

करने के लिए मत भूलना

  php artisan migrate

अब MySQL ब्रांच में आपके डेटाबेस का टैब निम्न रूप में होना चाहिए:

इसलिए, हमने अपना डेटाबेस बनाया, अब हमें अपने डेटाबेस को एलोकेन मॉडल से जोड़ने की आवश्यकता है, जो हमारे डेटाबेस के साथ बातचीत करेगा।

एक एल्बम मॉडल बनाएँ

अब हमें एलोक्वेंट ओआरएम मॉडल बनाने की जरूरत है। यदि आप यह नहीं समझते हैं कि हम एक से दूसरे में इतनी जल्दी कैसे चले गए, तो आपको यह पढ़ना चाहिए । हम मॉडल टेम्पलेट उत्पन्न करने के लिए उसी कारीगर सहायक का उपयोग करेंगे:

php कारीगर बनाते हैं: मॉडल एल्बम

इसके बाद, हम gallery/app/Album.php और इसे संपादित करें:

 <?php namespace App; use Illuminate\Database\Eloquent\Model; class Album extends Model { protected $table = 'albums'; protected $fillable = array('name','description','cover_image'); public function Photos(){ return $this->hasMany('App\Image'); } }

छवियाँ तालिका

वाह! हमारा एल्बम मॉडल तैयार है, अब आप हमारी छवियां कर सकते हैं। यहां इस प्रक्रिया को फिर से दोहराया जाएगा:

 php artisan make:migration CreateImagesTable

हम अपना माइग्रेशन संपादित करने जा रहे हैं:

 <?php use Illuminate\Support\Facades\Schema; use Illuminate\Database\Schema\Blueprint; use Illuminate\Database\Migrations\Migration; class CreateImagesTable extends Migration { public function up() { Schema::create('images', function (Blueprint $table) { $table->increments('id'); $table->integer('album_id')->unsigned(); $table->string('image'); $table->string('description'); $table->foreign('album_id')->references('id')->on('albums')->onDelete('CASCADE')->onUpdate('CASCADE'); $table->timestamps(); }); } public function down() { Schema::dropIfExists('images'); } }

और फिर से हम प्रवास करते हैं:

 php artisan migrate

मुझे आशा है कि आपका प्रवास एक सफलता है! हालाँकि, हमें एक और बात समझाने की आवश्यकता है जो टिप्पणियों में लिखने के लिए बहुत लंबा होगा: हमने दो टेबल एल्बम और छवियों में शामिल होने के लिए foreign कुंजी का उपयोग किया था। प्रत्येक एल्बम की अपनी छवियां होती हैं, और यदि आप किसी प्रकार के एल्बम को हटाना चाहते हैं, तो आप शायद सोचते हैं कि फ़ोटो भी हटा दिए जाएंगे।

छवि मॉडल

यह एक मॉडल बनाने का समय है जो छवियों की तालिका के साथ काम करेगा। मुझे आशा है कि आप पहले से ही अनुमान लगा लेंगे कि क्या करना है:

 php artisan make:model Image

टेम्पलेट बनाई गई है, इसे संपादित करने के लिए gallery/app/Image.php जाएं।
यहाँ भी, सब कुछ स्पष्ट होना चाहिए:

 class Image extends Model { protected $table = 'images'; // ,      protected $fillable = array('album_id','description','image'); // }

हमारा इमेज मॉडल तैयार है। अब हमें अपने डेटाबेस में एल्बम बनाने के लिए एक नियंत्रक की आवश्यकता है।

एल्बम निर्माण

हमारे एल्बम में सहेजने, दिखाने और हटाने के लिए, हमें अपने नियंत्रक में कुछ कार्यों की आवश्यकता है। लेकिन पहले आपको स्वयं नियंत्रक की आवश्यकता है:

 php artisan make:controller AlbumsController

gallery/app/Http/Controllers/AlbumsController.php

 <?php namespace App\Http\Controllers; use Illuminate\Http\Request; use Illuminate\Support\MessageBag; use Validator; use App\Album; class AlbumsController extends Controller { public function getList() //   { $albums = Album::with('Photos')->get(); return view('index')->with('albums',$albums); } public function getAlbum($id) { $album = Album::with('Photos')->find($id); $albums = Album::with('Photos')->get(); return view('album', ['album'=>$album, 'albums'=>$albums]); } public function getForm() { return view('createalbum'); //   } public function postCreate(Request $request) { $rules = ['name' => 'required', 'cover_image'=>'required|image']; //        $input = ['name' => null]; //      $validator = Validator::make($request->all(), $rules); if($validator->fails()){ return redirect()->route('create_album_form')->withErrors($validator)->withInput(); } $file = $request->file('cover_image'); $random_name = str_random(8); $destinationPath = 'albums/'; $extension = $file->getClientOriginalExtension(); $filename=$random_name.'_cover.'.$extension; $uploadSuccess = $request->file('cover_image')->move($destinationPath, $filename); $album = Album::create(array( 'name' => $request->get('name'), 'description' => $request->get('description'), 'cover_image' => $filename, )); return redirect()->route('show_album',['id'=>$album->id]); } public function getDelete($id) //    { $album = Album::find($id); $album->delete(); return Redirect::route('index'); } }

फिर हमें अपने रास्तों को फिर से परिभाषित करना होगा। जो लोग नहीं जानते हैं, उनके लिए मार्ग ब्राउज़र में उपयोगकर्ता को दिखाए जाने वाले मार्ग और हमारे द्वारा किए जाने वाले कार्यों को निर्धारित कर रहा है। हम web.php फ़ाइल पर जाते हैं:

 <?php //  Route::get('/', array('as' => 'index','uses' => 'AlbumsController@getList')); //      Route::get('/createalbum', array('as' => 'create_album_form','uses' => 'AlbumsController@getForm')); //    Route::post('/createalbum', array('as' => 'create_album','uses' => 'AlbumsController@postCreate')); //   Route::get('/deletealbum/{id}', array('as' => 'delete_album','uses' => 'AlbumsController@getDelete')); //   Route::get('/album/{id}', array('as' => 'show_album','uses' => 'AlbumsController@getAlbum')); //   //       Route::get('/addimage/{id}', array('as' => 'add_image','uses' => 'ImageController@getForm')); //    Route::post('/addimage', array('as' => 'add_image_to_album','uses' => 'ImageController@postAdd')); //     Route::get('/deleteimage/{id}', array('as' => 'delete_image','uses' => 'ImageController@getDelete')); // Route::post('/moveimage', array('as' => 'move_image', 'uses' => 'ImageController@postMove'));

वाह। पैसा बनाने के हमारे आवेदन के लिए, हमें यह सुनिश्चित करने की आवश्यकता है कि हमारे पास gallery/config/app.php के अंत में आवश्यक कक्षाओं के लेबल (उर्फ) के लिए आवश्यक लिंक हैं। ये केवल तकनीकी सेटिंग्स हैं:

 'aliases' => [ 'App' => Illuminate\Support\Facades\App::class, 'Artisan' => Illuminate\Support\Facades\Artisan::class, 'Auth' => Illuminate\Support\Facades\Auth::class, 'Blade' => Illuminate\Support\Facades\Blade::class, 'Broadcast' => Illuminate\Support\Facades\Broadcast::class, 'Bus' => Illuminate\Support\Facades\Bus::class, 'Cache' => Illuminate\Support\Facades\Cache::class, 'Config' => Illuminate\Support\Facades\Config::class, 'Cookie' => Illuminate\Support\Facades\Cookie::class, 'Crypt' => Illuminate\Support\Facades\Crypt::class, 'DB' => Illuminate\Support\Facades\DB::class, 'Eloquent' => Illuminate\Database\Eloquent\Model::class, 'Event' => Illuminate\Support\Facades\Event::class, 'File' => Illuminate\Support\Facades\File::class, 'Gate' => Illuminate\Support\Facades\Gate::class, 'Hash' => Illuminate\Support\Facades\Hash::class, 'Lang' => Illuminate\Support\Facades\Lang::class, 'Log' => Illuminate\Support\Facades\Log::class, 'Mail' => Illuminate\Support\Facades\Mail::class, 'Notification' => Illuminate\Support\Facades\Notification::class, 'Password' => Illuminate\Support\Facades\Password::class, 'Queue' => Illuminate\Support\Facades\Queue::class, 'Redirect' => Illuminate\Support\Facades\Redirect::class, 'Redis' => Illuminate\Support\Facades\Redis::class, 'Request' => Illuminate\Support\Facades\Request::class, 'Response' => Illuminate\Support\Facades\Response::class, 'Route' => Illuminate\Support\Facades\Route::class, 'Schema' => Illuminate\Support\Facades\Schema::class, 'Session' => Illuminate\Support\Facades\Session::class, 'Storage' => Illuminate\Support\Facades\Storage::class, 'URL' => Illuminate\Support\Facades\URL::class, 'Validator' => Illuminate\Support\Facades\Validator::class, 'View' => Illuminate\Support\Facades\View::class, 'Form' => Collective\Html\FormFacade::class, 'Html' => Collective\Html\HtmlFacade::class, ], //   FORM     )

बहुत बढ़िया! अब हमें अपने विचारों को परिभाषित करने की आवश्यकता है! gallery/resources/views फ़ोल्डर पर जाएं। आप welcome.blade.php को हटा सकते हैं, छोड़ सकते हैं, इससे कोई फर्क नहीं पड़ता। index.blade.php बनाएं और view के दोहराए गए भागों को जोड़ने के लिए सबफ़ोल्डर includes । तो, हमारे index.blade.php को निम्नलिखित फॉर्म लेना चाहिए:

 @include('includes.header') <body> @include('includes.nav') <div class="container"> <div class="starter-template"> <div class="row"> @foreach($albums as $album) <div class="col-lg-3"> <div class="thumbnail" style="min-height: 514px;"> <img alt="{{$album->name}}" src="/albums/{{$album->cover_image}}"> <div class="caption"> <h3>{{$album->name}}</h3> <p>{{$album->description}}</p> <p>{{count($album->Photos)}} image(s).</p> <p>Created date: {{ date("d FY",strtotime($album->created_at)) }} at {{date("g:ha",strtotime($album->created_at)) }}</p> <p><a href="{{route('show_album', ['id'=>$album->id])}}" class="btn btn-big btn-default"> </a></p> </div> </div> </div> @endforeach </div> </div><!-- /.container --> </div> </body> </html>

सामग्री में includes/header.blade.php ।

 <!doctype html> <html lang="ru"> <head> <meta charset="UTF-8"> <title> </title> <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.min.css" rel="stylesheet"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/js/bootstrap.min.js"></script> <style> body { padding-top: 50px; } .starter-template { padding: 40px 15px; text-align: center; } </style> </head>

सामग्री में includes/nav.blade.php :

 <div class="navbar navbar-inverse navbar-fixed-top"> <div class="container"> <button type="button" class="navbar-toggle"data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="/"> </a> <div class="nav-collapse collapse"> <ul class="nav navbar-nav"> <li><a href="{{URL::route('create_album_form')}}">  </a></li> </ul> </div><!--/.nav-collapse --> </div> </div>

आज के लिए बस इतना ही! यह, ज़ाहिर है, हमारे आवेदन का केवल पहला हिस्सा है। ध्यान देने के लिए आप सभी का धन्यवाद, अगले भाग में हम अपने view पूरक होंगे और छवि सत्यापन के मुद्दे पर चर्चा करेंगे।

उपयोगी लिंक:

रूसी में प्रलेखन
अंग्रेजी में एक उपयोगी मार्गदर्शिका जो प्रलेखन से बेहतर बताती है कि ब्लेड टेम्प्लेट की विरासत और विस्तार कैसे काम करते हैं
उपयोगी जानकारी के बहुत सारे और अनुप्रयोग बनाने के व्यावहारिक उदाहरण

लारवेल: बुनियादी अवधारणाओं की व्याख्या करें। भाग दो: अभ्यास

एल्बम तालिका बनाएं

एक एल्बम मॉडल बनाएँ

छवियाँ तालिका

छवि मॉडल

एल्बम निर्माण

More articles: