آموزش انگولار : کار با مدل های پیچیده
آموزش انگولار : کار با مدل های پیچیده
متن آموزش :
تا کنون ما با یک مدل واقعا ساده کار میکردیم خب، مااین متغیر رو در کنترلر مون داریم که اسمش author هستش، وما یک آبجکت داریم که اطلاعاتی رو درباره نام، تایتل، و کمپانی داره .و از آن در یک قالب بسیار ساده استفاده میکنیم.من می خواهم با یک برنامه واقعی تر کار کنم .بنابراین، من میخوام که اطلاعاتی جدیدی رو اضافه کنم و وی یو مون رو اصلاح کنم تا اطلاعات مون رو مشاهده کنیم .خب بزارید دقیق تر بررسی کنیم .من با کپی کردن بعضی از فایل ها از دسکتاپ شروع میکنم .و در اینجا من یک پوشه سی اس اس و پوشه تصویر دارم،و برخی از داده ها که من قصد دارم در این نرم افزار جدید استفاده کنم .حالا پوشه انگولار رو بازمیکنم، و تصاویر و پوشه سی اس اس را کپی میکنم.و پس از آن من این فایل دیتا دات جی سون را به پوشه جی اس که تمام اطلاعات جاوا اسکریپت من داخل اون هست میبرم.حالا اجازه دهید یه نگاه اجمالی به این فایل ها بندازیم.نگاهی به داکیومنت سی اس اس میندازیم.این برخی از سی اس اس های بسیار اساسی است .درست در اینجا شما می بینید که من تعدادی ریست استایل دارم ، فقط مراقب باشید که در مرورگرهای مختلف یکجور به نظر بیاد .و بعد یک بخش بیس استایل دارم که یک کلییرفیکس داره که مراقب به مشکلات آرایش مونه در زمانی که میخوایم ،عناصر مورد نظرمون رو در این داکیومنت قرار بدیم.و بعد از اون هم سی اس اس های دیگری هست که تنظیم میکنه شیب رو،. تنظیم میکنه استایل اصلی رو برای بادی، هیدلاینها رو، انکر تگ ها و غیره ، و غیره .و پس از آن برخی از استایل های اضافی برای چیزهایی که برای آینده در نظر داریم ، مانند باکس جستجو استایل دکمه ها ، و همچنین برخی از دیگر فیلدها از فرم هایی که بعدا ایجاد میکنیم .و پس از آن استایل آرتیست لیست، که همان چیزی است که ما میخوایم با آن کار کنیم.بنابراین، من قصد ندارم که روی این استایل ها تمرکز کنم .اگر می خواهید که اطلاعات بیشتری در مورد ایجاد استایل شیت های سی اس اس بدونید بهتره که ویدیوهای مربوط اصول سی اس اس رو تماشا کنید .در حال حاضر، فایل دیتای ما فقط نسخه پیچیده تری از آنچه که ما تا کنون انجام داده ایم هست .در اینجا من اسم شو آتور گذاشتم .این یک لیست از آرتیست هاست، بنابراین من قصد دارم که متغیری که در اینجا قرار داره رو،به آرتیست تغییر بدم .و پس از آن من قصد دارم که همه این داده ها رو که، شما می توانید ببینید که یک آرایه هستش به این دلیل که با این براکتها شروع می شود .و پس از آن به جای استفاده از یک عنصر مانند کاری که ما در اینجا انجام میدیم،هر عنصر در آرایه یک سری از نام ها و ول یوها است .بنابراین در اینجا من نام آرتیست و همچنین چیزی به نام شرت نی م رو دارم.در واقع نام کوتاه چیزی بیش از نام تبدیل شده به یک نسخه ساده تر نیست .در اینجا از آندر اسکور برای این بیس استفاده کردیم .و در اینجا آرتیست بیش از یک نام یا بیشتر از یک قسمت اطلاعات بعد از نام دارد ، از این طریق ساده ش کردیم .با این کار من میتونم فایل های ایمیج مو مطابق با آنچه که در این شرت نی م است ایجاد کنم.بنابراین من از نام کوتاه برای ایجاد نام تصاویر استفاده میکنم از این طریق راحتر قابل دسترسی هستند.بنابراین من قصد دارم از همه این اطلاعات استفاده کنم و آنها را به کلیپ بورد کپی کنم و این متغیر آرتیست رو با داده هام جایگزین کنم .راه بهتر برای انجام این کار اینه که این فایل جی سون رو به طور مستقیم به برنامه های انگولار جی اس بازخونی کرد.اما برای انجام این کار من باید در مورد سرویس ها صحبت کنم.خوب حالا اینو تا ویدیو بعدی ذخیره میکنیم.بنابراین من این داکیومنت رو ذخیره میکنم.، اگر شما مشکلی در درک جی سون ،که همین فایل هست دارید ،میتونید دوره های دیگر مثل، جاوا اسکریپت و جی سون رو نگاه کنید .حالا، اجازه دهید جلوتر بریم و اینو کوچکتر کنیم و فایل دیتا دات جی سون رو ببندیم.کار بعدی که باید انجام بدیم اینه که فایل سی اس اس رو ایمپورت کنم .بنابراین یک لینک تگ در اینجا اضافه میکنم.اجازه بدید این پنجره رو کوچکتر کنم، تا بتونیم اینو کمی بهترببینیم.و فایل سی اس اس من که در پوشه سی اس اس است و اسمش استایل دات سی اس اس هست .خوب اینو دخیره میکنیم و برای اینکه مطمئن بشیم که به درستی بالا میاد در یک مرورگر بارگیری میکنیمش .شما می توانید ببینید که شیب ها نشان داده میشه، که به معنی آن است که آن فایل میخونه .و حالا نیازدارم که روی یک نسخه جدید از وی یو کار کنم .بنابراین دو لاین این قسمت رو حذف میکنم.حالا، درست مثل قبل ، من همه چیز را در این کنترلر به نام مای کنترلر قرار بدم .بنابراین من می خواهم یک کلاس اضافه کنم و کلمه مین رو در اینجا اضافه کنم .و سپس در داخل این دیو ، یک لیست نامرتب یا یو ال با یک کلاس از آرتیست لیست اضاف کنم .و ما قصد داریم به برخی از آیتمهای لیست رو در اینجا داشته باشیم .من قصد دارم که یک ال آی با یک کلاس آرتیست اضافه کنم، وهمینطور کلاس سی اف رو، که همون کلیر فیکس ایه که قبلا دیدیم.در حال حاضر ما میخوایم از یک قالب استفاده کنیم که یک سری از این عناصری که از متغیر آرتیست بدست آوردیم رو در بر میگیره .بنابراین برای انجام این کار ما باید از یک دستور جدید استفاده کنیم، این دستور ان جی ریپیت هست، و به ما اجازه می دهد تا عناصر رو در یک آرایه بررسی کنید.بنابراین در اینجا میتونیم بگیم چیزی شبیه به ایجاد ،یک متغیر به نام آیتم که داده ها رو از یک متغیر آرتیست میخونه پس متغیر آرتیست همان چیزی است که شامل آبجکت جاوا اسکریپت ما میشه، همه ش درست در این قسمت .و من قصد دارم که هر یک ازعناصر آرایه آرتیست رو ، به طور موقت در متغیر آیتم قرار بدم، بنابراین من می تونم این متغیر آیتم رو برای ساکن کردن قالبم استفاده کنم.من با ایجاد یک تصویر شروع میکنم ، بنابراین تگ ایمیج، و اس آر سی،ایمیج اسلش .و پس از آن من میخوام از شرت نی م داده هام در این قسمت استفاده کنم،و پس از آن از آندر اسکور تی ان دات جی پی جی به عنوان نام تصاویر کوپک یا تامبنیل استفاده خواهم کرد .بنابراین، به یاد داشته باشید ، در پوشه ایمیج ها ، ما یک دسته از تصاویر رو داریم که ،آنها به عنوان همان چیزی که شرت نی م به علاوه آندر اسکور تی ان دات جی پی جی است نامیده می شود.در واقع از اینجا گرفتیمش.خوب، برای تگ آلت ، ما میگیم فوتو آف و بعدمن از قالب انگولار دیگری در اینجا استفاده میکنم،این دفعه نام رو هم دریافت میکنیم.و پس از آن ، من می خواهم یک بخش در اینجا ایجاد کنم .بنابراین من قصد دارم یک دیو با یک کلاس از اطلاعات ، و میخوام یک تگ اچ۲ قرار بدم، وآن داده ها رو از آیتم نی م میگیره و سپس تگ اچ۳ که آیتم و سپس رینوون یا شهرت رو داره .باز هم میگم که، همه این فیلدها ازاین پایگاه داده می باشد در اینجا ، و یا این داده ها است که ما در حال گرفتن .خوب، پس من اینو ذخیره میکنم، و من قصد دارم به مرورگرم برگردم، فقط این صفحه رو ری فرش میکنم.شما می توانید ببینید که همه آن داده ها نشون داده میشه.با استفاده از این دستور ان جی ریپیت، ما قادریم عناصر آرایه مون رو حلقه بزنیم و آنها را برای الگو استفاده کنیم .شما می توانید به این یو آر ال برای مطالعه بیشتر در مورد دستور ان جی ریپیت برید .در حال حاضر ممکن است شما متوجه این نشید ، اما برنامه ما یک کمی مشکل داره.میخوام بهتون نشون بدم که چه اتفاقد داره میفته .من قصد دارم در اینجا کلیک راست کنم و گزینه اینسپکت المنت رو انتخاب میکنیم .من از گوگل کروم استفاده میکنم.در حال حاضر اگر شما نگاهی به این قسمت بندازید، ما یک اروور در این برنامه داریم .و اگر بر روی آن کلیک کنید ، متوجه خواهید شد که موفق نشده یه رو بارگذاری کنه، و این چیز یک گرافیک با این اسم هست .آنچه اتفاق می افتد این است که انگولار جی اس سعی میکنه تا این تصویر رو بارگذاری کنه .چون در زمانی که لایبرری در حال بارگذاریه، آن قبلش اچ تی ام ال این تصویر رو که در واقع وجود نداره رو میخونه .این اسم یک تصویر واقعی نیست.بلکه یک نگهدارندست است.بنابراین هر زمان که ما با قالب کار میکنیم ، ما نمی توانیم به سادگی یک تصویر رو استفاده کنیم.ما مجبوریم یک نسخه ویژه ای از ایمیج تگ که در واقع یکی دیگر از دستورات انگولار هست رو استفاده کنیم .بنابراین این یکی ان جی سورس نامیده می شود.کاری که میکنه اینه که مانع از بارگذاری هر گونه تصاویر تا بعد از آنکه بارگذاری کتابخانه انگولار به پایان رسید میشه.بنابراین، من قصد دارم به این قسمت بیام وبه جای اس آر سی ، ان جی دش اس آر سی رو تایپ کنم .اینو ذخیره میکنم.به برنامه م برمی گردم، و ریفرش رو میزنم،و شما خواهید دید که که خطا دیگر در آنجا وجود ندارد .این یک چیز کوچک است، اما چیزی است که شما باید مراقب بهش باشید .ما کمی از تنظیمات رو با داده هایبیشتر و پیچیده تر انجام دادیم تا این رو به یک برنامه واقعی تر تبدیل کنیم .مدل ما در حال حاضر از آبجکت جی سون بسیار بزرگ استفاده میکنه.قطعا بهتر خواهد بود اگر بتونیم آن رو از یک فایل خارجی وارد کنیم .به منظور انجام این کار، ما قصد داریم در مورد سرویس ها صحبت کنیم.همونطور که قبلا گفتم در ویدیو بعدی بهش اشاره میکنیم .
نوشته آموزش انگولار : کار با مدل های پیچیده اولین بار در تک آموز پدیدار شد.
مبنع این خبر (برای مشاهده متن کامل خبر لینک زیر را بزنید):
تک آموز