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

دسته بندی: آموزش
زمان مطالعه: 1 دقیقه
۳۱ شهریور ۱۳۹۷

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

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

:: توجه

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

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

چه امتیازی به این مقاله می دید؟
نویسنده محمد نجاری
کارشناس و فارغ التحصیل مهندسی نرم افزار،برنامه نویس BackEnd سون‌لرن،یک گیک، 5 سال سابقه برنامه‌نویسی فرانت اند و بک اند.مسلط به زبان های Ruby,php,java,javascript و ... . علاقه مند به Clean Code و مقیاس‌پذیری وب

جلسات دوره

نظرات کاربران

متین خلیلی

سلام و درود.
مهندس یه سوال در رابطه با روتینگ لاراول داشتم
دیتایی که رد و بدل میشه بین ویو و لاراول مگه جیسان نیست؟
پس چطور ما روت هارو داخل web.php تعریف کردیم؟
ضمن اینکه وقتی من اینکارو انجام میدم سمت فرانت خروجی html دریافت میکنم و زمانیکه روت هارو داخل api تعریف میکنم خروجی رو درست میگیرم!
ممنون میشم راهنماییم کنید.
تشکر.

محمد نجاری

هیچ مشکلی نیست شما میتونید از api هم استفاده کنید و حتی jwt هم داشته باشید .مثال های مطرح شده صرفا جهت تمرین است.

Ali Zahedi

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

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

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

محمد نجاری

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

sepehr soltani

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

محمد نجاری

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

متین خلیلی

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

محمد نجاری

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

متین خلیلی

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

متین خلیلی

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

محمد نجاری

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

محمد نجاری

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

حاجی زاده

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

محمد نجاری

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

حاجی زاده

درود آقای نجاری.
در ویدیو گفتید که کسانی که با لاراول کار نکردن در مورد 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 در پروژه خودش استفاده بکند.

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

موفق باشید.

Masoud Aghashiry

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

محمد نجاری

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

پایان زمان پشتیبانی

دانشجوی گرامی، بازه پشتیبانی فعال برای این دوره ۳ ماه است که برای شما به پایان رسیده است.

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

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.