ظاهر کلی برنامه به صورت زیر است:
توضیحات
علی که همچنان مشغول به فعالیت در حوزه وب است پس از تلاشهای فراوان توانسته یک سرور کوچک برای خودش طراحی کند که اطلاعات چند پست را به ما برمیگرداند. حال او میخواهد که اطلاعات پستها را روی صفحه مرورگر نمایش دهد و شما باید به او برای انجام اینکار کمک کنید.
پروژه اولیه
پروژه اولیه را از این لینک دانلود کنید.
ساختار فایلها
showing-posts
├── server
│ └── server.js
├── index.html
├── package.json
└── script.js
راه اندازی پروژه
برای اجرای پروژه، بایدNodeJS
و npm
را از قبل نصب کرده باشید.
- ابتدا پروژهی اولیه را دانلود و از حالت فشرده خارج کنید.
- در پوشهی
showing-posts
، دستورnpm install
را برای نصب نیازمندیها اجرا کنید. - در همین پوشه، دستور
npm run server
را برای راهاندازی سرور پروژه اجرا کنید. - پس از انجام موفق این مراحل، فایل
index.html
را در مرورگر باز کنید.
خواسته های مسئله
- ساخت کلاسی تشکیل شده از پارامتر هایی که از سرور قرار است دریافت شود.
- نوشتن تابعی که به آدرس
http://localhost:3000/posts
درخواست بفرستد و پارامتر هایid
وtitle
وbody
را به ما برگرداند. - نوشتن تابعی که بتواند هر یک از پستهای دریافت شده را درون یک تگ
li
با ساختار زیر قرار دهد و در نهایت آنها را به تگul
با آیدیpost-list
اضافه کند:
<li>
<h3>پست ۱</h3>
<p>.این اولین پست است</p>
<em>شماره ۱</em>
</li>
- صدا زدن صحیح توابع تعریف شده.
نکات
- شما تنها مجاز به اعمال تغییرات در فایل
script.js
هستید. - از ایجاد تغییر در باقی فایلها خودداری فرمایید.
- به هنگام ثبت پاسخ، پروژه را با ساختار زیر ارسال کنید:
[your-zip-file-name].zip
├── server
│ └── server.js
├── index.html
├── package.json
└── script.js
ارسال پاسخ برای این سؤال