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
