در این سوال از شما میخواهیم یک فرم ثبتنام اولیه برای داوطلبان اردوی دانشجویی طراحی کنید. از این فرم برای تخمین استقبال دانشجویان از برنامه اردو استفاده خواهدشد. فایل پروژه اولیه را از اینجا دانلود کنید.
شکل کلی پروژه نهایی بصورت زیر خواهد بود (نیازی به پیادهسازی کادرهای سبز رنگ نیست):
پیادهسازی اجزای فرم: این بخش شامل پیادهسازی موارد زیر میباشد که هرمورد دارای امتیاز مخصوص به خود است:
Please enter your information
)Full name
)Gender
)male
یا female
)switch
تایپ اسم و تغییر وضعیت: محلی که برای واردکردن نام درنظر میگیرید باید امکان تایپ کردن و دریافت متن را داشته باشد. همچنین دکمه switch
باید حالت اولیه خاموش داشته باشد و در فرم، جنسیت male
انتخاب شده باشد (شکل سمت چپ). با لمس این switch
و تغییر وضعیت آن به حالت فعال، جنسیت به female
تغییر میکند (شکل وسط) و با تغییر وضعیت دوباره، جنسیت نمایش دادهشده در فرم به حالت اول برمیگردد.
ثبت اطلاعات فرم: با لمس دکمه با متن submit
، برنامه وارد مرورگر میشود و اطلاعات درج شده در فرم در قالب زیر به سرور ارسال میشوند و کدپیگیری ثبتنام، در مرورگر نمایش داده میشود.
نمونه اطلاعات وارد شده در فرم و قالب ارسالی آنها:
نمونه درخواست ارسالی به سرور از طریق مرورگر (فرض کنید آدرس سرور www.yourURL.com
است):
پس از دریافت اطلاعات توسط سرور، یک کد پیگیری در مرورگر نمایش داده میشود. (صرفا جهت اطلاع)
src
و محتویات آن را در فایل zip
ارسالی قرار دهید. (خود پوشه src
را حتما ارسال کنید)strings.json
وجود دارند استفاده کنید.component
تعریف شده در فایل ```Root.jsموجود در پوشه
srcرا بعنوان
componentریشهای درنظر بگیرید و تغییری در فایل
index.js`` موجود در ریشه پروژه اولیه ایجاد نکنید.style
) امتیاز اضافهای درنظر گرفته نمیشود.targetURL
موجود در فایل strings.json
بخوانید.آدرس نمونه موجود در targetURL
:
نمونه ارسال اطلاعات توسط مرورگر:
ساختار بخشی از فایل پایه بصورت زیر است. میتوانید فایلها و فولدرهای موردنیاز خود را به پوشه src
اضافه کنید. همچنین مجازید فقط به فایلهایی که با علامت (---->) مشخص شدهاند کدهای خودتان را اضافه کنید (اما مجاز به تغییر یا حذف کدهای موجود در این فایلها نیستید). درنهایت پوشه src
را همراه با محتویات آن، در قالب یک فایل فشرده ارسال کنید.