AO‘zbekiston respublikasi raqamli texnologiyalar vazirligi muhammad al-xorazmiy nomidagi toshkent axborot texnologiyalari universiteti farg‘ona filiali kompyuter injiniringi fakulteti Axborot texnologiyalari kafedrasi

II. AMALIY QISM
Dasturlash muhitini tayorlash.


2.1-rasm
1.Biz birinchi ishchi oynamizni sozlab olihimiz kerak. Buning uchun “Visual studio” Dasturidan foydalandim.

2.2-rasm
2. Dastur ichida “File” menyusi orqali “New Folder” bo’limi tanlanadi va papkani nomini “shopping” deb nomlaymiz va yaratib olamiz.

2.3-rasm
3.Dasturni tuzish davomida VueJs dan foydalangan holda ishlaymiz. U JavaScript fremwork hisoblanadi. Va web dasturlarni frontedn qismi tayorlashda juda ko’p imkoniyatlar beradi. Shuning uchun yaratgan filemizga terminalga npm vue create@latest buyrug’ini yozib VueJs ni yuklab olamiz.

2.4-rasm
4. Biz uchun kerakli kutubhonalarni belgilab olamiz va yuklab olish buyrug’ini yozamiz.



2.5-rasm
5. Dasturni yuklab olganimizdan so’ng uni brauzerda ko’rish uchun bizga https://localhost:5174/ portini ajratib beradi. So’ngra dasturni tuzish uchun muhit tayyor holatga keladi.


Dasturning Turli imkoniyatlari

2.6-ras

6. Biz dasturimizni tayyorlab bolganimkizdan kegin. Daslab bu saytga kirganimizda bizdan dastlab ro’yhatdan o’tiashni so’raydi.

2.7-rasm
7. Dasturdan ro’yhatdan o’tib kirib olganimizdan so’ng. Bizga birinchi home oynasi ochiladi. Bu oyna mavjud mavsulotlarni bittada ketma-ket chiqarib beradi. Biz bu orqali mujozga maxsulotlar haqida malumotlar beramiz.


2.8-rasm
8. Quyidagi shop oynasida barcha maxsulotlarni ko’rishimiz mumkin va chap tarafdagi bo’lim orqali o’zimizga kerakli maxsulotni sartirofka qilib kerakli narx oralig’ini belgilaymiz va kerakli ranglardagi maxsulotniham tanlashimiz mumkin.



2.9-rasm
9. Ushbu holat esa biz birortaham maxsulotga buyurtma bergan bo’lsak paydo bo’ladi