آموزش لاراول Laravel گام به گام پروژه محور 2019

موضوع این مقاله، آموزش لاراول Laravel گام به گام پروژه محور 2019 است. در این مثال، از انواع مختلف ورودی‌ها مانند دکمه‌ی رادیویی، checkbox و select box استفاده کرده‌ایم. عملیات CRUD در لاراول بسیار پراهمیت هستند، در عین حال انواع ورودی‌های بسیار متنوعی دارند. در این مثال، از لاراول با نسخه‌ی 5.5 استفاده کرده‌ایم. داده‌ها را در دیتابیس MySQL ایجاد می‌کنیم، می‌خوانیم و آپدیت می‌کنیم. اگر در کار با لاراول مبتدی هستید، ممکن است این نوشته برای شما سودمند باشد.

پیش‌نیازهای نصب

  • PHP با نسخه‌ی 7.0.0 یا بالاتر
  • OpenSSL PHP Extension
  • PDO PHP Extension
  • Mbstring PHP Extension
  • Tokenizer PHP Extension
  • XML PHP Extension

آموزش پروژه صفر تا صد لاراول Laravel در سطح مقدماتی

 

 مرحله‌ی اول: نصب فریمورک لاراول

  1. composer create-project --prefer-dist laravel/laravel coins

با نصب لاراول یک سلسله مرتبه (Hierarchy) به وجود آمده و تمام موارد مربوط به لاراول نیز نصب خواهند شد.

 

مرحله‌ی دوم: راه‌اندازی دیتابیس MySQL در فایل .env

یک دیتابیس در MySQL بسازید و سپس به ادیتور سوئیچ کرده و فایل .env را باز کتید.

  1. // .env
  2. DB_CONNECTION=mysql
  3. DB_HOST=127.0.0.1 
  4. DB_PORT=3306 
  5. DB_DATABASE=laravel
  6. DB_USERNAME=root
  7. DB_PASSWORD=

من بر روی دیتابیس محلی تنظیم کرده‌ام.

اکنون، دو جدول (table) که بوسیله‌ی Laravel Switch در ترمینال‌ها به وجود آمده‌اند را مایگریت (migrate) کرده و دستور زیر را تایپ کنید.

  1. php artisan migrate

بالای دستور دو جدول جدید در دیتابیس ساخته خواهند شد.

  • Users
  • Password_resets

مرحله‌ی سوم: یک مدل و فایل migration برای جدول فرم‌ها بسازید.

در ترمینال، دستور زیر را تایپ کنید.

  1. php artisan make:model Form -m

با انجام این کار، دو فایل به وجود خواهند آمد.

  • php model
  •  Create_forms_table migration file

باید برای جدول فرم‌ها، Schema بسازید. بنابراین آن را به  coins >> database >> migrations >> create_forms_table هدایت کنید.

  1. // create_forms_table 
  2.  
  3.  publicfunctionup() 
  4. { 
  5. Schema::create("forms", function(Blueprint$table){ 
  6. $table->increments("id");
  7. $table->string("coinname");
  8. $table->string("coinprice");
  9. $table->string("radio");
  10. $table->string("dropdown");
  11. $table->string("checkbox");
  12. $table->timestamps();
  13. });
  14. }

اکنون جدول را migrate کنید.

  1. php artisan migrate

می‌توانید در دیتابیس، جدول forms را ببینید.

 

 

مرحله‌ی چهارم: یک فایل view برای افزودن داده‌ی فرم به دیتابیس ایجاد کنید.

پوشه‌ای به نام forms بسازید و سپس فایلی در resources >> views >> forms >> create.blade.php ایجاد کنید و کد زیر را به آن اضافه کنید.

  1. <!-- create.blade.php --> 
  2.  
  3. <!DOCTYPE html>
  4. <html>
  5. <head>
  6. <metacharset="utf-8">
  7. <title>Laravel 5 CRUD Tutorial With Example From Scratch </title>
  8. <linkrel="stylesheet"href="{{asset("css/app.css")}}">
  9. </head>
  10. <body>
  11. <divclass="container">
  12. <h2>Create A Form</h2><br/>
  13. <formmethod="post">
  14. <divclass="row">
  15. <divclass="col-md-4"></div>
  16. <divclass="form-group col-md-4">
  17. <labelfor="CoinName">CoinName:</label>
  18. <inputtype="text"class="form-control"name="coinname">
  19. </div>
  20. </div>
  21. <divclass="row">
  22. <divclass="col-md-4"></div>
  23. <divclass="form-group col-md-4">
  24. <labelfor="CoinPrice">CoinPrice:</label>
  25. <inputtype="text"class="form-control"name="coinprice">
  26. </div>
  27. </div>
  28. </div>
  29. <divclass="row">
  30. <divclass="col-md-4"></div>
  31. <divclass="form-group col-md-4"style="margin-left:38px">
  32. <lable>Keep</lable>
  33. <inputtype="radio"name="radio"value="keep">
  34. <lable>Port</lable>
  35. <inputtype="radio"name="radio"value="port">
  36. </div>
  37. </div>
  38. <divclass="row">
  39. <divclass="col-md-4"></div>
  40. <divclass="form-group col-md-4"style="margin-left:38px">
  41. <lable>Level</lable>
  42. <selectname="dropdown">
  43. <optionvalue="beginner">Beginner</option>
  44. <optionvalue="intermediate">Intermediate</option>
  45. <optionvalue="advance">Advance</option>
  46. </select>
  47. </div>
  48. </div>
  49. <divclass="row">
  50. <divclass="col-md-4"></div>
  51. <divclass="form-group col-md-4"style="margin-left:38px">
  52. <divclass="checkbox">
  53. <label><inputtype="checkbox"value="coindesk"name="option[]">Coindesk</label>
  54. </div>
  55. <divclass="checkbox">
  56. <label><inputtype="checkbox"value="coinbase"name="option[]">CoinBase</label>
  57. </div>
  58. <divclass="checkbox">
  59. <label><inputtype="checkbox"value="zebpay"name="option[]">Zebpay</label>
  60. </div>
  61. </div>
  62. </div>
  63. <divclass="row">
  64. <divclass="col-md-4"></div>
  65. <divclass="form-group col-md-4">
  66. <buttontype="submit"class="btn btn-success"style="margin-left:38px">Submit</button>
  67. </div>
  68. </div>
  69. </form>
  70. </div>
  71. </body>
  72. </html>

برای یادگیری بیشتر میتوانید دوره های ویدیویی آنلاین HTML را مشاهده نمایید.

 

 

منبع: فرانش