{"id":103180,"date":"2025-03-26T03:18:54","date_gmt":"2025-03-25T22:48:54","guid":{"rendered":"https:\/\/nabfollower.com\/blog\/%d8%b3%d8%a7%d8%ae%d8%aa%d9%86-%d9%81%d8%b1%d9%85-%da%86%d9%86%d8%af-%d9%85%d8%b1%d8%ad%d9%84%d9%87-%d8%a7%db%8c-%d8%a8%d8%a7-laravel-%d8%8c-livewire-%d9%88-mongodb\/"},"modified":"2025-03-26T03:18:54","modified_gmt":"2025-03-25T22:48:54","slug":"%d8%b3%d8%a7%d8%ae%d8%aa%d9%86-%d9%81%d8%b1%d9%85-%da%86%d9%86%d8%af-%d9%85%d8%b1%d8%ad%d9%84%d9%87-%d8%a7%db%8c-%d8%a8%d8%a7-laravel-%d8%8c-livewire-%d9%88-mongodb","status":"publish","type":"post","link":"https:\/\/nabfollower.com\/blog\/%d8%b3%d8%a7%d8%ae%d8%aa%d9%86-%d9%81%d8%b1%d9%85-%da%86%d9%86%d8%af-%d9%85%d8%b1%d8%ad%d9%84%d9%87-%d8%a7%db%8c-%d8%a8%d8%a7-laravel-%d8%8c-livewire-%d9%88-mongodb\/","title":{"rendered":"\u0633\u0627\u062e\u062a\u0646 \u0641\u0631\u0645 \u0686\u0646\u062f \u0645\u0631\u062d\u0644\u0647 \u0627\u06cc \u0628\u0627 Laravel \u060c LiveWire \u0648 MongoDB"},"content":{"rendered":"<div data-article-id=\"2355186\" id=\"article-body\">\n<p><em>\u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u062a\u0648\u0633\u0637 \u0645\u0648\u0633\u06cc \u0622\u0646\u0648\u0645\u0627\u062f\u0648 \u0646\u0648\u0634\u062a\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a.<\/em><\/p>\n<p>\u062f\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u0645\u062f\u0631\u0646 \u060c \u0627\u063a\u0644\u0628 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u062c\u0645\u0639 \u0622\u0648\u0631\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631 \u0627\u0632 \u0637\u0631\u06cc\u0642 \u0641\u0631\u0645 \u0647\u0627 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f. \u0647\u0646\u06af\u0627\u0645\u06cc \u06a9\u0647 \u062c\u0632\u0626\u06cc\u0627\u062a \u0632\u06cc\u0627\u062f\u06cc \u0627\u0632 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0627\u0633\u062a \u060c \u0641\u0631\u0645 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0633\u06cc\u0627\u0631 \u0637\u0648\u0644\u0627\u0646\u06cc \u0628\u0627\u0634\u062f \u0648 \u06a9\u062b\u06cc\u0641 \u0628\u0647 \u0646\u0638\u0631 \u0628\u0631\u0633\u062f. \u0627\u06cc\u0646 \u0627\u063a\u0644\u0628 \u0645\u0646\u062c\u0631 \u0628\u0647 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0628\u062f \u0648 \u0646\u0631\u062e \u06af\u0632\u0627\u0641 \u06af\u0648\u06cc\u06cc \u0628\u0627\u0644\u0627 \u0627\u0632 \u0628\u0631\u0646\u0627\u0645\u0647 \u0645\u06cc \u0634\u0648\u062f. \u06cc\u06a9 \u0631\u0627\u0647 \u062d\u0644 \u0633\u0627\u062f\u0647 \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0627\u06cc\u062c\u0627\u062f \u0641\u0631\u0645 \u0647\u0627\u06cc \u0686\u0646\u062f \u0645\u0631\u062d\u0644\u0647 \u0627\u06cc \u0627\u0633\u062a.<br \/>\u0627\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 MongoDB \u060c Laravel \u0648 Laravel LiveWire \u06cc\u06a9 \u0641\u0631\u0645 \u0686\u0646\u062f \u0645\u0631\u062d\u0644\u0647 \u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc \u06a9\u0646\u062f. <br \/>\u0628\u0631\u0627\u06cc \u0627\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634 \u060c \u0645\u0627 \u0627\u0632 MongoDB \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 \u062e\u0648\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u0645 \u0632\u06cc\u0631\u0627 \u062f\u0627\u062f\u0647 \u0647\u0627 \u0631\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u062a\u0648 \u062f\u0631 \u062a\u0648 \u060c \u0645\u062f\u0644 \u0645\u0628\u062a\u0646\u06cc \u0628\u0631 \u0627\u0633\u0646\u0627\u062f \u0630\u062e\u06cc\u0631\u0647 \u0645\u06cc \u06a9\u0646\u062f \u0648 \u06cc\u06a9 \u0637\u0631\u062d \u0627\u0646\u0639\u0637\u0627\u0641 \u067e\u0630\u06cc\u0631 \u062f\u0627\u0631\u062f. MongoDB \u0628\u0647 \u062c\u062f\u0627\u0648\u0644 \u0648 \u0631\u0648\u0627\u0628\u0637 \u0632\u06cc\u0627\u062f\u06cc \u0645\u0627\u0646\u0646\u062f \u06cc\u06a9 \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 \u0631\u0627\u0628\u0637\u0647 \u0645\u0639\u0645\u0648\u0644\u06cc \u0627\u062d\u062a\u06cc\u0627\u062c \u0646\u062f\u0627\u0631\u062f. \u0647\u0645\u0686\u0646\u06cc\u0646 \u060c \u0646\u06cc\u0627\u0632\u06cc \u0628\u0647 \u0627\u06cc\u062c\u0627\u062f \u0645\u0647\u0627\u062c\u0631\u062a \u0646\u062f\u0627\u0631\u062f. \u0627\u06af\u0631 \u0686\u06cc\u0632\u06cc \u062f\u0631 \u0645\u0648\u0631\u062f MongoDB \u0646\u0645\u06cc \u062f\u0627\u0646\u06cc\u062f \u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u06cc\u0634\u062a\u0631\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc \u0634\u0631\u0648\u0639 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u06cc\u0634\u062a\u0631 \u0628\u062e\u0648\u0627\u0646\u06cc\u062f.<\/p>\n<p>\u0627\u0632 \u0637\u0631\u0641 \u062f\u06cc\u06af\u0631 \u060c LiveWire \u06cc\u06a9 \u0686\u0627\u0631\u0686\u0648\u0628 \u06a9\u0627\u0645\u0644 \u0644\u0627\u0631\u0627\u0648\u0644 \u0627\u0633\u062a \u06a9\u0647 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0631\u0627 \u0642\u0627\u062f\u0631 \u0645\u06cc \u0633\u0627\u0632\u062f \u0628\u062f\u0648\u0646 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0646\u0648\u0634\u062a\u0646 \u06af\u0633\u062a\u0631\u062f\u0647 \u060c \u0631\u0627\u0628\u0637 \u0647\u0627\u06cc \u067e\u0648\u06cc\u0627 \u0631\u0627 \u0628\u0647 \u0631\u0627\u062d\u062a\u06cc \u0628\u0633\u0627\u0632\u0646\u062f <code>JavaScript<\/code> \u06a9\u062f<\/p>\n<p>LiveWire \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0622\u0633\u0627\u0646 \u0627\u0633\u062a \u0648 \u0627\u0632 \u0646\u062d\u0648 Laravel \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f. \u0628\u0631\u0627\u06cc \u0634\u0631\u0648\u0639 \u06a9\u0627\u0631 \u0628\u0627 LiveWire \u060c \u0645\u0633\u062a\u0646\u062f\u0627\u062a Laravel \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f.<\/p>\n<p>\u0628\u0627 \u0627\u06cc\u0646 \u06af\u0641\u062a\u0647 \u060c \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0634\u0631\u0648\u0639 \u06a9\u0646\u06cc\u0645.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter-rtl ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/nabfollower.com\/blog\/%d8%b3%d8%a7%d8%ae%d8%aa%d9%86-%d9%81%d8%b1%d9%85-%da%86%d9%86%d8%af-%d9%85%d8%b1%d8%ad%d9%84%d9%87-%d8%a7%db%8c-%d8%a8%d8%a7-laravel-%d8%8c-livewire-%d9%88-mongodb\/#%D9%BE%DB%8C%D8%B4_%D9%86%DB%8C%D8%A7%D8%B2%D9%87%D8%A7%DB%8C\" >\u067e\u06cc\u0634 \u0646\u06cc\u0627\u0632\u0647\u0627\u06cc<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/nabfollower.com\/blog\/%d8%b3%d8%a7%d8%ae%d8%aa%d9%86-%d9%81%d8%b1%d9%85-%da%86%d9%86%d8%af-%d9%85%d8%b1%d8%ad%d9%84%d9%87-%d8%a7%db%8c-%d8%a8%d8%a7-laravel-%d8%8c-livewire-%d9%88-mongodb\/#%D8%AA%D9%86%D8%B8%DB%8C%D9%85_%D9%85%D8%AD%DB%8C%D8%B7\" >\u062a\u0646\u0638\u06cc\u0645 \u0645\u062d\u06cc\u0637<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/nabfollower.com\/blog\/%d8%b3%d8%a7%d8%ae%d8%aa%d9%86-%d9%81%d8%b1%d9%85-%da%86%d9%86%d8%af-%d9%85%d8%b1%d8%ad%d9%84%d9%87-%d8%a7%db%8c-%d8%a8%d8%a7-laravel-%d8%8c-livewire-%d9%88-mongodb\/#%D8%AA%D9%86%D8%B8%DB%8C%D9%85_%D9%BE%D8%B1%D9%88%DA%98%D9%87\" >\u062a\u0646\u0638\u06cc\u0645 \u067e\u0631\u0648\u0698\u0647<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/nabfollower.com\/blog\/%d8%b3%d8%a7%d8%ae%d8%aa%d9%86-%d9%81%d8%b1%d9%85-%da%86%d9%86%d8%af-%d9%85%d8%b1%d8%ad%d9%84%d9%87-%d8%a7%db%8c-%d8%a8%d8%a7-laravel-%d8%8c-livewire-%d9%88-mongodb\/#LiveWire_%D8%B1%D8%A7_%D8%AA%D9%86%D8%B8%DB%8C%D9%85_%DA%A9%D9%86%DB%8C%D8%AF\" >LiveWire \u0631\u0627 \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/nabfollower.com\/blog\/%d8%b3%d8%a7%d8%ae%d8%aa%d9%86-%d9%81%d8%b1%d9%85-%da%86%d9%86%d8%af-%d9%85%d8%b1%d8%ad%d9%84%d9%87-%d8%a7%db%8c-%d8%a8%d8%a7-laravel-%d8%8c-livewire-%d9%88-mongodb\/#%D8%B3%D8%A7%D8%AE%D8%AA_%D9%85%D8%A4%D9%84%D9%81%D9%87_LiveWire\" >\u0633\u0627\u062e\u062a \u0645\u0624\u0644\u0641\u0647 LiveWire<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/nabfollower.com\/blog\/%d8%b3%d8%a7%d8%ae%d8%aa%d9%86-%d9%81%d8%b1%d9%85-%da%86%d9%86%d8%af-%d9%85%d8%b1%d8%ad%d9%84%d9%87-%d8%a7%db%8c-%d8%a8%d8%a7-laravel-%d8%8c-livewire-%d9%88-mongodb\/#class%22text-base_font-semibold_mb-4%22%3EStep_currentStep_of_3\" >class=\"text-base font-semibold mb-4\"&gt;Step {{ $currentStep }} of 3<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/nabfollower.com\/blog\/%d8%b3%d8%a7%d8%ae%d8%aa%d9%86-%d9%81%d8%b1%d9%85-%da%86%d9%86%d8%af-%d9%85%d8%b1%d8%ad%d9%84%d9%87-%d8%a7%db%8c-%d8%a8%d8%a7-laravel-%d8%8c-livewire-%d9%88-mongodb\/#%D8%B1%D8%B3%DB%8C%D8%AF%DA%AF%DB%8C_%D8%A8%D9%87_%D8%AF%D8%A7%D8%AF%D9%87_%D9%87%D8%A7%DB%8C_%D9%81%D8%B1%D9%85_%D8%A8%D8%A7_MongoDB\" >\u0631\u0633\u06cc\u062f\u06af\u06cc \u0628\u0647 \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u0641\u0631\u0645 \u0628\u0627 MongoDB<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/nabfollower.com\/blog\/%d8%b3%d8%a7%d8%ae%d8%aa%d9%86-%d9%81%d8%b1%d9%85-%da%86%d9%86%d8%af-%d9%85%d8%b1%d8%ad%d9%84%d9%87-%d8%a7%db%8c-%d8%a8%d8%a7-laravel-%d8%8c-livewire-%d9%88-mongodb\/#%D8%B1%D8%B3%DB%8C%D8%AF%DA%AF%DB%8C_%D8%A8%D9%87_%D9%81%D8%B1%D9%85_%D8%AF%D8%B1_%DA%A9%D9%84%D8%A7%D8%B3_LiveWire\" >\u0631\u0633\u06cc\u062f\u06af\u06cc \u0628\u0647 \u0641\u0631\u0645 \u062f\u0631 \u06a9\u0644\u0627\u0633 LiveWire<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/nabfollower.com\/blog\/%d8%b3%d8%a7%d8%ae%d8%aa%d9%86-%d9%81%d8%b1%d9%85-%da%86%d9%86%d8%af-%d9%85%d8%b1%d8%ad%d9%84%d9%87-%d8%a7%db%8c-%d8%a8%d8%a7-laravel-%d8%8c-livewire-%d9%88-mongodb\/#%D8%AA%D8%B3%D8%AA\" >\u062a\u0633\u062a<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/nabfollower.com\/blog\/%d8%b3%d8%a7%d8%ae%d8%aa%d9%86-%d9%81%d8%b1%d9%85-%da%86%d9%86%d8%af-%d9%85%d8%b1%d8%ad%d9%84%d9%87-%d8%a7%db%8c-%d8%a8%d8%a7-laravel-%d8%8c-livewire-%d9%88-mongodb\/#%D9%BE%D8%A7%DB%8C%D8%A7%D9%86\" >\u067e\u0627\u06cc\u0627\u0646<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"%D9%BE%DB%8C%D8%B4_%D9%86%DB%8C%D8%A7%D8%B2%D9%87%D8%A7%DB%8C\"><\/span>\n<p>  \u067e\u06cc\u0634 \u0646\u06cc\u0627\u0632\u0647\u0627\u06cc<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0628\u0631\u0627\u06cc \u062f\u0646\u0628\u0627\u0644 \u06a9\u0631\u062f\u0646 \u0628\u0627 \u0627\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634 \u060c \u0645\u0648\u0627\u0631\u062f \u0632\u06cc\u0631 \u0644\u0627\u0632\u0645 \u0627\u0633\u062a:<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AA%D9%86%D8%B8%DB%8C%D9%85_%D9%85%D8%AD%DB%8C%D8%B7\"><\/span>\n<p>  \u062a\u0646\u0638\u06cc\u0645 \u0645\u062d\u06cc\u0637<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0642\u0628\u0644 \u0627\u0632 \u0627\u062f\u0627\u0645\u0647 \u06a9\u0627\u0631 \u060c \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u062d\u0627\u0635\u0644 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u062f\u0631\u0627\u06cc\u0648\u0631 MongoDB PHP \u0631\u0627 \u062f\u0631 \u0645\u062d\u06cc\u0637 \u062a\u0648\u0633\u0639\u0647 \u0646\u0635\u0628 \u06a9\u0631\u062f\u0647 \u0627\u06cc\u062f \u062a\u0627 MongoDB \u0628\u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u0637\u0648\u0631 \u0645\u0624\u062b\u0631 \u06a9\u0627\u0631 \u06a9\u0646\u062f. \u0628\u0631\u0627\u06cc \u062a\u0623\u06cc\u06cc\u062f \u060c \u062f\u0633\u062a\u0648\u0631 \u0632\u06cc\u0631 \u0631\u0627 \u0627\u062c\u0631\u0627 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight shell\"><code>php <span class=\"nt\">-i<\/span> | <span class=\"nb\">grep <\/span>mongo\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u062e\u0631\u0648\u062c\u06cc \u0645\u0648\u0631\u062f \u0627\u0646\u062a\u0638\u0627\u0631 \u0628\u0627\u06cc\u062f \u0634\u0628\u06cc\u0647 \u0628\u0647 \u062a\u0635\u0648\u06cc\u0631 \u0632\u06cc\u0631 \u0628\u0627\u0634\u062f:<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/media2.dev.to\/dynamic\/image\/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fg652j3zcbb0rndn7kgne.png\" alt=\"\u06cc\u06a9 \u0639\u06a9\u0633 \u0635\u0641\u062d\u0647 \u0627\u0632 \u06cc\u06a9 \u062a\u0631\u0645\u06cc\u0646\u0627\u0644 \u0628\u0627 \u062e\u0631\u0648\u062c\u06cc \u0645\u0648\u0631\u062f \u0627\u0646\u062a\u0638\u0627\u0631 \u06a9\u0647 \u0646\u0634\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f \u06a9\u0627\u0631\u0628\u0631 \u062f\u0631\u0627\u06cc\u0648\u0631 PHP MongoDB \u0631\u0627 \u0628\u0647 \u062f\u0631\u0633\u062a\u06cc \u0646\u0635\u0628 \u06a9\u0631\u062f\u0647 \u0627\u0633\u062a.\" loading=\"lazy\" width=\"800\" height=\"529\" title=\"\"><\/p>\n<p>\u0627\u06af\u0631 \u062e\u0631\u0648\u062c\u06cc \u0645\u062a\u0641\u0627\u0648\u062a\u06cc \u062f\u0627\u0631\u06cc\u062f \u060c \u0627\u06cc\u0646 \u0628\u062f\u0627\u0646 \u0645\u0639\u0646\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0627\u062d\u062a\u0645\u0627\u0644\u0627\u064b \u062f\u0631\u0627\u06cc\u0648\u0631 PHP MongoDB \u0631\u0627 \u0646\u0635\u0628 \u0646\u06a9\u0631\u062f\u0647 \u0627\u06cc\u062f. \u0628\u0631\u0627\u06cc \u0646\u0635\u0628 \u0622\u0646 \u060c \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u0648\u0631\u0627\u0644\u0639\u0645\u0644 \u0647\u0627\u06cc \u062f\u0642\u06cc\u0642 \u062f\u0631 \u0645\u0648\u0631\u062f \u0646\u062d\u0648\u0647 \u0646\u0635\u0628 \u0622\u0646 \u060c \u0628\u0647 \u067e\u0633\u0648\u0646\u062f MongoDB \u0645\u0631\u0627\u062c\u0639\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n<p>\u0647\u0645\u0686\u0646\u06cc\u0646 \u060c \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u062d\u0627\u0635\u0644 \u06a9\u0646\u06cc\u062f \u06a9\u0647 PHP \u0648 \u0622\u0647\u0646\u06af\u0633\u0627\u0632 \u0642\u0628\u0644 \u0627\u0632 \u0627\u062f\u0627\u0645\u0647 \u06a9\u0627\u0631 \u0646\u0635\u0628 \u0634\u062f\u0647 \u0627\u06cc\u062f.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AA%D9%86%D8%B8%DB%8C%D9%85_%D9%BE%D8%B1%D9%88%DA%98%D9%87\"><\/span>\n<p>  \u062a\u0646\u0638\u06cc\u0645 \u067e\u0631\u0648\u0698\u0647<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0628\u06cc\u0627\u06cc\u06cc\u062f \u0628\u0627 \u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 Laravel \u062a\u0627\u0632\u0647 \u0634\u0631\u0648\u0639 \u0628\u0647 \u0633\u0627\u062e\u062a\u0646 \u0641\u0631\u0645 \u0686\u0646\u062f \u0645\u0631\u062d\u0644\u0647 \u0627\u06cc \u062e\u0648\u062f \u06a9\u0646\u06cc\u0645. \u0645\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u0645 \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062f\u0633\u062a\u0648\u0631 \u0632\u06cc\u0631 \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u0645:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight shell\"><code>composer create-project laravel\/laravel multi_step_form_tutorial\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u067e\u0633 \u0627\u0632 \u0627\u06cc\u062c\u0627\u062f \u067e\u0631\u0648\u0698\u0647 Laravel \u060c \u0645\u0627 \u0628\u0627\u06cc\u062f \u0628\u0631\u0646\u0627\u0645\u0647 \u0631\u0627 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u06a9\u0646\u06cc\u0645 \u062a\u0627 \u0628\u0627 MongoDB \u06a9\u0627\u0631 \u06a9\u0646\u06cc\u0645. Laravel \u0628\u0631\u0627\u06cc \u06a9\u0627\u0631 \u0628\u0627 MongoDB \u0627\u0632 \u062c\u0639\u0628\u0647 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u0646\u0634\u062f\u0647 \u0627\u0633\u062a. \u0645\u0627 \u0628\u0627\u06cc\u062f \u0628\u0633\u062a\u0647 Laravel-Mongodb \u0631\u0627 \u0646\u0635\u0628 \u0648 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u06a9\u0646\u06cc\u0645 \u062a\u0627 \u06a9\u0627\u0631 \u06a9\u0646\u062f. \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u060c \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0628\u0627 \u0646\u0635\u0628 \u0628\u0633\u062a\u0647 Laravel-mongodb \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062f\u0633\u062a\u0648\u0631 \u0632\u06cc\u0631 \u0634\u0631\u0648\u0639 \u06a9\u0646\u06cc\u0645:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight shell\"><code>composer require mongodb\/laravel-mongodb\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u067e\u0633 \u0627\u0632 \u0646\u0635\u0628 \u0645\u0648\u0641\u0642\u06cc\u062a \u0622\u0645\u06cc\u0632 \u0628\u0633\u062a\u0647 Laravel-mongodb \u060c \u0645\u0627 \u0628\u0627\u06cc\u062f \u0628\u0631\u062e\u06cc \u0627\u0632 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u0647\u0627 \u0631\u0627 \u062f\u0631 <code>config\/database.php<\/code> \u067e\u0631\u0648\u0646\u062f\u0647 \u0628\u0631\u0627\u06cc \u06a9\u0627\u0631 \u06a9\u0631\u062f\u0646 \u0628\u0647 \u0622\u0646. \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0627 \u0627\u0641\u0632\u0648\u062f\u0646 \u06a9\u062f \u0632\u06cc\u0631 \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0631\u0627 \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight php\"><code><span class=\"s1\">'mongodb'<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">[<\/span>\n<span class=\"s1\">'driver'<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"s1\">'mongodb'<\/span><span class=\"p\">,<\/span>\n<span class=\"s1\">'dsn'<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"nf\">env<\/span><span class=\"p\">(<\/span><span class=\"s1\">'MONGODB_URI'<\/span><span class=\"p\">),<\/span>\n<span class=\"s1\">'database'<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"s1\">'YOUR_DATABASE_NAME'<\/span><span class=\"p\">,<\/span>\n<span class=\"p\">],<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0628\u06cc\u0627\u06cc\u06cc\u062f \u0644\u062d\u0638\u0647 \u0627\u06cc \u062a\u0648\u0636\u06cc\u062d \u062f\u0647\u06cc\u0645. \u062f\u0631 <code>dsn<\/code> \u0645\u0642\u062f\u0627\u0631 \u0627\u0632 \u067e\u0631\u0648\u0646\u062f\u0647 .env \u0628\u062f\u0633\u062a \u0645\u06cc \u0622\u06cc\u062f. \u062f\u0631 \u067e\u0631\u0648\u0646\u062f\u0647 .env \u062e\u0648\u062f \u060c \u06cc\u06a9 \u0645\u0642\u062f\u0627\u0631 \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f <code>MONGODB_URI<\/code> \u0648 \u0622\u0646 \u0631\u0627 \u0631\u0648\u06cc \u0645\u0642\u062f\u0627\u0631 \u0631\u0634\u062a\u0647 \u0627\u062a\u0635\u0627\u0644 Atlas MongoDB \u062e\u0648\u062f \u060c \u0645\u0627\u0646\u0646\u062f \u0632\u06cc\u0631 \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>MONGODB_URI=\"&lt;<mongodb_atlas_connection_string>&gt;\"\nDB_CONNECTION=mongodb\n<\/mongodb_atlas_connection_string><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"LiveWire_%D8%B1%D8%A7_%D8%AA%D9%86%D8%B8%DB%8C%D9%85_%DA%A9%D9%86%DB%8C%D8%AF\"><\/span>\n<p>  LiveWire \u0631\u0627 \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0628\u06cc\u0627\u06cc\u06cc\u062f \u0628\u0631\u0627\u06cc \u06a9\u0627\u0631 \u062f\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u0645\u0627 \u0628\u0647 \u0646\u0635\u0628 \u0648 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc LiveWire \u0628\u067e\u0631\u062f\u0627\u0632\u06cc\u0645. \u0645\u0627 \u0627\u0628\u062a\u062f\u0627 \u0628\u0627\u06cc\u062f LiveWire \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062f\u0633\u062a\u0648\u0631 \u0646\u0635\u0628 \u06a9\u0646\u06cc\u0645:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight shell\"><code>composer require livewire\/livewire\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u067e\u0633 \u0627\u0632 \u0646\u0635\u0628 LiveWire \u060c \u0628\u0627\u06cc\u062f \u0622\u0646 \u0631\u0627 \u0628\u0647 \u0628\u0631\u0646\u0627\u0645\u0647 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u0645. \u0628\u0631\u0627\u06cc \u0633\u0627\u0632\u0645\u0627\u0646\u062f\u0647\u06cc \u0686\u06cc\u0632\u0647\u0627 \u060c \u0628\u06cc\u0627\u06cc\u06cc\u062f \u06cc\u06a9 \u0641\u0627\u06cc\u0644 \u0686\u06cc\u062f\u0645\u0627\u0646 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u0645 \u0648 \u0622\u0646 \u0631\u0627 \u0628\u0647 \u06cc\u06a9 \u0641\u0627\u06cc\u0644 \u0645\u0624\u0644\u0641\u0647 \u062a\u06cc\u063a\u0647 \u062a\u0628\u062f\u06cc\u0644 \u06a9\u0646\u06cc\u0645. \u0627\u06af\u0631 \u0627\u0644\u06af\u0648\u0647\u0627\u06cc Blade \u0628\u0631\u0627\u06cc \u0634\u0645\u0627 \u062c\u062f\u06cc\u062f \u0628\u0647 \u0646\u0638\u0631 \u0645\u06cc \u0631\u0633\u0646\u062f \u060c \u0628\u0631\u0627\u06cc \u0634\u0631\u0648\u0639 \u0645\u0633\u062a\u0646\u062f\u0627\u062a Laravel \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f. \u0647\u0645\u0686\u0646\u06cc\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u06cc\u06a9 \u0634\u06cc\u0631\u062c\u0647 \u0639\u0645\u06cc\u0642 \u062a\u0631 \u0631\u0627 \u0628\u0647 \u0628\u062e\u0634\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc Blade \u062a\u0628\u062f\u06cc\u0644 \u06a9\u0646\u06cc\u062f. \u0628\u0627 \u0627\u06cc\u0646 \u06af\u0641\u062a\u0647 \u060c \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0627\u0644\u06af\u0648\u06cc \u062a\u06cc\u063a\u0647 \u062e\u0648\u062f \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062f\u0633\u062a\u0648\u0631 artisan \u062f\u0631 \u0632\u06cc\u0631 \u062a\u0648\u0644\u06cc\u062f \u06a9\u0646\u06cc\u0645:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight shell\"><code>php artisan make:component layouts\/App\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06cc\u0646 \u062f\u0648 \u067e\u0631\u0648\u0646\u062f\u0647 \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc \u06a9\u0646\u062f: <code>app\/View\/Components\/layouts\/App.php<\/code> \u0648\u062a <code>resources\/views\/components\/layouts\/app.blade.php<\/code>\u0628\u0634\u0631 \u0628\u0627\u0632 <code>resources\/views\/components\/layouts\/app.blade.php<\/code> \u0648 \u0645\u062d\u062a\u0648\u0627\u06cc \u0635\u0641\u062d\u0647 \u0631\u0627 \u0628\u0627 \u06a9\u062f \u0632\u06cc\u0631 \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight php\"><code><span class=\"cp\"\/>\n<span class=\"nt\"> <span class=\"na\">lang=<\/span><span class=\"s\">\"en\"<\/span><span class=\"nt\">&gt;<\/span>\n<span class=\"nt\"\/>\n<span class=\"nt\"><meta\/> <span class=\"na\">charset=<\/span><span class=\"s\">\"UTF-8\"<\/span><span class=\"nt\">&gt;<\/span>\n<span class=\"nt\"><meta\/> <span class=\"na\">name=<\/span><span class=\"s\">\"viewport\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"width=device-width, initial-scale=1.0\"<\/span><span class=\"nt\">&gt;<\/span>\n<span class=\"nt\"><title\/><\/span>Multi-Step Form<span class=\"nt\"\/>\n@vite(['resources\/css\/app.css', 'resources\/js\/app.js']) {{-- If using Vite --}}\n@livewireStyles\n<span class=\"nt\"\/>\n<span class=\"nt\"> <span class=\"na\">class=<\/span><span class=\"s\">\"bg-gray-100\"<\/span><span class=\"nt\">&gt;<\/span>\n<span class=\"nt\"><p> <span class=\"na\">class=<\/span><span class=\"s\">\"container mx-auto mt-10\"<\/span><span class=\"nt\">&gt;<\/span>\n{{ $slot ?? '' }}\n<span class=\"nt\"\/><\/p><\/span>\n@livewireScripts\n<span class=\"nt\"\/>\n<span class=\"nt\"\/>\n<\/span><\/span><\/span><\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u0632 \u06a9\u062f \u0628\u0627\u0644\u0627 \u060c \u0637\u0631\u062d HTML \u0631\u0627 \u0628\u0631\u0627\u06cc \u067e\u0631\u0648\u0646\u062f\u0647 \u0637\u0631\u062d \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u06cc\u0645. \u0645\u0627 \u0647\u0645\u0686\u0646\u06cc\u0646 LiveWire \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0622\u0646 \u0648\u0627\u0631\u062f \u06a9\u0631\u062f\u06cc\u0645 <code>@livewireStyles<\/code> \u0648\u062a <code>@livewireScripts<\/code>\u0628\u0634\u0631 \u0627\u06cc\u0646 \u0628\u0627\u0639\u062b \u0645\u06cc \u0634\u0648\u062f LiveWire \u062f\u0631 \u0647\u0631 \u0635\u0641\u062d\u0647 \u0628\u0627 \u0627\u06cc\u0646 \u0637\u0631\u062d \u062f\u0631 \u062f\u0633\u062a\u0631\u0633 \u0628\u0627\u0634\u062f.<br \/>\u0642\u0628\u0644 \u0627\u0632 \u0627\u06cc\u062c\u0627\u062f \u0645\u0624\u0644\u0641\u0647 \u0686\u0646\u062f \u0641\u0631\u0645 LiveWire \u060c \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u062d\u0627\u0635\u0644 \u06a9\u0646\u06cc\u0645 \u06a9\u0647 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 \u0628\u0647 \u062f\u0631\u0633\u062a\u06cc \u06a9\u0627\u0631 \u0645\u06cc \u06a9\u0646\u062f. \u0628\u0631\u0627\u06cc \u0627\u0646\u062c\u0627\u0645 \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u060c \u0645\u0627 \u0628\u0627\u06cc\u062f \u0645\u0633\u06cc\u0631\u06cc \u0631\u0627 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u0645 <code>routes\/web.php<\/code> \u0628\u0631\u0627\u06cc \u067e\u06cc\u0646\u06af \u06a9\u0631\u062f\u0646 \u062e\u0648\u0634\u0647 \u0627\u0637\u0644\u0633 mongoDB \u0645\u0627 \u0648 \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0627\u0632 \u062f\u0631\u0633\u062a \u06a9\u0631\u062f\u0646 \u06a9\u0627\u0631\u0647\u0627. \u0628\u0647 \u0633\u0645\u062a <code>routes\/web.php<\/code> \u0648 \u0642\u0637\u0639\u0647 \u06a9\u062f \u0632\u06cc\u0631 \u0631\u0627 \u062f\u0631 \u0632\u06cc\u0631 \u06a9\u062f \u0645\u0648\u062c\u0648\u062f \u062f\u0631 \u0635\u0641\u062d\u0647 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight php\"><code><span class=\"kn\">use<\/span> <span class=\"nc\">Illuminate\\Http\\Request<\/span><span class=\"p\">;<\/span>\n<span class=\"kn\">use<\/span> <span class=\"no\">Illuminate\\Support\\Facades\\DB<\/span><span class=\"p\">;<\/span>\n\n<span class=\"nc\">Route<\/span><span class=\"o\">::<\/span><span class=\"nf\">get<\/span><span class=\"p\">(<\/span><span class=\"s1\">'\/ping'<\/span><span class=\"p\">,<\/span> <span class=\"k\">function<\/span> <span class=\"p\">(<\/span><span class=\"kt\">Request<\/span> <span class=\"nv\">$request<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n<span class=\"nv\">$connection<\/span> <span class=\"o\">=<\/span> <span class=\"no\">DB<\/span><span class=\"o\">::<\/span><span class=\"nf\">connection<\/span><span class=\"p\">(<\/span><span class=\"s1\">'mongodb'<\/span><span class=\"p\">);<\/span>\n<span class=\"k\">try<\/span> <span class=\"p\">{<\/span>\n<span class=\"nv\">$connection<\/span><span class=\"o\">-&gt;<\/span><span class=\"nf\">command<\/span><span class=\"p\">([<\/span><span class=\"s1\">'ping'<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"mi\">1<\/span><span class=\"p\">]);<\/span>\n<span class=\"nv\">$msg<\/span> <span class=\"o\">=<\/span> <span class=\"s1\">'MongoDB is accessible!'<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span> <span class=\"k\">catch<\/span> <span class=\"p\">(<\/span><span class=\"nc\">Exception<\/span> <span class=\"nv\">$e<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n<span class=\"nv\">$msg<\/span> <span class=\"o\">=<\/span> <span class=\"s1\">'You are not connected to MongoDB. Error: '<\/span> <span class=\"mf\">.<\/span> <span class=\"nv\">$e<\/span><span class=\"o\">-&gt;<\/span><span class=\"nf\">getMessage<\/span><span class=\"p\">();<\/span>\n<span class=\"p\">}<\/span>\n<span class=\"k\">return<\/span> <span class=\"p\">[<\/span><span class=\"s1\">'msg'<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"nv\">$msg<\/span><span class=\"p\">];<\/span>\n<span class=\"p\">});<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06a9\u0646\u0648\u0646 \u060c \u0628\u0631\u0646\u0627\u0645\u0647 \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight shell\"><code>php artisan serve\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06cc\u0646 \u0628\u0631\u0646\u0627\u0645\u0647 \u0631\u0627 \u0628\u0627 \u0622\u062f\u0631\u0633 IP \u0634\u0631\u0648\u0639 \u0645\u06cc \u06a9\u0646\u062f <code>127.0.0.1:8000<\/code>\u0628\u0634\u0631 \u0627\u06af\u0631 <code>8000<\/code> \u067e\u0648\u0631\u062a \u062f\u0631 \u062f\u0633\u062a\u0631\u0633 \u0646\u06cc\u0633\u062a \u060c Laravel \u0628\u0647 \u0637\u0648\u0631 \u062e\u0648\u062f\u06a9\u0627\u0631 \u0628\u0647 \u06cc\u06a9 \u062f\u0631\u06af\u0627\u0647 \u0645\u0648\u062c\u0648\u062f \u062a\u063a\u06cc\u06cc\u0631 \u0645\u06cc \u06a9\u0646\u062f.<br \/>\u062f\u0631 \u06cc\u06a9 \u067e\u0646\u062c\u0631\u0647 \u062a\u0631\u0645\u06cc\u0646\u0627\u0644 \u0645\u062a\u0641\u0627\u0648\u062a \u060c \u0645\u0648\u0627\u0631\u062f \u0632\u06cc\u0631 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0646\u0635\u0628 \u0648 \u0633\u0627\u062e\u062a \u0648\u0627\u0628\u0633\u062a\u06af\u06cc \u0647\u0627\u06cc Node.js \u062f\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u0627\u062c\u0631\u0627 \u06a9\u0646\u06cc\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight shell\"><code>Npm <span class=\"nb\">install<\/span> <span class=\"o\">&amp;&amp;<\/span> Npm run dev\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0628\u06cc\u0627\u06cc\u06cc\u062f \u0622\u0632\u0645\u0627\u06cc\u0634 \u06a9\u0646\u06cc\u0645. \u0627\u0632 \u0645\u0631\u0648\u0631\u06af\u0631 \u062e\u0648\u062f \u060c \u0628\u0647 \u0645\u0633\u06cc\u0631 \u062a\u0627\u0632\u0647 \u0627\u06cc\u062c\u0627\u062f \u0634\u062f\u0647 \u0628\u0631\u0648\u06cc\u062f \u060c <code>127.0.0.1:8000\/ping<\/code>\u0628\u0634\u0631 \u0627\u06af\u0631 \u0647\u0645\u0647 \u0686\u06cc\u0632 \u0628\u0647 \u062f\u0631\u0633\u062a\u06cc \u0627\u0646\u062c\u0627\u0645 \u0634\u062f \u060c \u0635\u0641\u062d\u0647 \u0634\u0645\u0627 \u0628\u0627\u06cc\u062f \u062f\u0642\u06cc\u0642\u0627\u064b \u0645\u0627\u0646\u0646\u062f \u062a\u0635\u0648\u06cc\u0631 \u0632\u06cc\u0631 \u0628\u0627\u0634\u062f:<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/media2.dev.to\/dynamic\/image\/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2gr5ar3jp24ug2gce6cn.png\" alt=\"\u062a\u0635\u0648\u06cc\u0631 \u06cc\u06a9 \u0628\u0631\u06af\u0647 \u0645\u0631\u0648\u0631\u06af\u0631 \u0628\u0627 \u067e\u0627\u0633\u062e JSON \" loading=\"lazy\" width=\"800\" height=\"237\" title=\"\"><\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%B3%D8%A7%D8%AE%D8%AA_%D9%85%D8%A4%D9%84%D9%81%D9%87_LiveWire\"><\/span>\n<p>  \u0633\u0627\u062e\u062a \u0645\u0624\u0644\u0641\u0647 LiveWire<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0642\u0628\u0644 \u0627\u0632 \u0633\u0627\u062e\u062a\u0646 \u0645\u0624\u0644\u0641\u0647 LiveWire \u060c \u0628\u06cc\u0627\u06cc\u06cc\u062f \u06a9\u0645\u06cc \u062f\u0631 \u0645\u0648\u0631\u062f \u0646\u062d\u0648\u0647 \u0639\u0645\u0644\u06a9\u0631\u062f \u0641\u0631\u0645 \u0645\u0627 \u0635\u062d\u0628\u062a \u06a9\u0646\u06cc\u0645. \u0645\u0627 \u062f\u0631 \u062d\u0627\u0644 \u0633\u0627\u062e\u062a \u0641\u0631\u0645 \u0686\u0646\u062f \u0645\u0631\u062d\u0644\u0647 \u0627\u06cc \u0628\u0627 \u0633\u0647 (3) \u0647\u0633\u062a\u06cc\u0645. \u0645\u0631\u062d\u0644\u0647 \u0627\u0648\u0644 \u0634\u0627\u0645\u0644 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0627\u0635\u0644\u06cc \u06a9\u0627\u0631\u0628\u0631 \u0645\u0627\u0646\u0646\u062f \u0646\u0627\u0645 \u0648 \u0627\u06cc\u0645\u06cc\u0644 \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f. \u0645\u0631\u062d\u0644\u0647 \u062f\u0648\u0645 \u0634\u0627\u0645\u0644 \u062c\u0632\u0626\u06cc\u0627\u062a \u0622\u062f\u0631\u0633 \u0645\u0627\u0646\u0646\u062f \u062e\u06cc\u0627\u0628\u0627\u0646 \u060c \u0634\u0647\u0631 \u06cc\u0627 \u0627\u06cc\u0627\u0644\u062a \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f \u0648 \u0633\u0648\u0645 \u0634\u0627\u0645\u0644 \u0627\u0637\u0644\u0627\u0639\u0627\u062a\u06cc \u0645\u0627\u0646\u0646\u062f \u06a9\u0627\u062f\u0631 \u0686\u06a9 \u0648 \u06a9\u0634\u0648\u06cc\u06cc \u0628\u0631\u0627\u06cc \u062c\u0646\u0633\u06cc\u062a \u0648 \u0648\u0636\u0639\u06cc\u062a \u062a\u0623\u0647\u0644 \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f.<\/p>\n<p>\u0627\u06cc\u0646 \u0641\u0631\u0645 \u0628\u0631\u0627\u06cc \u0627\u0639\u062a\u0628\u0627\u0631\u0633\u0646\u062c\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627 \u0628\u0631\u0627\u06cc \u0647\u0631 \u0645\u0631\u062d\u0644\u0647 \u060c \u0630\u062e\u06cc\u0631\u0647 \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u0645\u0639\u062a\u0628\u0631 \u0648 \u062f\u0627\u0631\u0627\u06cc \u062f\u06a9\u0645\u0647 \u067e\u0634\u062a \u060c \u0628\u0639\u062f\u06cc \u0648 \u0627\u0631\u0633\u0627\u0644 \u0628\u0631\u0646\u0627\u0645\u0647 \u0631\u06cc\u0632\u06cc \u0645\u06cc \u0634\u0648\u062f. \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u0631\u0627\u06cc \u0647\u0631 \u0645\u0631\u062d\u0644\u0647 \u0645\u0639\u062a\u0628\u0631 \u062f\u0631 \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 \u0645\u0627 \u0630\u062e\u06cc\u0631\u0647 \u0645\u06cc \u0634\u0648\u062f.<\/p>\n<p>\u0637\u0631\u062d MongoDB \u0647\u0646\u06af\u0627\u0645 \u062f\u0633\u062a\u06cc\u0627\u0628\u06cc \u0628\u0647 \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u067e\u0648\u06cc\u0627 \u0628\u0633\u06cc\u0627\u0631 \u0627\u0646\u0639\u0637\u0627\u0641 \u067e\u0630\u06cc\u0631 \u0627\u0633\u062a \u0648 \u0627\u063a\u0644\u0628 \u062a\u0631\u062c\u06cc\u062d \u0645\u06cc \u062f\u0647\u062f. \u0631\u0648\u06cc\u06a9\u0631\u062f \u0634\u0645\u0627\u062a\u06cc\u06a9 \u0622\u0646 \u0628\u0631\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u062f\u0627\u062f\u0647 \u0647\u0627 \u0628\u0627\u0639\u062b \u0645\u06cc \u0634\u0648\u062f \u062a\u0627 \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0631\u0648\u06cc\u06a9\u0631\u062f \u062e\u0648\u0628\u06cc \u0628\u0631\u0627\u06cc \u0641\u0631\u0645 \u0645\u0627 \u0628\u0627\u0634\u062f. \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 MongoDB \u060c \u0645\u0627 \u0628\u0647 \u0631\u0627\u062d\u062a\u06cc \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u0645 \u0632\u0645\u06cc\u0646\u0647 \u0647\u0627\u06cc \u062c\u062f\u06cc\u062f \u0631\u0627 \u0628\u0647 \u0641\u0631\u0645 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u0645 \u0648 \u0646\u06cc\u0627\u0632\u06cc \u0628\u0647 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0646 \u0633\u062a\u0648\u0646 \u0647\u0627\u06cc \u0627\u0636\u0627\u0641\u06cc \u0628\u0647 \u06cc\u06a9 \u067e\u0631\u0648\u0646\u062f\u0647 \u0645\u0647\u0627\u062c\u0631\u062a \u0646\u062f\u0627\u0631\u06cc\u0645. \u0647\u0645\u0686\u0646\u06cc\u0646 \u060c \u0647\u0646\u06af\u0627\u0645 \u06a9\u0627\u0631 \u0628\u0627 MongoDB \u062f\u0631 \u0644\u0627\u0631\u0627\u0648\u0644 \u060c \u0646\u06cc\u0627\u0632\u06cc \u0628\u0647 \u0627\u06cc\u062c\u0627\u062f \u067e\u0631\u0648\u0646\u062f\u0647 \u0647\u0627\u06cc \u0645\u0647\u0627\u062c\u0631\u062a \u0646\u062f\u0627\u0631\u06cc\u0645. \u0632\u0645\u06cc\u0646\u0647 \u0647\u0627\u06cc \u062c\u062f\u06cc\u062f \u0631\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646 \u062f\u0631 \u067e\u0631\u0648\u0627\u0632 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f. <\/p>\n<p>\u0628\u0627 \u0627\u06cc\u0646 \u06af\u0641\u062a\u0647 \u060c \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062f\u0633\u062a\u0648\u0631 \u0632\u06cc\u0631 \u060c \u0645\u0624\u0644\u0641\u0647 LiveWire \u062e\u0648\u062f \u0631\u0627 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u0645:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight shell\"><code>php artisan livewire:make MultiStepForm\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u067e\u0633 \u0627\u0632 \u0627\u062c\u0631\u0627\u06cc \u062f\u0633\u062a\u0648\u0631 \u062f\u0631 \u0628\u0627\u0644\u0627 \u060c \u06cc\u06a9 \u0645\u0624\u0644\u0641\u0647 LiveWire \u0628\u0627 \u062f\u0648 \u067e\u0631\u0648\u0646\u062f\u0647 \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc \u06a9\u0646\u062f: <code>app\/Livewire\/MultiStepForm.php<\/code> \u0648\u062a <code>resources\/views\/livewire\/multi-step-form.blade.php<\/code>\u0628\u0634\u0631 <code>app\/Livewire\/MultiStepForm.php<\/code>  \u0634\u0627\u0645\u0644 \u0647\u0645\u0647 <code>PHP<\/code> \u06a9\u062f \u0628\u0631\u0627\u06cc \u0645\u0624\u0644\u0641\u0647 \u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 <code>resources\/views\/livewire\/multi-step-form.blade.php<\/code> \u062d\u0627\u0648\u06cc <code>HTML<\/code> \u0633\u0645\u062a \u0686\u06cc\u0632\u0647\u0627<\/p>\n<p>\u0628\u06cc\u0627\u06cc\u06cc\u062f \u0645\u0624\u0644\u0641\u0647 LiveWire \u062e\u0648\u062f \u0631\u0627 \u0628\u0647 \u0645\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u0645 <code>resources\/views\/welcome.blade.php<\/code> \u067e\u0631\u0648\u0646\u062f\u0647 \u0628\u0627 \u0628\u0647 \u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc \u0645\u062d\u062a\u0648\u0627\u06cc \u0635\u0641\u062d\u0647 \u0628\u0627 \u06a9\u062f \u0632\u06cc\u0631:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight php\"><code><span class=\"nt\"><x-layouts.app\/><\/span>\n<span class=\"nt\"><multi-step-form> <span class=\"nt\">\/&gt;<\/span>\n<span class=\"nt\"\/>\n<\/multi-step-form><\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u062f\u0631 <code>routes\/web.php<\/code>\u0628\u0627 \u0627\u0641\u0632\u0648\u062f\u0646 \u06a9\u062f \u0632\u06cc\u0631 \u0645\u0633\u06cc\u0631\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc \u0645\u0624\u0644\u0641\u0647 LiveWire \u0645\u0627 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight php\"><code><span class=\"nc\">Route<\/span><span class=\"o\">::<\/span><span class=\"nf\">get<\/span><span class=\"p\">(<\/span><span class=\"s1\">\"https:\/\/dev.to\/\"<\/span><span class=\"p\">,<\/span> <span class=\"k\">function<\/span> <span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n    <span class=\"k\">return<\/span> <span class=\"nf\">view<\/span><span class=\"p\">(<\/span><span class=\"s1\">'welcome'<\/span><span class=\"p\">);<\/span>\n<span class=\"p\">});<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0628\u0627 \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u060c \u0645\u062d\u062a\u0648\u0627\u06cc \u0622\u0646 \u0631\u0627 \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u06a9\u0646\u06cc\u062f <code>resources\/views\/livewire\/multi-step-form.blade.php<\/code> \u0628\u0627 \u06a9\u062f \u0632\u06cc\u0631:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight php\"><code><span class=\"nt\"><div>\n    <span class=\"nt\"><div> <span class=\"na\">class=<\/span><span class=\"s\">\"max-w-4xl mx-auto p-6 bg-white shadow-xl rounded-xl\"<\/span><span class=\"nt\">&gt;<\/span>\n        @if (session('success'))\n            <span class=\"nt\"><p> <span class=\"na\">class=<\/span><span class=\"s\">\"mb-4 p-4 bg-green-100 text-green-700 rounded-lg\"<\/span><span class=\"nt\">&gt;<\/span>\n                {{ session('success') }}\n            <span class=\"nt\"\/><\/p><\/span>\n        @endif\n        <span class=\"nt\"\/>\n        <span class=\"nt\"><h2><span class=\"ez-toc-section\" id=\"class%22text-base_font-semibold_mb-4%22%3EStep_currentStep_of_3\"><\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"text-base font-semibold mb-4\"<\/span><span class=\"nt\">&gt;<\/span>Step {{ $currentStep }} of 3<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h2><\/span>\n        <span class=\"nt\"\/>\n    <span class=\"nt\"\/><\/div><\/span>\n<span class=\"nt\"\/><\/div><\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0628\u06cc\u0627\u06cc\u06cc\u062f \u06a9\u062f \u0628\u0627\u0644\u0627 \u0631\u0627 \u062a\u062c\u0632\u06cc\u0647 \u06a9\u0646\u06cc\u0645. \u062d\u0627\u0648\u06cc \u0622\u0646 \u0627\u0633\u062a <code>HTML<\/code> \u0648\u062a <code>TailwindCSS<\/code> \u0628\u0631\u0627\u06cc \u0641\u0631\u0645 \u0686\u0646\u062f \u0645\u0631\u062d\u0644\u0647 \u0627\u06cc \u0645\u0627. \u0632\u0645\u06cc\u0646\u0647 \u0647\u0627\u06cc \u0641\u0631\u0645 \u062d\u0627\u0648\u06cc <code>wire:model<\/code> \u06a9\u0647 \u0622\u0646\u0647\u0627 \u0631\u0627 \u0628\u0647 \u0639\u0646\u0627\u0635\u0631\u06cc \u06a9\u0647 \u062f\u0631 \u0645\u0624\u0644\u0641\u0647 LiveWire \u0627\u0639\u0644\u0627\u0645 \u0645\u06cc \u0634\u0648\u0646\u062f \u060c \u0645\u062a\u0635\u0644 \u0645\u06cc \u06a9\u0646\u062f. \u0641\u0631\u0645 \u062f\u0631 \u06cc\u06a9 \u0638\u0631\u0641 \u0645\u062a\u0645\u0631\u06a9\u0632 \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a <code>div<\/code> \u0628\u0627 \u06a9\u0644\u0627\u0633 \u0647\u0627\u06cc Tailwind \u0628\u0631\u0627\u06cc \u0641\u0627\u0635\u0644\u0647 \u060c \u0631\u0646\u06af \u067e\u0633 \u0632\u0645\u06cc\u0646\u0647 \u0648 \u0633\u0627\u06cc\u0647 \u0638\u0631\u06cc\u0641. <\/p>\n<p>\u062f\u0631 \u06a9\u062f \u060c \u0645\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u0645 <code>($currentStep)<\/code> \u0645\u062a\u063a\u06cc\u0631 \u0628\u0631\u0627\u06cc \u0628\u0647 \u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc \u0645\u0631\u062d\u0644\u0647 \u0641\u0639\u0644\u06cc \u0641\u0631\u0645 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06a9\u0627\u0631\u0628\u0631 \u0641\u0631\u0645 \u0631\u0627 \u067e\u0631 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight php\"><code> <span class=\"o\">@<\/span><span class=\"k\">if<\/span> <span class=\"p\">(<\/span><span class=\"nf\">session<\/span><span class=\"p\">(<\/span><span class=\"s1\">'success'<\/span><span class=\"p\">))<\/span>\n         <span class=\"o\">&lt;<\/span><span class=\"n\">div<\/span> <span class=\"n\">class<\/span><span class=\"o\">=<\/span><span class=\"s2\">\"mb-4 p-4 bg-green-100 text-green-700 rounded-lg\"<\/span><span class=\"o\">&gt;<\/span>\n              <span class=\"p\">{{<\/span> <span class=\"nf\">session<\/span><span class=\"p\">(<\/span><span class=\"s1\">'success'<\/span><span class=\"p\">)<\/span> <span class=\"p\">}}<\/span>\n          <span class=\"o\"\/><span class=\"n\">div<\/span><span class=\"o\">&gt;<\/span>\n   <span class=\"o\">@<\/span><span class=\"k\">endif<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0622\u06cc\u0627 \u067e\u06cc\u0627\u0645 \u0645\u0648\u0641\u0642\u06cc\u062a \u062f\u0631 \u062c\u0644\u0633\u0647 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u06cc\u0627 \u062e\u06cc\u0631. \u0627\u06af\u0631 \u0627\u06cc\u0646 \u0648\u0627\u0642\u0639\u06cc\u062a \u0631\u0627 \u0628\u0631\u06af\u0631\u062f\u0627\u0646\u062f \u060c \u0628\u0627 \u06cc\u06a9 \u067e\u0633 \u0632\u0645\u06cc\u0646\u0647 \u0633\u0628\u0632 \u0648 \u0645\u062a\u0646 \u0633\u0628\u0632 \u0633\u0628\u06a9 \u062a\u0631 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f.<\/p>\n<p>\u0645\u0627 \u0627\u0632 \u06cc\u06a9 \u0628\u06cc\u0627\u0646\u06cc\u0647 \u0645\u0634\u0631\u0648\u0637 \u0648 \u0627\u0631\u0632\u0634 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u06cc\u0645 <code>$currentStep<\/code> \u0628\u0631\u0627\u06cc \u0634\u0646\u0627\u0633\u0627\u06cc\u06cc \u0645\u0631\u062d\u0644\u0647 \u0641\u0639\u0644\u06cc \u0648 \u0646\u0645\u0627\u06cc\u0634 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0645\u0631\u0628\u0648\u0637\u0647 \u0628\u0631\u0627\u06cc \u0622\u0646 \u0645\u0631\u062d\u0644\u0647:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight php\"><code><span class=\"o\">@<\/span><span class=\"k\">if<\/span> <span class=\"p\">(<\/span><span class=\"nv\">$currentStep<\/span> <span class=\"o\">==<\/span> <span class=\"mi\">1<\/span><span class=\"p\">)<\/span>\n <span class=\"o\">@<\/span><span class=\"n\">enderror<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06cc\u0646 \u0647\u0631 \u0645\u0631\u062d\u0644\u0647 \u0631\u0627 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0645\u0642\u062f\u0627\u0631 \u0646\u0634\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f <code>$currentStep<\/code>\u0628\u0634\u0631 \u062f\u0631 \u0645\u0631\u062d\u0644\u0647 \u0627\u0648\u0644 \u060c \u0632\u0645\u06cc\u0646\u0647 \u0647\u0627\u06cc\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc \u062c\u0645\u0639 \u0622\u0648\u0631\u06cc \u0646\u0627\u0645 \u0648 \u0627\u06cc\u0645\u06cc\u0644 \u0646\u0645\u0627\u06cc\u0634 \u0645\u06cc \u062f\u0647\u062f. \u0648\u0631\u0648\u062f\u06cc \u0627\u06cc\u0646 \u0641\u0631\u0645 \u0647\u0627 \u0628\u0647 \u0622\u0646 \u0645\u062d\u062f\u0648\u062f \u0645\u06cc \u0634\u0648\u0646\u062f <code>$name<\/code> \u0648\u062a <code>$email<\/code> \u062f\u0631 <code>app\/Livewire\/MultiStepForm.php<\/code> \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 <code>wire:model<\/code>\u0628\u0634\u0631 \u0645\u0627 \u0627\u06cc\u0646 \u0631\u0648\u0646\u062f \u0631\u0627 \u0628\u0631\u0627\u06cc \u0645\u0631\u0627\u062d\u0644 \u062f\u0648 \u0648 \u0633\u0647 \u062a\u06a9\u0631\u0627\u0631 \u06a9\u0631\u062f\u06cc\u0645. \u0645\u0627 \u0647\u0645\u0686\u0646\u06cc\u0646 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062e\u0637\u0627\u0647\u0627 \u062f\u0631 \u0641\u0631\u0645 \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc \u062f\u0647\u06cc\u0645 <code>@error()<\/code> \u062f\u0633\u062a\u0648\u0631\u0627\u0644\u0639\u0645\u0644 \u062a\u06cc\u063a\u0647.<\/p>\n<p>\u0645\u0627 \u0627\u0632 \u06cc\u06a9 \u0639\u0628\u0627\u0631\u062a \u0645\u0634\u0631\u0648\u0637 \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u062f\u06a9\u0645\u0647 \u067e\u0634\u062a \u0628\u0631\u0627\u06cc \u0645\u0631\u0627\u062d\u0644 \u062f\u0648\u0645 \u0648 \u0633\u0648\u0645 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u06cc\u0645 \u060c \u0645\u0627\u0646\u0646\u062f \u06a9\u062f \u0632\u06cc\u0631:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight php\"><code><span class=\"o\">@<\/span><span class=\"k\">if<\/span> <span class=\"p\">(<\/span><span class=\"nv\">$currentStep<\/span> <span class=\"o\">&gt;<\/span> <span class=\"mi\">1<\/span><span class=\"p\">)<\/span>\n                    <span class=\"o\">&lt;<\/span><span class=\"n\">button<\/span> <span class=\"n\">wire<\/span><span class=\"o\">:<\/span><span class=\"n\">click<\/span><span class=\"o\">=<\/span><span class=\"s2\">\"previousStep\"<\/span> <span class=\"n\">class<\/span><span class=\"o\">=<\/span><span class=\"s2\">\"px-4 py-2 bg-gray-500 text-white rounded\"<\/span><span class=\"o\">&gt;<\/span><span class=\"nc\">Back<\/span><span class=\"o\"\/><span class=\"n\">button<\/span><span class=\"o\">&gt;<\/span>\n                <span class=\"o\">@<\/span><span class=\"k\">endif<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0645\u0627 \u0647\u0645\u06cc\u0646 \u06a9\u0627\u0631 \u0631\u0627 \u0628\u0631\u0627\u06cc \u062f\u06a9\u0645\u0647 \u0628\u0639\u062f\u06cc \u0627\u0646\u062c\u0627\u0645 \u062f\u0627\u062f\u06cc\u0645 \u062a\u0627 \u0628\u0647 \u0645\u0631\u062d\u0644\u0647 \u0628\u0639\u062f\u06cc \u0628\u0631\u0648\u06cc\u0645. \u0645\u0627 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u06cc\u0645 <code>save button<\/code> \u062f\u0631 \u0645\u0631\u062d\u0644\u0647 \u0622\u062e\u0631 \u0628\u0631\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u0645\u0642\u062f\u0627\u0631 \u062f\u0631 \u0645\u0631\u062d\u0644\u0647 \u0633\u0648\u0645. \u0628\u0631\u0627\u06cc \u0627\u062f\u0648\u06cc\u0647 \u0622\u0646 \u060c \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u06cc\u0645 <code>wire:loading<\/code> \u062f\u06a9\u0645\u0647 \u0647\u0627\u06cc\u06cc \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u06cc\u06a9 \u0646\u06af\u0647\u062f\u0627\u0631\u0646\u062f\u0647 \u0645\u062d\u0644 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u062f\u0631 \u0647\u0646\u06af\u0627\u0645 \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u0641\u0631\u0645.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%B1%D8%B3%DB%8C%D8%AF%DA%AF%DB%8C_%D8%A8%D9%87_%D8%AF%D8%A7%D8%AF%D9%87_%D9%87%D8%A7%DB%8C_%D9%81%D8%B1%D9%85_%D8%A8%D8%A7_MongoDB\"><\/span>\n<p>  \u0631\u0633\u06cc\u062f\u06af\u06cc \u0628\u0647 \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u0641\u0631\u0645 \u0628\u0627 MongoDB<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>MongoDB <code>PHP<\/code> \u0631\u0627\u0646\u0646\u062f\u0647 \u06a9\u0627\u0631 \u0628\u0627 MongoDB \u062f\u0631 \u0644\u0627\u0631\u0627\u0648\u0644 \u0631\u0627 \u0628\u0633\u06cc\u0627\u0631 \u0622\u0633\u0627\u0646 \u0645\u06cc \u06a9\u0646\u062f. \u0627\u06cc\u0646 \u0627\u0645\u06a9\u0627\u0646 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0645\u0627 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc \u06a9\u0646\u062f \u062a\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0641\u0635\u06cc\u062d \u0628\u0647 \u0647\u0645\u0627\u0646 \u0631\u0648\u0634\u06cc \u06a9\u0647 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u0645 \u062f\u0631 \u06cc\u06a9 \u0648\u0636\u0639\u06cc\u062a \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 \u0631\u0627\u0628\u0637\u0647 \u0627\u06cc (MySQL \u06cc\u0627 PostgreSQL) \u0628\u0627 MongoDB \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0631\u0642\u0631\u0627\u0631 \u06a9\u0646\u06cc\u0645. \u0628\u0631\u0627\u06cc \u0634\u0631\u0648\u0639 \u060c \u0628\u06cc\u0627\u06cc\u06cc\u062f \u06cc\u06a9 <code>model<\/code> \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062f\u0633\u062a\u0648\u0631 \u0632\u06cc\u0631 \u0641\u0631\u0645 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight shell\"><code>php artisan make:model MultiStepForm\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u062f\u0633\u062a\u0648\u0631 \u0628\u0627\u0644\u0627 \u0627\u06cc\u062c\u0627\u062f \u062e\u0648\u0627\u0647\u062f \u06a9\u0631\u062f <code>app\\Models\\MultiStepForm.php<\/code> \u067e\u0631\u0648\u0646\u062f\u0647 \u067e\u0631\u0648\u0646\u062f\u0647 \u0631\u0627 \u0628\u0627\u0632 \u06a9\u0631\u062f\u0647 \u0648 \u0645\u062d\u062a\u0648\u0627\u06cc \u0632\u06cc\u0631 \u0631\u0627 \u0628\u0647 \u0631\u0648\u0632 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight php\"><code><span class=\"cp\"><?php <\/span?>\n<span class=\"kn\">namespace<\/span> <span class=\"nn\">App\\Models<\/span><span class=\"p\">;<\/span>\n<span class=\"kn\">use<\/span> <span class=\"nc\">MongoDB\\Laravel\\Eloquent\\Model<\/span><span class=\"p\">;<\/span>\n<span class=\"kd\">class<\/span> <span class=\"nc\">MultiStepForm<\/span> <span class=\"kd\">extends<\/span> <span class=\"nc\">Model<\/span>\n<span class=\"p\">{<\/span>\n<span class=\"k\">protected<\/span> <span class=\"nv\">$connection<\/span> <span class=\"o\">=<\/span> <span class=\"s1\">'mongodb'<\/span><span class=\"p\">;<\/span>\n<span class=\"k\">protected<\/span> <span class=\"nv\">$table<\/span> <span class=\"o\">=<\/span> <span class=\"s1\">'multi_step_form'<\/span><span class=\"p\">;<\/span>\n\n<span class=\"k\">protected<\/span> <span class=\"nv\">$fillable<\/span> <span class=\"o\">=<\/span> <span class=\"p\">[<\/span>\n<span class=\"s1\">'name'<\/span><span class=\"p\">,<\/span> <span class=\"s1\">'email'<\/span><span class=\"p\">,<\/span> <span class=\"s1\">'address'<\/span><span class=\"p\">,<\/span> <span class=\"s1\">'city'<\/span><span class=\"p\">,<\/span> <span class=\"s1\">'gender'<\/span><span class=\"p\">,<\/span>\n<span class=\"p\">];<\/span>\n<span class=\"p\">}<\/span>\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06cc\u0646 \u06cc\u06a9 \u06a9\u0644\u0627\u0633 \u0645\u0639\u0645\u0648\u0644\u06cc \u0645\u062f\u0644 Laravel \u0627\u0633\u062a. \u0645\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0641\u0635\u06cc\u062d MongoDB \u0648\u0627\u0631\u062f \u06a9\u0631\u062f\u06cc\u0645 <code>use MongoDB\\Laravel\\Eloquent\\Mode<\/code>\u0628\u0634\u0631 \u0645\u0627 \u0645\u062f\u0644 \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 MongoDB \u0648\u0635\u0644 \u06a9\u0631\u062f\u06cc\u0645 <code>protected $connection = 'mongodb'<\/code> \u0648 \u06cc\u06a9 \u062c\u062f\u0648\u0644 \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 \u0628\u0647 \u0646\u0627\u0645 multi_step_form \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 <code>protected $table=\"multi_step_form\"<\/code>\u0628\u0634\u0631 <\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%B1%D8%B3%DB%8C%D8%AF%DA%AF%DB%8C_%D8%A8%D9%87_%D9%81%D8%B1%D9%85_%D8%AF%D8%B1_%DA%A9%D9%84%D8%A7%D8%B3_LiveWire\"><\/span>\n<p>  \u0631\u0633\u06cc\u062f\u06af\u06cc \u0628\u0647 \u0641\u0631\u0645 \u062f\u0631 \u06a9\u0644\u0627\u0633 LiveWire<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0628\u06cc\u0627\u06cc\u06cc\u062f \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 LiveWire \u060c \u0628\u0642\u06cc\u0647 \u0639\u0645\u0644\u06a9\u0631\u062f\u0647\u0627\u06cc \u0641\u0631\u0645 \u062e\u0648\u062f \u0631\u0627 \u06a9\u0646\u062a\u0631\u0644 \u06a9\u0646\u06cc\u0645.<\/p>\n<p>\u0628\u0647 \u0633\u0645\u062a <code>app\/Livewire\/MultiStepForm.php<\/code> \u0648 \u0645\u062d\u062a\u0648\u0627\u06cc \u0635\u0641\u062d\u0647 \u0631\u0627 \u0628\u0627 \u06a9\u062f \u0632\u06cc\u0631 \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight php\"><code><span class=\"cp\"><?php <\/span?>\n<span class=\"kn\">namespace<\/span> <span class=\"nn\">App\\Livewire<\/span><span class=\"p\">;<\/span>\n<span class=\"kn\">use<\/span> <span class=\"nc\">Livewire\\Component<\/span><span class=\"p\">;<\/span>\n<span class=\"kn\">use<\/span> <span class=\"no\">Illuminate\\Support\\Facades\\DB<\/span><span class=\"p\">;<\/span>\n<span class=\"kn\">use<\/span> <span class=\"nc\">App\\Models\\MultiStepForm<\/span> <span class=\"k\">as<\/span> <span class=\"nc\">MultiStepFormDB<\/span><span class=\"p\">;<\/span>\n<span class=\"kd\">class<\/span> <span class=\"nc\">MultiStepForm<\/span> <span class=\"kd\">extends<\/span> <span class=\"nc\">Component<\/span>\n<span class=\"p\">{<\/span>\n    <span class=\"k\">public<\/span> <span class=\"nv\">$currentStep<\/span> <span class=\"o\">=<\/span> <span class=\"mi\">1<\/span><span class=\"p\">;<\/span>\n    <span class=\"k\">public<\/span> <span class=\"nv\">$totalSteps<\/span> <span class=\"o\">=<\/span> <span class=\"mi\">3<\/span><span class=\"p\">;<\/span>\n    <span class=\"k\">public<\/span> <span class=\"nv\">$name<\/span><span class=\"p\">;<\/span>\n    <span class=\"k\">public<\/span> <span class=\"nv\">$email<\/span><span class=\"p\">;<\/span>\n    <span class=\"k\">public<\/span> <span class=\"nv\">$address<\/span><span class=\"p\">;<\/span>\n    <span class=\"k\">public<\/span> <span class=\"nv\">$city<\/span><span class=\"p\">;<\/span>\n    <span class=\"k\">public<\/span> <span class=\"nv\">$gender<\/span><span class=\"p\">;<\/span>\n    <span class=\"k\">public<\/span> <span class=\"k\">function<\/span> <span class=\"n\">nextStep<\/span><span class=\"p\">()<\/span>\n    <span class=\"p\">{<\/span>\n        <span class=\"nv\">$this<\/span><span class=\"o\">-&gt;<\/span><span class=\"nf\">validateStep<\/span><span class=\"p\">();<\/span>\n        <span class=\"k\">if<\/span><span class=\"p\">(<\/span><span class=\"nv\">$this<\/span><span class=\"o\">-&gt;<\/span><span class=\"n\">currentStep<\/span> <span class=\"o\">&lt;<\/span> <span class=\"nv\">$this<\/span><span class=\"o\">-&gt;<\/span><span class=\"n\">totalSteps<\/span><span class=\"p\">){<\/span>\n            <span class=\"nv\">$this<\/span><span class=\"o\">-&gt;<\/span><span class=\"n\">currentStep<\/span><span class=\"o\">++<\/span><span class=\"p\">;<\/span>\n        <span class=\"p\">}<\/span>\n    <span class=\"p\">}<\/span>\n    <span class=\"k\">public<\/span> <span class=\"k\">function<\/span> <span class=\"n\">previousStep<\/span><span class=\"p\">()<\/span>\n    <span class=\"p\">{<\/span>\n        <span class=\"nv\">$this<\/span><span class=\"o\">-&gt;<\/span><span class=\"n\">currentStep<\/span><span class=\"o\">--<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n    <span class=\"k\">public<\/span> <span class=\"k\">function<\/span> <span class=\"n\">validateStep<\/span><span class=\"p\">()<\/span>\n    <span class=\"p\">{<\/span>\n        <span class=\"k\">if<\/span><span class=\"p\">(<\/span><span class=\"nv\">$this<\/span><span class=\"o\">-&gt;<\/span><span class=\"n\">currentStep<\/span> <span class=\"o\">===<\/span> <span class=\"mi\">1<\/span><span class=\"p\">){<\/span>\n            <span class=\"nv\">$rules<\/span> <span class=\"o\">=<\/span> <span class=\"p\">[<\/span>\n                <span class=\"s1\">'name'<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"s1\">'required|string'<\/span><span class=\"p\">,<\/span>\n                <span class=\"s1\">'email'<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"s1\">'required|email'<\/span><span class=\"p\">,<\/span>\n            <span class=\"p\">];<\/span>\n            <span class=\"nv\">$this<\/span><span class=\"o\">-&gt;<\/span><span class=\"nf\">validate<\/span><span class=\"p\">(<\/span><span class=\"nv\">$rules<\/span><span class=\"p\">);<\/span>\n            <span class=\"nv\">$this<\/span><span class=\"o\">-&gt;<\/span><span class=\"nf\">saveProgress<\/span><span class=\"p\">(<\/span><span class=\"nv\">$this<\/span><span class=\"o\">-&gt;<\/span><span class=\"n\">email<\/span><span class=\"p\">,<\/span> <span class=\"p\">[<\/span><span class=\"s1\">'name'<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"nv\">$this<\/span><span class=\"o\">-&gt;<\/span><span class=\"n\">name<\/span><span class=\"p\">],<\/span> <span class=\"p\">[<\/span><span class=\"s1\">'email'<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"nv\">$this<\/span><span class=\"o\">-&gt;<\/span><span class=\"n\">email<\/span><span class=\"p\">]);<\/span>\n            <span class=\"nf\">session<\/span><span class=\"p\">()<\/span><span class=\"o\">-&gt;<\/span><span class=\"nf\">flash<\/span><span class=\"p\">(<\/span><span class=\"s1\">'success'<\/span><span class=\"p\">,<\/span> <span class=\"s1\">'Step '<\/span><span class=\"mf\">.<\/span><span class=\"nv\">$this<\/span><span class=\"o\">-&gt;<\/span><span class=\"n\">currentStep<\/span><span class=\"mf\">.<\/span><span class=\"s1\">' saved'<\/span><span class=\"p\">);<\/span>\n        <span class=\"p\">}<\/span><span class=\"k\">elseif<\/span><span class=\"p\">(<\/span><span class=\"nv\">$this<\/span><span class=\"o\">-&gt;<\/span><span class=\"n\">currentStep<\/span> <span class=\"o\">===<\/span> <span class=\"mi\">2<\/span><span class=\"p\">){<\/span>\n            <span class=\"nv\">$rules<\/span> <span class=\"o\">=<\/span> <span class=\"p\">[<\/span>\n                <span class=\"s1\">'address'<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"s1\">'required|string'<\/span><span class=\"p\">,<\/span>\n                <span class=\"s1\">'city'<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"s1\">'required|string'<\/span><span class=\"p\">,<\/span>\n            <span class=\"p\">];<\/span>\n            <span class=\"nv\">$this<\/span><span class=\"o\">-&gt;<\/span><span class=\"nf\">validate<\/span><span class=\"p\">(<\/span><span class=\"nv\">$rules<\/span><span class=\"p\">);<\/span>\n            <span class=\"nv\">$this<\/span><span class=\"o\">-&gt;<\/span><span class=\"nf\">saveProgress<\/span><span class=\"p\">(<\/span><span class=\"nv\">$this<\/span><span class=\"o\">-&gt;<\/span><span class=\"n\">email<\/span><span class=\"p\">,<\/span> <span class=\"p\">[<\/span><span class=\"s1\">'address'<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"nv\">$this<\/span><span class=\"o\">-&gt;<\/span><span class=\"n\">address<\/span><span class=\"p\">],<\/span> <span class=\"p\">[<\/span><span class=\"s1\">'city'<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"nv\">$this<\/span><span class=\"o\">-&gt;<\/span><span class=\"n\">city<\/span><span class=\"p\">]);<\/span>\n            <span class=\"nf\">session<\/span><span class=\"p\">()<\/span><span class=\"o\">-&gt;<\/span><span class=\"nf\">flash<\/span><span class=\"p\">(<\/span><span class=\"s1\">'success'<\/span><span class=\"p\">,<\/span> <span class=\"s1\">'Step '<\/span><span class=\"mf\">.<\/span><span class=\"nv\">$this<\/span><span class=\"o\">-&gt;<\/span><span class=\"n\">currentStep<\/span><span class=\"mf\">.<\/span><span class=\"s1\">' saved'<\/span><span class=\"p\">);<\/span>\n        <span class=\"p\">}<\/span><span class=\"k\">elseif<\/span><span class=\"p\">(<\/span><span class=\"nv\">$this<\/span><span class=\"o\">-&gt;<\/span><span class=\"n\">currentStep<\/span> <span class=\"o\">===<\/span> <span class=\"mi\">3<\/span><span class=\"p\">){<\/span>\n            <span class=\"nv\">$rules<\/span> <span class=\"o\">=<\/span> <span class=\"p\">[<\/span>\n                <span class=\"s1\">'gender'<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"s1\">'required|string'<\/span><span class=\"p\">,<\/span>\n            <span class=\"p\">];<\/span>\n            <span class=\"nv\">$this<\/span><span class=\"o\">-&gt;<\/span><span class=\"nf\">validate<\/span><span class=\"p\">(<\/span><span class=\"nv\">$rules<\/span><span class=\"p\">);<\/span>\n            <span class=\"nv\">$this<\/span><span class=\"o\">-&gt;<\/span><span class=\"nf\">saveProgress<\/span><span class=\"p\">(<\/span><span class=\"nv\">$this<\/span><span class=\"o\">-&gt;<\/span><span class=\"n\">email<\/span><span class=\"p\">,<\/span> <span class=\"p\">[<\/span><span class=\"s1\">'gender'<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"nv\">$this<\/span><span class=\"o\">-&gt;<\/span><span class=\"n\">gender<\/span><span class=\"p\">]);<\/span>\n            <span class=\"nf\">session<\/span><span class=\"p\">()<\/span><span class=\"o\">-&gt;<\/span><span class=\"nf\">flash<\/span><span class=\"p\">(<\/span><span class=\"s1\">'success'<\/span><span class=\"p\">,<\/span> <span class=\"s1\">'Step '<\/span><span class=\"mf\">.<\/span><span class=\"nv\">$this<\/span><span class=\"o\">-&gt;<\/span><span class=\"n\">currentStep<\/span><span class=\"mf\">.<\/span><span class=\"s1\">' saved'<\/span><span class=\"p\">);<\/span>\n        <span class=\"p\">}<\/span>\n    <span class=\"p\">}<\/span>\n    <span class=\"k\">public<\/span> <span class=\"k\">function<\/span> <span class=\"n\">saveProgress<\/span><span class=\"p\">(<\/span><span class=\"nv\">$email<\/span><span class=\"p\">,<\/span> <span class=\"p\">...<\/span><span class=\"nv\">$formFields<\/span><span class=\"p\">)<\/span>\n    <span class=\"p\">{<\/span>\n        <span class=\"nv\">$data<\/span> <span class=\"o\">=<\/span> <span class=\"p\">[];<\/span>\n        <span class=\"k\">foreach<\/span><span class=\"p\">(<\/span><span class=\"nv\">$formFields<\/span> <span class=\"k\">as<\/span> <span class=\"nv\">$value<\/span><span class=\"p\">){<\/span>\n            <span class=\"k\">if<\/span> <span class=\"p\">(<\/span><span class=\"nb\">is_array<\/span><span class=\"p\">(<\/span><span class=\"nv\">$formFields<\/span><span class=\"p\">))<\/span> <span class=\"p\">{<\/span>\n                <span class=\"nv\">$data<\/span> <span class=\"o\">=<\/span> <span class=\"nb\">array_merge<\/span><span class=\"p\">(<\/span><span class=\"nv\">$data<\/span><span class=\"p\">,<\/span> <span class=\"nv\">$value<\/span><span class=\"p\">);<\/span>\n            <span class=\"p\">}<\/span>\n        <span class=\"p\">}<\/span>\n        <span class=\"k\">try<\/span><span class=\"p\">{<\/span>\n            <span class=\"nc\">MultiStepFormDB<\/span><span class=\"o\">::<\/span><span class=\"nf\">updateOrCreate<\/span><span class=\"p\">([<\/span><span class=\"s1\">'email'<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"nv\">$email<\/span><span class=\"p\">],<\/span> <span class=\"nv\">$data<\/span><span class=\"p\">);<\/span>\n        <span class=\"p\">}<\/span><span class=\"k\">catch<\/span><span class=\"p\">(<\/span><span class=\"nc\">\\Exception<\/span> <span class=\"nv\">$e<\/span><span class=\"p\">){<\/span>\n            <span class=\"nc\">\\Log<\/span><span class=\"o\">::<\/span><span class=\"nf\">error<\/span><span class=\"p\">(<\/span><span class=\"s1\">'Error saving MultiStepForm: '<\/span> <span class=\"mf\">.<\/span> <span class=\"nv\">$e<\/span><span class=\"o\">-&gt;<\/span><span class=\"nf\">getMessage<\/span><span class=\"p\">());<\/span>\n            <span class=\"nf\">session<\/span><span class=\"p\">()<\/span><span class=\"o\">-&gt;<\/span><span class=\"nf\">flash<\/span><span class=\"p\">(<\/span><span class=\"s1\">'error'<\/span><span class=\"p\">,<\/span> <span class=\"s1\">'There was an error saving your data. Please try again.'<\/span><span class=\"p\">);<\/span>\n        <span class=\"p\">}<\/span>\n    <span class=\"p\">}<\/span>\n    <span class=\"k\">public<\/span> <span class=\"k\">function<\/span> <span class=\"n\">render<\/span><span class=\"p\">()<\/span>\n    <span class=\"p\">{<\/span>\n        <span class=\"k\">return<\/span> <span class=\"nf\">view<\/span><span class=\"p\">(<\/span><span class=\"s1\">'livewire.multi-step-form'<\/span><span class=\"p\">);<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0645\u0646\u0637\u0642 \u0634\u06a9\u0644\u06cc \u06a9\u0647 \u062f\u0631 \u0622\u0646 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0631\u062f\u06cc\u0645 <code>resources\/views\/livewire\/multi-step-form.blade.php<\/code> \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc \u0634\u0648\u062f <code>app\\Models\\MultiStepForm.php<\/code>\u0628\u0634\u0631 \u0628\u0631\u0627\u06cc \u062f\u0631\u06a9 \u0622\u0633\u0627\u0646\u062a\u0631 \u060c \u0628\u06cc\u0627\u06cc\u06cc\u062f \u06a9\u062f \u0641\u0648\u0642 \u0631\u0627 \u062a\u062c\u0632\u06cc\u0647 \u06a9\u0646\u06cc\u0645.<br \/>\u0628\u0631\u0627\u06cc \u067e\u06cc\u06af\u06cc\u0631\u06cc \u0645\u0631\u0627\u062d\u0644 \u060c \u0645\u0627 \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646 \u0645\u0646\u0638\u0648\u0631 \u062f\u0648 \u0645\u062a\u063a\u06cc\u0631 \u0627\u0639\u0644\u0627\u0645 \u06a9\u0631\u062f\u06cc\u0645. \u062f\u0631 <code>$currentStep<\/code> \u0645\u0631\u062d\u0644\u0647 \u0641\u0639\u0644\u06cc \u06a9\u0627\u0631\u0628\u0631 \u0631\u0627 \u067e\u06cc\u06af\u06cc\u0631\u06cc \u0645\u06cc \u06a9\u0646\u062f \u0648 \u0645\u0642\u062f\u0627\u0631 \u067e\u06cc\u0634 \u0641\u0631\u0636 1 \u0631\u0627 \u062f\u0627\u0631\u062f. <code>$totalSteps<\/code> \u0645\u062a\u063a\u06cc\u0631 \u0686\u0646\u062f \u0645\u0631\u062d\u0644\u0647 \u0631\u0627 \u0645\u0634\u062e\u0635 \u0645\u06cc \u06a9\u0646\u062f. \u0627\u06cc\u0646 \u0645\u0642\u062f\u0627\u0631 \u067e\u06cc\u0634 \u0641\u0631\u0636 3 \u0627\u0633\u062a \u060c \u0646\u0634\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f \u06a9\u0647 \u0641\u0631\u0645 \u0645\u0627 \u062f\u0631 \u06a9\u0644 \u0633\u0647 \u0645\u0631\u062d\u0644\u0647 \u062f\u0627\u0631\u062f.<br \/>\u0645\u0627 \u0633\u0627\u06cc\u0631 \u062e\u0635\u0648\u0635\u06cc\u0627\u062a \u0639\u0645\u0648\u0645\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc \u0646\u06af\u0647 \u062f\u0627\u0634\u062a\u0646 \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u0641\u0631\u0645 \u0627\u0639\u0644\u0627\u0645 \u06a9\u0631\u062f\u06cc\u0645 \u060c \u0645\u0627\u0646\u0646\u062f <code>name<\/code> \u0648\u062a <code>email<\/code>\u0628\u0627 <code>address<\/code> \u0648\u062a <code>city<\/code>\u060c \u0648 \u0633\u0631\u0627\u0646\u062c\u0627\u0645 <code>gender<\/code>\u0628\u0634\u0631<br \/>\u0627\u06cc\u0646 \u062e\u0635\u0648\u0635\u06cc\u0627\u062a LiveWire \u0627\u0633\u062a. \u0622\u0646\u0647\u0627 \u0628\u0647 \u0637\u0648\u0631 \u062e\u0648\u062f\u06a9\u0627\u0631 \u062f\u0631 \u0632\u0645\u0627\u0646 \u0648\u0627\u0642\u0639\u06cc \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0646\u0648\u0639 \u06a9\u0627\u0631\u0628\u0631 \u0628\u0647 \u0631\u0648\u0632 \u0645\u06cc \u0634\u0648\u0646\u062f \u0648 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0641\u0631\u0645 \u0628\u0647 \u0641\u0631\u0645 \u0648\u0635\u0644 \u0645\u06cc \u0634\u0648\u0646\u062f <code>wire:model<\/code> \u06a9\u0647 \u0642\u0628\u0644\u0627\u064b \u0628\u0647 \u0622\u0646 \u0627\u0634\u0627\u0631\u0647 \u06a9\u0631\u062f\u06cc\u0645<\/p>\n<p><strong>NextStep ()<\/strong>: \u0627\u06cc\u0646 \u0631\u0648\u0634 \u0628\u0627 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0648\u0631\u0648\u062f\u06cc \u060c \u0648\u0631\u0648\u062f\u06cc \u0641\u0631\u0645 \u0631\u0627 \u062a\u0623\u06cc\u06cc\u062f \u0645\u06cc \u06a9\u0646\u062f <code>$this-&gt;validateStep()<\/code> \u0631\u0648\u0634 \u0627\u06af\u0631 \u0641\u06cc\u0644\u062f\u0647\u0627\u06cc \u0641\u0631\u0645 \u0628\u0647 \u062f\u0631\u0633\u062a\u06cc \u0641\u06cc\u0644\u062f\u06cc \u0646\u0634\u062f\u0647 \u0628\u0627\u0634\u0646\u062f \u060c \u067e\u06cc\u0627\u0645 \u062e\u0637\u0627 \u0631\u0627 \u0646\u0634\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f. \u0627\u06af\u0631 \u0647\u0645\u0647 \u0686\u06cc\u0632 \u0628\u0647 \u062f\u0631\u0633\u062a\u06cc \u0627\u0646\u062c\u0627\u0645 \u0634\u0648\u062f \u060c \u06a9\u0627\u0631\u0628\u0631 \u0631\u0627 \u0628\u0647 \u0645\u0631\u062d\u0644\u0647 \u0628\u0639\u062f\u06cc \u0645\u0646\u062a\u0642\u0644 \u0645\u06cc \u06a9\u0646\u062f. \u0647\u0645\u0686\u0646\u06cc\u0646 \u0628\u0631\u0627\u06cc \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0646 \u067e\u06cc\u0634\u0631\u0641\u062a \u060c \u06cc\u06a9 \u067e\u06cc\u0627\u0645 \u0645\u0648\u0641\u0642\u06cc\u062a \u0622\u0645\u06cc\u0632 \u0686\u0634\u0645\u06a9 \u0645\u06cc \u0632\u0646\u062f.<\/p>\n<p><strong>\u067e\u06cc\u0634 \u0627\u0632 \u0627\u06cc\u0646 ()<\/strong>: \u0627\u06cc\u0646 \u0631\u0648\u0634 \u0628\u0627 \u06a9\u0627\u0647\u0634 \u0627\u0631\u0632\u0634 \u060c \u06a9\u0627\u0631\u0628\u0631 \u0631\u0627 \u06cc\u06a9 \u0642\u062f\u0645 \u0628\u0647 \u0639\u0642\u0628 \u062d\u0631\u06a9\u062a \u0645\u06cc \u062f\u0647\u062f <code>$this-&gt;currentStep<\/code> \u06a9\u0645\u062a\u0631 \u062a\u0648\u0633\u0637 \u06cc\u06a9<\/p>\n<p><strong>$ this-> valityatestep ()<\/strong>: \u0627\u06cc\u0646 \u0631\u0648\u0634 \u0627\u0639\u062a\u0628\u0627\u0631 \u0633\u0646\u062c\u06cc \u0641\u0631\u0645 \u0631\u0627 \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc \u062f\u0647\u062f \u0648 \u067e\u0633 \u0627\u0632 \u0647\u0631 \u0645\u0631\u062d\u0644\u0647 \u060c \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 \u0631\u0627 \u0628\u0647 \u0631\u0648\u0632 \u0645\u06cc \u06a9\u0646\u062f \u062a\u0627 \u0627\u0632 \u062f\u0633\u062a \u062f\u0627\u062f\u0646 \u062f\u0627\u062f\u0647 \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0634\u0648\u062f. \u0627\u06cc\u0646 \u0645\u0631\u062d\u0644\u0647 \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc \u06a9\u0646\u062f \u060c \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0628\u0631\u0627\u06cc \u0645\u0631\u062d\u0644\u0647 \u0631\u0627 \u062a\u0623\u06cc\u06cc\u062f \u0645\u06cc \u06a9\u0646\u062f \u0648 \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 \u0631\u0627 \u0628\u0647 \u0631\u0648\u0632 \u0645\u06cc \u06a9\u0646\u062f &#8211; \u062f\u0631 \u0645\u0631\u062d\u0644\u0647 \u0627\u0648\u0644 \u060c \u0628\u0631\u0627\u06cc \u0627\u0639\u062a\u0628\u0627\u0631 <code>name<\/code> \u0648\u062a <code>email<\/code>\u061b \u062f\u0631 \u0645\u0631\u062d\u0644\u0647 \u062f\u0648\u0645 \u060c \u0645\u0639\u062a\u0628\u0631 \u0628\u0631\u0627\u06cc <code>address<\/code> \u0648\u062a <code>city<\/code>\u061b \u0648 \u0633\u0631\u0627\u0646\u062c\u0627\u0645 \u060c \u062f\u0631 \u0645\u0631\u062d\u0644\u0647 \u0633\u0648\u0645 \u060c \u0628\u0631\u0627\u06cc <code>gender<\/code>\u0628\u0634\u0631 \u0627\u06af\u0631 \u062e\u0637\u0627\u06cc\u06cc \u0648\u062c\u0648\u062f \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f \u060c \u0645\u0627 \u0622\u0646 \u0631\u0627 \u0646\u0645\u0627\u06cc\u0634 \u0645\u06cc \u062f\u0647\u06cc\u0645. \u0627\u06cc\u0646 \u062e\u0637\u0627 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 \u067e\u06cc\u0627\u0645 \u062e\u0637\u0627 \u062f\u0631 \u067e\u0631\u0648\u0646\u062f\u0647 Blade.php \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f.<br \/>\u0647\u0631 \u0628\u0627\u0631 \u06a9\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0628\u0647 \u0645\u0631\u062d\u0644\u0647 \u0628\u0639\u062f\u06cc \u062d\u0631\u06a9\u062a \u0645\u06cc \u06a9\u0646\u062f \u060c \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u0622\u0646\u0647\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 <code>$this-&gt;saveProgress()<\/code>\u0628\u0634\u0631<\/p>\n<p><strong>$ this-> saveProgress ()<\/strong>: \u0627\u06cc\u0646 \u06cc\u06a9 \u0631\u0648\u0634 \u0633\u0641\u0627\u0631\u0634\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u06cc\u0627 \u0628\u0647 \u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627 \u062f\u0631 \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 MongoDB \u0645\u0627 \u0627\u06cc\u062c\u0627\u062f \u0634\u062f\u0647 \u0648 \u0627\u0632 \u062a\u06a9\u0631\u0627\u0631 \u062e\u0648\u062f\u0645\u0627\u0646 \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight php\"><code> <span class=\"k\">public<\/span> <span class=\"k\">function<\/span> <span class=\"n\">saveProgress<\/span><span class=\"p\">(<\/span><span class=\"nv\">$email<\/span><span class=\"p\">,<\/span> <span class=\"p\">...<\/span><span class=\"nv\">$formFields<\/span><span class=\"p\">)<\/span>\n    <span class=\"p\">{<\/span>\n        <span class=\"nv\">$data<\/span> <span class=\"o\">=<\/span> <span class=\"p\">[];<\/span>\n        <span class=\"k\">foreach<\/span><span class=\"p\">(<\/span><span class=\"nv\">$formFields<\/span> <span class=\"k\">as<\/span> <span class=\"nv\">$value<\/span><span class=\"p\">){<\/span>\n            <span class=\"k\">if<\/span> <span class=\"p\">(<\/span><span class=\"nb\">is_array<\/span><span class=\"p\">(<\/span><span class=\"nv\">$formFields<\/span><span class=\"p\">))<\/span> <span class=\"p\">{<\/span>\n                <span class=\"nv\">$data<\/span> <span class=\"o\">=<\/span> <span class=\"nb\">array_merge<\/span><span class=\"p\">(<\/span><span class=\"nv\">$data<\/span><span class=\"p\">,<\/span> <span class=\"nv\">$value<\/span><span class=\"p\">);<\/span>\n            <span class=\"p\">}<\/span>\n        <span class=\"p\">}<\/span>\n        <span class=\"k\">try<\/span><span class=\"p\">{<\/span>\n            <span class=\"nc\">MultiStepFormDB<\/span><span class=\"o\">::<\/span><span class=\"nf\">updateOrCreate<\/span><span class=\"p\">([<\/span><span class=\"s1\">'email'<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"nv\">$email<\/span><span class=\"p\">],<\/span> <span class=\"nv\">$data<\/span><span class=\"p\">);<\/span>\n        <span class=\"p\">}<\/span><span class=\"k\">catch<\/span><span class=\"p\">(<\/span><span class=\"nc\">\\Exception<\/span> <span class=\"nv\">$e<\/span><span class=\"p\">){<\/span>\n            <span class=\"nc\">\\Log<\/span><span class=\"o\">::<\/span><span class=\"nf\">error<\/span><span class=\"p\">(<\/span><span class=\"s1\">'Error saving MultiStepForm: '<\/span> <span class=\"mf\">.<\/span> <span class=\"nv\">$e<\/span><span class=\"o\">-&gt;<\/span><span class=\"nf\">getMessage<\/span><span class=\"p\">());<\/span>\n            <span class=\"nf\">session<\/span><span class=\"p\">()<\/span><span class=\"o\">-&gt;<\/span><span class=\"nf\">flash<\/span><span class=\"p\">(<\/span><span class=\"s1\">'error'<\/span><span class=\"p\">,<\/span> <span class=\"s1\">'There was an error saving your data. Please try again.'<\/span><span class=\"p\">);<\/span>\n        <span class=\"p\">}<\/span>\n    <span class=\"p\">}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0622\u0646 \u0631\u0627 \u0645\u06cc \u067e\u0630\u06cc\u0631\u062f <code>$email<\/code> \u06a9\u0627\u0631\u0628\u0631 \u062f\u0631 <code>$email<\/code> \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 \u0634\u0646\u0627\u0633\u0647 \u0645\u0646\u062d\u0635\u0631 \u0628\u0647 \u0641\u0631\u062f \u0628\u0631\u0627\u06cc \u0628\u0647 \u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc \u0631\u06a9\u0648\u0631\u062f\u06cc \u06a9\u0647 \u0627\u0632 \u0642\u0628\u0644 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u06cc\u0627 \u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u0631\u06a9\u0648\u0631\u062f \u062c\u062f\u06cc\u062f \u06a9\u0647 \u0648\u062c\u0648\u062f \u0646\u062f\u0627\u0631\u062f \u060c \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f.<br \/>\u0645\u0646 \u0647\u0645\u0686\u0646\u06cc\u0646 \u06cc\u06a9 \u0628\u062d\u062b \u062f\u06cc\u06af\u0631 \u0631\u0627 \u0645\u06cc \u067e\u0630\u06cc\u0631\u0645 \u060c <code>...$formFields<\/code>\u0628\u0634\u0631 \u0627\u06cc\u0646 \u0627\u0645\u0631 \u0645\u0627 \u0631\u0627 \u0642\u0627\u062f\u0631 \u0645\u06cc \u0633\u0627\u0632\u062f \u062a\u0627 \u062a\u0639\u062f\u0627\u062f \u0646\u0627\u0645\u062d\u062f\u0648\u062f\u06cc \u0627\u0632 \u0622\u0631\u0627\u06cc\u0647 \u0647\u0627 \u0631\u0627 \u0628\u0647 \u0631\u0648\u0634 \u0645\u0646\u062a\u0642\u0644 \u06a9\u0646\u06cc\u0645. \u0645\u0627 \u0627\u0632 \u0637\u0631\u06cc\u0642 \u062d\u0644\u0642\u0647 \u062d\u0644\u0642\u0647 \u06a9\u0631\u062f\u06cc\u0645 \u0648 \u0645\u0642\u062f\u0627\u0631 \u0635\u062d\u06cc\u062d \u0631\u0627 \u0628\u0647 \u0622\u0646 \u0627\u062e\u062a\u0635\u0627\u0635 \u062f\u0627\u062f\u06cc\u0645 <code>$data<\/code> \u06a9\u0647 \u0628\u0647 \u0645\u0627 \u0645\u0646\u062a\u0642\u0644 \u0645\u06cc \u0634\u0648\u062f  <code>MultiStepFormDB::updateOrCreate()<\/code> \u0631\u0648\u0634 \u0627\u06cc\u062c\u0627\u062f \u0631\u06a9\u0648\u0631\u062f. <br \/>\u062f\u0631 <code>render()<\/code> \u0628\u0627 LiveWire \u062d\u0645\u0644 \u0645\u06cc \u0634\u0648\u062f. \u0627\u06cc\u0646 \u0646\u0645\u0627\u06cc\u0634 \u062a\u06cc\u063a\u0647 LiveWire.Multi-Step-Form \u0631\u0627 \u06a9\u0647 \u0634\u0627\u0645\u0644 \u0641\u0631\u0645 \u0627\u0633\u062a \u060c \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AA%D8%B3%D8%AA\"><\/span>\n<p>  \u062a\u0633\u062a<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u062f\u0631 \u0627\u06cc\u0646 \u0645\u0631\u062d\u0644\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u0645 \u0622\u0632\u0645\u0627\u06cc\u0634 \u06a9\u0646\u06cc\u0645. \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u062d\u0627\u0635\u0644 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0647\u0646\u0648\u0632 \u0628\u0631\u0646\u0627\u0645\u0647 Laravel \u0634\u0645\u0627 \u0627\u0631\u0627\u0626\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a \u0648 NPM \u0647\u0646\u0648\u0632 \u062f\u0631 \u062d\u0627\u0644 \u0627\u062c\u0631\u0627 \u0627\u0633\u062a. \u0627\u06af\u0631 \u0647\u0646\u0648\u0632 \u0633\u0631\u0648 \u0646\u0634\u062f\u0647 \u0627\u0633\u062a \u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0622\u0646 \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062f\u0633\u062a\u0648\u0631 \u0632\u06cc\u0631 \u0631\u0632\u0631\u0648 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight shell\"><code>php artisan serve\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u0632 \u06cc\u06a9 \u067e\u0646\u062c\u0631\u0647 \u0645\u062a\u0641\u0627\u0648\u062a:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight shell\"><code>npm run dev\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0628\u0647 URL \u0645\u06cc\u0632\u0628\u0627\u0646 \u0645\u062d\u0644\u06cc \u0628\u0631\u0648\u06cc\u062f. \u062f\u0631 \u0645\u0648\u0631\u062f \u0645\u0646 \u060c \u0627\u06cc\u0646 \u0627\u0633\u062a <code>http:\/\/127.0.0.1:8000\/<\/code>\u0628\u0634\u0631 \u0634\u0645\u0627 \u0628\u0627\u06cc\u062f \u06cc\u06a9 \u0635\u0641\u062d\u0647 \u0631\u0627 \u062f\u0642\u06cc\u0642\u0627\u064b \u0645\u0627\u0646\u0646\u062f \u0645\u0646 \u0628\u0628\u06cc\u0646\u06cc\u062f:<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/media2.dev.to\/dynamic\/image\/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fesmsn022fjqlsqm04n9d.gif\" alt=\"\u06cc\u06a9 GIF \u06a9\u0647 \u0645\u0631\u0627\u062d\u0644 \u0622\u0632\u0645\u0627\u06cc\u0634 \u0631\u0627 \u0646\u0634\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f\" loading=\"lazy\" width=\"800\" height=\"474\" data-animated=\"true\" title=\"\"><\/p>\n<p>\u0641\u0631\u0645 \u0631\u0627 \u067e\u0631 \u06a9\u0646\u06cc\u062f \u0648 \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u062d\u0627\u0635\u0644 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0647\u0645\u0647 \u0686\u06cc\u0632 \u0645\u0637\u0627\u0628\u0642 \u0627\u0646\u062a\u0638\u0627\u0631 \u06a9\u0627\u0631 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D9%BE%D8%A7%DB%8C%D8%A7%D9%86\"><\/span>\n<p>  \u067e\u0627\u06cc\u0627\u0646<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u06a9\u0627\u0631 \u062e\u0648\u0628 \u060c \u0627\u06af\u0631 \u062a\u0627 \u0628\u0647 \u0627\u0645\u0631\u0648\u0632 \u062f\u0646\u0628\u0627\u0644 \u06a9\u0631\u062f\u0647 \u0627\u06cc\u062f. \u0645\u0627 \u0628\u0647 \u067e\u0627\u06cc\u0627\u0646 \u0622\u0645\u0648\u0632\u0634 \u0631\u0633\u06cc\u062f\u0647 \u0627\u06cc\u0645. \u0628\u06cc\u0627\u06cc\u06cc\u062f \u06cc\u06a9 \u062f\u0642\u06cc\u0642\u0647 \u0637\u0648\u0644 \u0628\u06a9\u0634\u062f \u062a\u0627 \u062f\u0648\u0628\u0627\u0631\u0647 \u0628\u0647 \u062f\u0633\u062a \u0628\u06cc\u0627\u0648\u0631\u06cc\u0645. \u062f\u0631 \u0627\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634 \u060c \u0645\u0627:<\/p>\n<ul>\n<li>\u06cc\u06a9 \u0641\u0631\u0645 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0648 \u0686\u0646\u062f \u0645\u0631\u062d\u0644\u0647 \u0627\u06cc \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Laravel \u0648 LiveWire \u0633\u0627\u062e\u062a\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a.<\/li>\n<li>\u0627\u0632 \u0627\u0646\u0639\u0637\u0627\u0641 \u067e\u0630\u06cc\u0631\u06cc \u0637\u0631\u062d\u0648\u0627\u0631\u0647 MongoDB \u0628\u0631\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u0641\u0631\u0645 \u062a\u0648 \u062f\u0631 \u062a\u0648 \u0628\u0647 \u0637\u0648\u0631 \u0645\u0624\u062b\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f.<\/li>\n<li>\u062f\u0631\u0627\u06cc\u0648\u0631 PHP MongoDB \u0631\u0627 \u0628\u0631\u0627\u06cc \u062a\u0639\u0627\u0645\u0644 \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0627\u0647\u0631\u0645 \u06a9\u0631\u062f.<\/li>\n<\/ul>\n<p>\u0627\u06af\u0631 \u06a9\u0645\u06cc \u0686\u0627\u0644\u0634 \u0631\u0627 \u062f\u0648\u0633\u062a \u062f\u0627\u0631\u06cc\u062f \u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u062d\u0631\u0627\u0632 \u0647\u0648\u06cc\u062a \u06a9\u0627\u0631\u0628\u0631 \u0631\u0627 \u0628\u0647 \u0641\u0631\u0645 \u062e\u0648\u062f \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f \u0648 \u0627\u0639\u0644\u0627\u0646 \u0647\u0627\u06cc \u0627\u06cc\u0645\u06cc\u0644 \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0645\u062d\u0631\u06a9 \u0647\u0627\u06cc Laravel \u0648 MongoDB \u0628\u0631\u0627\u06cc \u0641\u0631\u0645 \u0647\u0627\u06cc \u0646\u0627\u0642\u0635 \u0627\u062f\u063a\u0627\u0645 \u06a9\u0646\u06cc\u062f.<\/p>\n<p>\u067e\u0631\u0648\u0698\u0647 \u0631\u0627 \u062f\u0631 GitHub \u067e\u06cc\u062f\u0627 \u06a9\u0646\u06cc\u062f. \u0627\u062d\u0633\u0627\u0633 \u0631\u0627\u062d\u062a\u06cc \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0622\u0646 \u0631\u0627 \u06a9\u0644\u0648\u0646 \u06a9\u0646\u06cc\u062f \u060c \u062f\u0631 \u0627\u0637\u0644\u0633 MongoDB \u062b\u0628\u062a \u0646\u0627\u0645 \u06a9\u0646\u06cc\u062f \u0648 \u0622\u0646 \u0631\u0627 \u0628\u0647 \u0646\u06cc\u0627\u0632\u0647\u0627\u06cc \u062e\u0627\u0635 \u062e\u0648\u062f \u0633\u0641\u0627\u0631\u0634\u06cc \u06a9\u0646\u06cc\u062f. \u0628\u0631\u0627\u06cc \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0628\u06cc\u0634\u062a\u0631 \u060c \u0628\u0647 \u062c\u0627\u0645\u0639\u0647 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647 MongoDB \u0628\u067e\u06cc\u0648\u0646\u062f\u06cc\u062f.<\/p>\n<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u062a\u0648\u0633\u0637 \u0645\u0648\u0633\u06cc \u0622\u0646\u0648\u0645\u0627\u062f\u0648 \u0646\u0648\u0634\u062a\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a. \u062f\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u0645\u062f\u0631\u0646 \u060c \u0627\u063a\u0644\u0628 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u062c\u0645\u0639 \u0622\u0648\u0631\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631 \u0627\u0632 \u0637\u0631\u06cc\u0642 \u0641\u0631\u0645 \u0647\u0627 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f. \u0647\u0646\u06af\u0627\u0645\u06cc \u06a9\u0647 \u062c\u0632\u0626\u06cc\u0627\u062a \u0632\u06cc\u0627\u062f\u06cc \u0627\u0632 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0627\u0633\u062a \u060c \u0641\u0631\u0645 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0633\u06cc\u0627\u0631 \u0637\u0648\u0644\u0627\u0646\u06cc \u0628\u0627\u0634\u062f \u0648 \u06a9\u062b\u06cc\u0641 \u0628\u0647 \u0646\u0638\u0631 \u0628\u0631\u0633\u062f. \u0627\u06cc\u0646 \u0627\u063a\u0644\u0628 \u0645\u0646\u062c\u0631 \u0628\u0647 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0628\u062f &hellip;<\/p>\n","protected":false},"author":2,"featured_media":103181,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"https:\/\/media2.dev.to\/dynamic\/image\/width=1000,height=500,fit=cover,gravity=auto,format=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fl7e1kvdd6v4qpf0ug2z7.png","fifu_image_alt":"","footnotes":""},"categories":[339],"tags":[],"class_list":["post-103180","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev"],"_links":{"self":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/103180","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/comments?post=103180"}],"version-history":[{"count":0,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/103180\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media\/103181"}],"wp:attachment":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media?parent=103180"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/categories?post=103180"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/tags?post=103180"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}