معرفی پکیج inertia js و کاربرد آن :
پکیج inertia js ، پکیجی برای استفاده یکپارچه از قابلیت های SPA با استفاده از Back End طراحی شده توسط شماست ، ولی این یعنی چی ؟ شاید فکر کنید که Back End چگونه میتواند با Front End در ارتباط باشد خصوصا در حالت SPA ؟!
جواب آن را در توضیحی که از سوی شرکت سازنده ارائه شده است خواهید یافت :
این پکیج هیچ مسیریابی طرف مشتری ندارد و همچنین به API احتیاج ندارد. نگران نباشید ، کنترلرها و ویوهای صفحه مانند همیشه کار خود را انجام میدهند!
شاید شما هم از متن بالا متوجه شده باشید که قرار نیست API یا وبسرویسی برای ارتباط بین Front End و Back End بنویسید و تنها کافیست با همان روش سابق ( نمونه ی زیر ) به کد نویسی خود ادامه دهید و باقی کار را به inertia بسپارید و این یعنی لذت بیشتر در طراحی سایت با لاراول دوست داشتنی و Vue js قدرتمند !
در تصویر بالا ، کدها بصورت معمول دریافت و return میشود و تنها تفاوت آن ، استفاده از کلاس Inertia و متد render است که با این کد شما پوشه Users و فایل index.vue را به آن پاس میدهید و دیگر کاری با لاراول ندارید و در ادامه ، برای نمایش این کد ها به صورت زیر عمل میکنید :
مزیت دیگر inertia js این است که بصورت اتوماتیک کامپوننت های شما را شناسایی میکند ، برای این کار در لاراول 8 پوشه ای به نام pages اضافه شده است (البته بعد از نصب پکیج jetstream و نصب پکیج inertia به کمک دستور ارتیسان jetstream
) که تمام کامپوننت های شما در آن قرار میگیرد . حال بطور مثال اگر برای نمایش - ایجاد و ویرایش کاربران خود نیاز به ایجاد کامپوننت داشته باشید به شکل زیر میبایست عمل کنید.
داخل پوشه pages پوشه دیگری به نام Users ایجاد شده و کامپوننت های نمایش همه کاربران (index.vue) ایجاد و ویرایش کاربران قرار داده شده است