🚌 🗽 👨🏽‍🤝‍👨🏼 लारवेल पर रिमोट कमांड के लिए एक टूडू बनाएं 🧚🏽 🚈 👩🏼‍🤝‍👩🏻

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

सभी को नमस्कार! आज, हर किसी के लिए ऐसे "दूरस्थ" समय पर, मैं एक साधारण टूडू का निर्माण करना चाहता हूं जिसमें आप अपने स्वयं के कार्य बना सकते हैं। ऐसा लगता है कि आधिकारिक लारवेल प्रलेखन में क्या लिखा गया है, और यह जिस तरह से है - मैं उनके टूडू को आधार के रूप में उपयोग करता हूं, इसे थोड़ा रूपांतरित करता हूं, और मेरी कहानी का थोक एक व्यवस्थापक भूमिका ~~बनाने और एक और हास्यास्पद क्लोन बनाने के~~ बारे में होगा। ~~ट्रेलो बहुत असंगत लगते हैं~~ ।

नींव बनाएं

जैसा कि मैंने कहा, हम अगले गाइड को एक आधार के रूप में लेंगे । यह बहुत सरल है और प्रोग्रामिंग नियंत्रकों और मॉडलों की तुलना में पलायन और रूटिंग के साथ काम करने पर अधिक ध्यान केंद्रित करता है। दुर्भाग्य से, यह संस्करण 5.1 से अपडेट नहीं किया गया था, और यदि आप पिछले 7 संस्करण पर लारवेल में प्रोग्राम करना शुरू कर रहे हैं (यह केवल 3 मार्च को ताजा था), तो आपको रूटिंग को लिखना नहीं होगा app/Http/routes.php, लेकिन routes/web.php(यह पहले से ही 6 महीने से बदल गया है) ), और सामान्य तौर पर, सारा अंतर यहीं समाप्त होता है। अंत में, आपको कुछ इस तरह से मिलना चाहिए:

मैंने बूटस्ट्रैप से बलमा तक लेआउट की रूपरेखा भी बदल दी। सबसे पहले, मुझे यह बेहतर लगता है, लेकिन दूसरी बात, मेरे पास पहले से ही ब्लेड पंजीकरण टेम्पलेट्स का कोड आधार था (हालांकि, दूसरी ओर, पंजीकरण और प्राधिकरण पृष्ठों का निर्माण बहुत सरल है, मैं दिखाऊंगा कि कैसे)।

परियोजना का यह संस्करण यहां मास्टर शाखा में डाउनलोड किया जा सकता है (और नई शाखा में आप तैयार आवेदन डाउनलोड कर सकते हैं)। आप इसे निम्न आदेशों का उपयोग करके सक्रिय कर सकते हैं, बशर्ते कि आपके पास पहले से ही संगीतकार और लार्वा स्थापित हो:

composer install
//   .env,    .env example,     
php artisan key:generate //  
php artisan serve //

हम प्राधिकरण और पंजीकरण बनाते हैं

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

composer install laravel/ui
php artisan ui vue --auth

आपके प्रोजेक्ट में कई नई फाइलें दिखनी चाहिए: रिसोर्स

फ़ोल्डर में एक ऑथर सबफ़ोल्डर दिखाई देगा , जिसमें ब्लेड टेम्प्लेट फाइलें होंगी जो प्राधिकरण, पासवर्ड को समर्पित होंगी। प्रारंभ में, ब्लेड टेम्पलेट बूटस्ट्रैप में बनाए गए थे , हालांकि, मैंने परियोजना में सीएसएस ढांचे को सामान्य रखने के लिए उन्हें थोड़ा सा बलगम में बदल दिया । हालांकि, वेबसाइट का उपयोग करने में सहज होने के लिए, हमें एक नेविगेशन बार की आवश्यकता है। में संसाधनों, मैं बनाया शामिल फ़ोल्डर , जिसमें मैं सहायक फ़ाइलों रखा - हैडर और एनएवी । अधिक स्थान नहीं लेने के लिए, मैं कहूंगा कि हेडर में मेरे पास केवल एक बल्मा कनेक्शन वाला सिर था, और इसमें निम्नलिखित थे:nav.blade.php

<nav class="navbar has-background-black-ter" role="navigation" aria-label="main navigation">
  <div class="navbar-brand">
    <a class="navbar-item has-text-white is-size-4" href="/">
      TODO
    </a>
    <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false">
      <span aria-hidden="true"></span>
      <span aria-hidden="true"></span>
      <span aria-hidden="true"></span>
    </a>
  </div>
  <div class="navbar-menu">
    <div class="navbar-start">
      @if (Auth::check())
      <button type="button" class="button is-primary">
        <!--   ,  ->   -->
        {{{ Auth::user()->name}}}
      </button>
      @else
      <!--    -->
      <a class="navbar-item has-text-danger" href="{{route('register')}}"></a>
      <a class="navbar-item has-text-danger" href="{{route('login')}}"></a>
      @endif
      @if (Auth::check())
      <!--  ,       -->
      <!--      -->

      <a class="navbar-item has-text-danger" href="{{url('/logout') }}" onclick="event.preventDefault();
                  document.getElementById('logout-form').submit();">
         </a>
      <form id="logout-form" action="{{ url('/logout') }}" method="POST" style="display: none;">
        {{ csrf_field() }}
      </form>

      @endif
      </ul>
    </div>

    <div class="navbar-end">
      <!-- navbar items -->
    </div>
  </div>
</nav>

हम अपनी वास्तुकला बनाना शुरू करते हैं

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

ठीक है, इसलिए हमारे पास उपयोगकर्ताओं के दो समूह होंगे और इस बात से सहमत होंगे कि केवल अधिकृत उपयोगकर्ता जिन्हें एक्सेस दिया गया है, वे हमारे कार्य बोर्ड को देख सकते हैं, और कुछ सुपर प्रवेश कार्य जोड़ सकते हैं। आएँ शुरू करें।

थोड़ा सरलीकरण के लिए, मैंने एप्लिकेशन को दो पृष्ठों में विभाजित करने का निर्णय लिया: एक जिस पर हमारे पास केवल संपादन करने की क्षमता के बिना कार्य होंगे, और दूसरा, जो केवल सुपर एडमिन के लिए उपलब्ध होगा। मैंने टीम को उपलब्ध पेज का नाम तय किया welcome.blade.php:

@include('includes.header')

<body>
    @include('includes.nav')
    <div class="columns is-centered">
        <div class="column is-half">
            <div class="panel">
                <div class="panel-heading">
                     
                </div>

                <div class="panel-body">
                    @foreach ($tasks as $task)
                    <a class="panel-block">
                        <button class="button is-rounded">
                            <span>{{ $task->name }}</span>
                        </button>
                        @endforeach
                </div>
            </div>
        </div>
    </div>
<body>
</html>

यह पृष्ठ केवल कार्यों को सूचीबद्ध करता है। इसे प्रदर्शित करने के लिए, मैं web.php में एक नया पथ जोड़ूंगा:

Route::get('/', function () {
    return view('welcome', [
        'tasks' => Task::orderBy('created_at', 'asc')->get(),
    ]);
});

एक टेम्प्लेट जिसमें हमारे पास समान सूची है, लेकिन संपादित करने और जोड़ने की क्षमता के साथ, कहा जाता है task.blade.php। यह बहुत बड़ा है, इसलिए मैं इसे स्पॉइलर के नीचे रखूंगा:

task.blade.php

@extends('layouts.app')

@section('content')
<div class="columns is-centered">
    <div class="column is-half">
        <div class="panel">
            <div class="panel-heading">
                 
            </div>
            <div class="panel-block">
                @include('common.errors')
                <!--     -->
                <form action="{{ url('task')}}" method="POST">
                    {{ csrf_field() }}

                    <div class="field">
                        <label for="task-name" class="label is-medium"></label>
                        <input type=" text" name="name" id="task-name" class="input is-medium"
                            value="{{ old('task') }}">
                    </div>

                    <div class="field">
                        <button type="submit" class="button is-success">
                            <span class="icon">
                                <i class="fa fa-btn fa-plus">
                            </span></i>
                            <span> </span>
                        </button>
                    </div>
                </form>
            </div>
        </div>

        <!-- Current Tasks -->
        @if (count($tasks) > 0)
        <div class="panel">
            <div class="panel-heading">
                 
            </div>

            <div class="panel-body">
                {{-- <table class="table table-striped task-table">
                    <thead>
                        <th></th>
                        <th> </th>
                    </thead>
                    <tbody> --}}
                @foreach ($tasks as $task)
                <a class="panel-block">
                    <button class="button is-rounded">
                    <span>{{ $task->name }}</span>
                </button>
                    <form action="{{ url('task/'.$task->id) }}" method="POST">
                        {{ csrf_field() }}
                        {{ method_field('DELETE') }}
                        <button type="submit" class="button is-danger">
                            <span class="icon is-small"> <i class="fa fa-btn fa-trash"></i></span>
                            <span>  </span>
                        </button>
                    </form>
                </a>
                @endforeach
            </div>
        </div>
        @endif
    </div>
</div>
@endsection

और यह टेम्पलेट, मूल ट्यूटोरियल की तरह, इसका विस्तार करता है app/layouts.blade.php:

@include('includes.header')

<body>
    @include('includes.nav')

    @yield('content')

</body>

</html>

ठीक! हमने उपस्थिति पर फैसला किया, अब हम अपना मार्ग बनाने और बनाने के लिए आगे बढ़ सकते हैं middlewares।

सबसे पहले, चलो उपयोगकर्ता मॉडल में जाते हैं और नए प्रकार के उपयोगकर्ताओं को जोड़ते हैं:

const ADMIN_TYPE = 'admin';
const TEAM_TYPE = 'team';
#       :

public function isAdmin(){        
    return $this->type === self::ADMIN_TYPE;
    //        
}

अगला, उपयोगकर्ता तालिका (डेटाबेस / माइग्रेशन फ़ोल्डर) के अंतिम माइग्रेशन पर जाएं और हमारे नए डेटा प्रकार के साथ एक कॉलम जोड़ें:

$table->string('type')->default('team');
//  ,

इसके बाद, app/Http/Controllers/Auth/RegisterController.phpक्रिएट फ़ंक्शन को थोड़ा-थोड़ा करके देखें (संस्करण 5 में यह थोड़ा अलग दिखता है):

protected function create(array $data)
    {
        return User::create([
            'name' => $data['name'],
            'email' => $data['email'],
            'password' => Hash::make($data['password']),
            'type' => User::TEAM_TYPE,  
        ]);
    }

ठीक है, तो हमें व्यवस्थापक के लिए अपना मिडलवेयर बनाने की आवश्यकता है। ऐसा करने का सबसे आसान तरीका निम्नलिखित कमांड के साथ है:

php artisan make:middleware IsAdmin

मुझे आशा है कि आप सफल हुए होंगे। फ़ोल्डर में HTTP/middlewareआपको दिखाई देना चाहिए isAdmin.php, जिसमें हैंडल फ़ंक्शन को निम्नानुसार संपादित करने की आवश्यकता है:

public function handle($request, Closure $next)
    {
        if(auth()->user()->isAdmin()) {
            return $next($request);
        //   , .   -   
    }
        return redirect('/');
    }

इसके बाद, हम अपने रजिस्टर करने की आवश्यकता मिडलवेयर में app/HTTP/Kernelइसका इस्तेमाल करने के आदेश:

protected $routeMiddleware = [
    #  ,      
        is_admin' => \App\Http\Middleware\IsAdmin::class,
];

हम डैश पथ को रूपांतरित करते हैं web.php, जो केवल सुपर एडमिन को देखने में सक्षम होना चाहिए:

Route::get('/dash', function () {
    return view('tasks', [
        'tasks' => Task::orderBy('created_at', 'asc')->get(),
    ]); 
})
->middleware('is_admin')    
->name('admin');

#       

Auth::routes();
Route::post('/logout', 'Auth\LoginController@logout')->name('logout');

यह हमारे व्यवस्थापक के लिए एक कस्टम नियंत्रक बनाता है:

php artisan make:controller AdminController

संपादन:

public function __construct()
    {
        $this->middleware('auth');
    }
    public function admin()
    {
        return view('admin');
    }

आदेश सभी वास्तव में अर्जित के पंजीकरण के लिए, मत भूलना में रीडायरेक्ट को ठीक करने के लिए RouteServiceProvider.phpकरने के लिए app/HTTP/Providers, क्योंकि यह मूल रूप से घर पैटर्न के लिए डिजाइन किया गया था:

public const HOME = '/';

अब व्यवस्थापक केवल टिंकर टर्मिनल में हमारे सहायक की सहायता से प्रकट हो सकता है:

php artisan tinker
use App\User;
User::where('email', 'admin@mail.com')->update(['type' => 'admin']);
//

बस इतना ही। यदि आप तैयार किए गए एप्लिकेशन को आज़माना चाहते हैं, तो मैं लिंक को दोहराऊंगा । बेशक, हमारे आवेदन का अभी उत्पादन में उपयोग नहीं किया जा सकता है, क्योंकि संसाधन पर पंजीकृत सभी लोग आपके कार्यों को देख सकते हैं। लेकिन आप पहुंच को कैसे प्रतिबंधित करेंगे?

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

→ लारवेल के प्रवास के बारे में प्रलेखन की तुलना में थोड़ा अधिक विस्तृत लेख
→ लारवेल में भूमिकाओं के बारे में मध्यम पर एक अच्छा लेख
→ Laravel 7

« » Forge/Envoyer.

लारवेल पर रिमोट कमांड के लिए एक टूडू बनाएं

नींव बनाएं

हम प्राधिकरण और पंजीकरण बनाते हैं

हम अपनी वास्तुकला बनाना शुरू करते हैं

More articles: