|
Kommunikatsiyalarini rivojlantirish vazirligi muhammad al-xorazmiy nomidagi toshkent axborot texnologiyalari universiteti farg
|
| bet | 14/15 | | Sana | 13.06.2024 | | Hajmi | 1,37 Mb. | | #263484 |
Bog'liq Web dasturlash
Ushbu protsedurani bajaradigan kod juda oddiy. Hatto tajribasiz ishlab chiquvchi ham uni har qanday foydalanish holatlarida takrorlashi mumkin.
Bu erda foydalanuvchi interfeysi ikkita teg bilan ifodalanadi: scPlaceFile (bu siz fayllarni joylashtirmoqchi bo'lgan savatning o'zi) va scPlaceFiles (bu fayllarni qayta ishlash natijasi, bu holda ularning ro'yxati).
Sahifaning mantig'i quyidagicha. Sahifa brauzerda yuklanganda, "ondrop" hodisa ishlovchisi savatga tayinlanadi - qo'ying, qolgan voqealar bloklanadi va foydalanilmaydi.
Sahifa normal ishlaydi, lekin tashrif buyuruvchi faylni (fayllarni) tanlab, ularni savat tasviriga, ya'ni scPlaceFile tegiga sudrab borishi bilan “fayllar keldi” hodisasi qayta ishlanadi.
Ushbu ishlov beruvchi shunchaki fayllar ro'yxatini ko'rsatadi. Ularning soni event.dataTransfer.files.length da, har bir fayl haqida maʼlumot event.dataTransfer.files[i].name da. Qabul qilingan ma'lumotlar bilan nima qilish kerakligi ishlab chiquvchi tomonidan belgilanadi, bu holda qabul qilingan fayllar ro'yxati oddiygina shakllantiriladi.
Qayta ishlanganidan keyin hodisa bloklanadi va tarqalmaydi. Bu brauzer havaskor faoliyat bilan shug'ullanmasligi va olingan ma'lumotlarni qayta ishlashga xalaqit bermasligi uchun kerak.
DnD va tashqi ma'lumotlar
Tasvirlarni serverga “drag va drop” usulida yuklash bu texnologiyada keng tarqalgan amaliyotdir. Odatda, ishlab chiquvchi odatdagi usulda (2) ishlaydigan faylni yuklash shaklini (1) yaratadi. Mehmon odatda fayllarni tanlashi va ularni yuklashi mumkin.
Biroq, agar tashrif buyuruvchi shaklning ma'lum bir joyiga sudrab tushsa, u holda fayl nomi maydoni (fayllar) avtomatik ravishda to'ldiriladi.
Bu yaxshi qaror. Albatta, kompyuterda sichqoncha yo'qligini tan olish juda qiyin. Lekin foydalanuvchi interfeysini odatiy tarzda va DnD amalga oshirishda ishlab chiqish yaxshiroqdir.
DnD va ichki ma'lumotlar
Tashrifchining manfaatlariga g'amxo'rlik qilish har doim muhim, ammo ishlab chiquvchining tashvishlari ham muhimdir. Siz nafaqat "drag va drop" ni amalga oshirishingiz mumkin standart vositalar, balki sahifa elementlarida sichqoncha hodisalarini boshqarish orqali ham.
Teg koordinatalari qiymatlari va ularning o'lchamlarini hisoblash vazifasi doimiy ravishda paydo bo'ladi. Qo'lda hisoblash yaxshi amaliyotdir, lekin interaktiv variant qulayroqdir. Barcha teglar har doim to'rtburchaklar shaklida bo'ladi va elementlarning yon tomonlaridagi sichqoncha hodisalarini kuzatish orqali siz elementlarni sahifaning kerakli joyiga avtomatik ravishda ko'chirish yoki ularni o'zgartirish imkoniyatini yaratishingiz mumkin.
Sichqoncha tugmachasini bosish hodisasini boshqarish - bosish saytining koordinatalarini eslab qolish, masalan, elementning bir tomoni. Sichqonchani harakatlantiring - yon tomon kerakli yo'nalishda harakat qiladi. Sichqoncha tugmachasini bo'shatish - yon tomon to'xtaydi va uning koordinatalari o'zgaradi. Shu tarzda siz elementning o'rnini yoki uning hajmini o'zgartirishingiz mumkin.
Bu rasman sudrab tashlash emas, lekin ta'sir o'xshash va amaliy. Har qanday sahifa elementi uchun universal ishlov beruvchilarni yaratish orqali siz yaxshi interaktiv natija olishingiz, rivojlanishni tezlashtirishingiz va kodni soddalashtirishingiz mumkin.
|
|
Bosh sahifa
Aloqalar
Bosh sahifa
Kommunikatsiyalarini rivojlantirish vazirligi muhammad al-xorazmiy nomidagi toshkent axborot texnologiyalari universiteti farg
|
