آموزش vue JS : جلسه 33 - پروژه SPA - ( لاراول + vuejs)



visibility  
mode_comment   ۱۷

در این قسمت میخواهیم پنل ادمین یک وبلاگ را با استفاده از Larvel و Vuejs به صورت SPA طراحی کنیم.
بعد از دانلود فایل جلسه برای اجرای پروژه ابتدا دستور :composer install و بعد از آن دستور npm install را در ترمینال وارد کنید.

با ما همراه باشید . . .

info توجه

این مطلب یک جلسه از آموزش حرفه ای vuejs می باشد و برای مشاهده آن باید در دوره ثبت نام کنید.

ثبت نام در آموزش حرفه ای vuejs

comment دیدگاه کاربران

ممنون از مطالبتون. منتظر بخش بعدی هستیم.

محمد نجاری

خواهش میکنم .خوشحالم که مورد پسند شما واقع شده.

حاجی زاده

درود آقای نجاری.
در ویدیو گفتید که کسانی که با لاراول کار نکردن در مورد How to virtual domain in Windows 10 جستجو کنند. جستجو کردم، اما چون با لاراول کار نکردم، نمی‌دونم باید چه کاری رو انجام بدم.
شما در ویدیو هیچ اشاره‌ای نکردید که XAMPP رو در چه مسیری باید نصب کنیم! در مسیر C:\xampp نصب کردم. پیش از نصب یه warning داد:

Important! Because an activated User Account Control (UAC) on your system some functions of xampp are possibly restricted. With UAC please avoid to install XAMPP to C:\Program Files (x86) (missing write permisssions). Or deactivate UAC with msconfig after this setup.

من از VS Code استفاده می‌کنم و در ابتدا دو خطا دریافت کردم و پس از تنظیم گزینه زیر (در قسمت افزودن رمز نوشتم) خطا برطرف شد.
همه چیز با موفقیت تا پیش از وارد کردن vuejs.local/dashboard با موفقیت اجرا می‌شه.
آیا مسیر “c:/xampp/php/php.exe” درست هست؟ اگر به همراه تصویر توضیح بدید، راحت‌تر مشکل رفع خواهد شد.
لطف کنید برای استفاده از لاراول در VS Code و تنظیم XAMPP و … کامل راهنمایی کنید تا مشکلی نباشه.
با سپاس.

"php.validate.executablePath": "c:/xampp/php/php.exe"
محمد نجاری

سلام دوست عزیز

من بارها عرض کرده ام که ویدیو های فصل آخر (لارول) فقط برای کسانی که لاراول را مسلط هستند و میخواهند از مواردی که تا اینجا گقته شده در پروژه های لاروالی خودشون استفاده کنند .به همین دلیل ما دیگر نیازی نیست اموزش نصب xampp یا بهتر بگم روش پیاده سازی استک lamp را آموزش بدهیم چون این افراد خودشان این کار ها را بارها و بارها انجام داده اند ودر مورد vscode هم باید خدمتون عرض کنم بیشتر کسانی که php کد میزنن از phpstorm استفاده میکنند و باز هم تکرار میکنم هدف از ارائه این فصل شبیه سازی تمامی مواردی هست که یک نفر که با لارول کد میزند بتواند از vue در پروژه خودش استفاده بکند.

برای ساخت یک دامنه مجازی هم میتوانید این لینک را ببینید.

موفق باشید.

حاجی زاده

شرمنده! سپاس گزارم. پس فقط ویدیوهای آخر رو تماشا می‌کنم و شاید به یه نکته‌ای و یا … از vueJS تو این ویدیوها اشاره بکنی و اونم یاد بگیرم.
در کل بابت هر چیزی که تو این دوره آموزش دادی، سپاس گزارم. آگاه هستم که همه واسه رمز نویسی PHP از PhpStorm استفاده می‌کنند. اما لپ‌تاپم ۶، ۷ نسل قدیمی هست! که نخوام PhpStorm رو نصب کنم، چون نسبت به VS Code سنگین تر هست.
بازم شرمنده!
مشتی هستی.
سپاس گزارم.

محمد نجاری

قربان شما. خواهش میکنم لطف دارید.

متین خلیلی

سلام
ممنون از دوره خوبتون.
میخواستم بدونم بخش بعدی کی آماده میشه؟
من حقیقت تمام ابهامات و سوالاتم تو همین بخشی هستش که قراره بیرون بیاد.
ممنون.

محمد نجاری

سلام انشالله شنبه آماده خواهد بود.

متین خلیلی

خیلی ممنون.
فقط یه خواهشی داشتم..
تو ویدیو اخر شما blade رو تقسیم بندی نکرده بودین.
میخواستم اگر میشه یه توضیح کوتاهی در مورد اینکه اگر بخوایم layout تعریف کنیم یا section بندی کنیم چجوری میشه از کامپوننت های ویو استفاده کرد.
ممنونم.

محمد نجاری

در ابتدا ویدیو به این اشاره شد که ما سمت لاراول را با ساده ترین حالت پیش خواهیم برد تا عزیزان دچار مشکل نشوند.در مورد تعریف layout فرقی با این حالت ندارد و فقط مثلا منو کناری را از یک سکشن فرخوانی میکنیم و این در اصل ماجرا تغییری ایجاد نخواهد کرد.

متین خلیلی

سلام مجدد
یک سوال دیگه در رابطه با استفاده از webpack داشتم
میخواستم بدونم داخل webpack تمامی فایل های css و js پروژمون رو باید اضافه کنیم؟

محمد نجاری

سلام …
اگر بخواهید که از امکانات لاراول میکس استفاده بکنید باید این کار را بکنید ولی میتوانید جداگانه فایل تون رو در همان صفحه مورد نظرتون اضافه کنید.

sepehr soltani

سلام ممنون از دوره خوبی که تدارک دیدید.
قسمت بعدی کی آماده میشه ؟

محمد نجاری

سلام به زودی کل ویدیو های پروژه را یکباره قرار خواهم داد.
پوزش بابت تاخیر

مجید زارعی هوشیار

سلام….خدمت اقای نجاری عزیز
یه سوالی برام پیش اومده؟….ما اگه بخواهیم در کامپوننت های vue و در قسمت template ها از کد های کد های php استفاده کنیم….ایا شدنی هستش؟
مثلا بخواهیم ویژگی href تگ a رو با استفاده از تابع route مقدار دهی بکنیم….
آیا میشه داخل قسمت template به صورت مستقیم بنویسیم یا که باید این قسمت رو با blade ها هندل کنیم……؟؟؟

محمد نجاری

سلام و وقت بخیر . . .
این کاری که میگید رو نمیشه انحام داد ولی میتونید اون چیزی که میخواهید رو با Api انتقال بدید به کامپوننت و یا از متغیر های global جاوا اسکریپت استفاده کنید.

Ali Zahedi

با سلام
متاسفانه قالب خام این جلسه رو قرار ندادید

ارسال نظرات

کاربر گرامی، امکان ارسال نظر و پشتیبانی برای دوره های مجازی فقط برای دانشجویان این دوره امکان پذیر می باشد.