پروژه spa با php mvc و vue js
اقا سلام
امیدوارم حالتون خوب باشه
و معذرت میخام . که دارم تاپیک های زیادی ایجاد میکنم.
من میخواستم از vue js استفاده کنم تو php mvc
ولی متاسفانه ساختار رو نمیدونم به چه شکل هست
و اینکه پروژه بصورت spa هست .چندتا سوال برام پیش اومده بود.
1-باید از vue استفاده کنم یا vue cli ؟
2- در صورت استفاده نکردن از vue cli چطور ماژول های axios و vue router رو بصورت بهینه به پروژم اضافه کنم
3- من میخام داشبورد بصورت کامل spa بشه و اگر خود سایتم spa کنم .نکته منفی نداره؟(چون خیلی کم دیدم سایت ها spa باشند)
4-بعد فایل vue رو باید در کجای پروژه بزارم؟پوشه ی public ؟ و اونجا کد زنی کنم؟ ماژول هاش رو چی؟؟
5- بعد من میخام کامپونت وار کار کنم . تکلیف این view mvc چی میشه؟
اقا خیلی ممنونم میشم . واضح برای من توضیح بدید:)
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
@paressep28
سلام،
اتفاقا خوبه که شما سوالات مختلفی رو مطرح می کنید، وقتی دوستان به شما پاسخگویی می کنند، واسه ی من که مفید واقع میشه.
1- vue-cli بهتر هست ولی اگر بخش بک اند شما لاراول هست بهتره از بخش vue خود لاراول استفاده کنید
2- بهتره که یک پوشه config و یک پوشه routes داشته باشید و داخل هر کدوم موارد مربوطه جهت اتصال رو قرار بدهید.
مثلا در پوشه config بهتر است اتصالات مربوط به axios قرار گیرد.
3- داشبور به صورت spa من خودم خیلی وقته دارم به این شکل کار میکنم و ومشتری هایم بسیار راضی هستند سبک هست و کاربری بسیار بهتری داره اما برای صفحه اصلی سایت زیاد توصیه نمیکنم چون که مشکل Seo داره و گوگل خوب هندل نمیکنه بهترین کار این هست که در جاهایی که فقط نیاز هست از vue بهره گیرید باقی کد ها php یا js با html باشد.
5- بحث کامپاننتی کار کردن جداست که بهتر است همینطور هم باشد ولی vue به صورت mvc نیست کلا چون فقط بخش front رو بر عهده می گیره در عین حال من مدل mvvm رو پیشنهاد میدم
@masoud.mail.info
پاسختون عالی بود دوتا از جواب های سئوالام رو گرفتم
خوب بخش نود ماژول vue cli اون بسیار سنگینه ؟ تاثیری ندارد؟
مدل mvvm رو من نشنیدم ؟ میشه در مورد اون توضیح بودید؟
خب فایل خود ویو باید درون پوشه پابلیک بزارم ؟
اگه من vue cli رو با mvc ترکیب کنم کل پروژم بهم میخوره :) من اصن کلا گیچ شدم
@paressep28
vue-cli هم کاملا جدید هست هم کاربردهای خیلی زیادی در اختیارتون میزاره یک بخش ui هم داره که به راحتی می تونید محیط کاریتون رو کنترل کنید نگران سنگینیش نباشید خروجی کهه میده همون خروجی قبلی هست در ضمن هر نسخه بروز تری از هر برنامه ای که میاد طبیعتا امکانات بیشتری در اختیار قرار دادند و بسیاری از باگ ها رو رفع کردند توصیه من vue-cli است
برای مورد mvvm معماری سمت فرانت هست با یک جستجو توی وب می تونید پاسختون رو دریافت کنید معماری mvc که شما میگید برای برنامه های fullstack هست و دید کلی برنامه هست نه فقط بخش front.فایل اصلی index.html خروجی به شما میده که باید داخل public باشه
@masoud.mail.info
ببینید کلا من داغون شدم:)(زیادی دارم روش فکرمیکنم بیشتر دارم گنگ میشم)
این ساختار پروژه ی منه خب
http://uupload.ir/files/18jt_photo_2019-09-13_20-13-54.jpg
تمام درخواست ها به پوشه پابلیک و فایل index.php فرستاده میشه
خب spa مگه همش تو صفحه ی index نیست؟(منظورم اینه index مادره و صفحات داشبورد تو اون اضافه میشه) خب فرض کنید index هم اینطوریه
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>spa.project</title>
</head>
<body>
<!-- header Dasbord-->
<div id="app"></div>
<!-- built files will be auto injected -->
<!-- footer dashbord-->
</body>
</html>خب من برای خود سایتم که spa نیست چیکارکنم؟ درخواست های اونم به این index فرستاده میشه
@masoud.mail.info
کاشکی سئوال منو کامل میخوندید
خب این برای قسمت panel مدیریت هست.
برای صفحه ی اصلی سایتم که spa نیست چیکار باید کنم؟
شما کلا در مورد بک معلوم هیچی کار نکردید داده ها رو میخواین از کجا بیارید و نمایش بدید در پروژتون شما نیاز به ببخش بک اند دارید حتما لاراول یک گزینه مناسب می تونه براتون باشه دوست عزیز
@masoud.mail.info
چرا ؟ :) .یه ذره بهم برخورد :))(
من php کار کردم
حتی cms با مدل mvc طراحی کردم.
چون تو دوره ای که میدیم .لاراول کار میکرد .کلی سئوال برام پیش اومد .شاید چون سئوالام نامشخص بوده.شما اینطور فکرکردین:)
آقا علیرضا ب نظره من شما اول لاراولو یاد بگیر چون خییلی راحت میتونی یه سایت SPA بنویسی ، خب خیلی از کارارو خوده لاراول کرده فقط کافیه شما vue, vuerouter , axios رو با npm نصب کنی خودش اینارو برات ایمپورت میکنه و فقد دو چیز میمونه 1.ارسال داده 2. دریافت داده
ارسال داده رو که میتونی به راحتی با ایجس انجام بدی و دریافت اطلاعتم که با api های لااول از بک اند دریافت میکنی بعدشم میدی به فرانتت