„Wix“ „Velo“ naudojimo vadovas pradedantiesiems

„Velo“ yra „Wix“ produktas su pasukimu. „Wix“ yra viena iš populiariausių kūrimo platformų internete. Tai leidžia dizaineriams (ir paprastam svetainės savininkui) sukurti nuostabias svetaines neįrašant nė vienos kodo eilutės.

Naudodama „Velo“, „Wix“ plečia savo vartotojų bazę, įtraukdama kūrėjus. „Velo“ yra pilnos kūrimo platformos, leidžiančios vartotojams kurti puikias svetaines naudojant kodą. Vienintelė programavimo kalba, kurią reikia žinoti norint naudoti „Velo“, yra „JavaScript“. Platforma palaiko modernias „JavaScript“ funkcijas ir naudoja „NodeJS“ pagrįstą serverio sistemą.

Šiame straipsnyje sužinosite apie unikalias Velo funkcijas ir kaip jomis naudotis.

„Velo“ kūrėjo funkcijos

„Velo“ kūrimo platforma turi integruotą IDE, leidžiančią kūrėjams rašyti „JavaScript“ kodą ir matyti pokyčius realiuoju laiku. „Velo“ veikia „NodeJS“ serveryje, o tai reiškia, kad kūrėjas turi prieigą prie npm paketų ir kitų kūrėjo įrankių. Šios kūrėjo funkcijos apima:

• Galimybė kurti tinkintus maketus ir sąveikas tinklalapyje.
instagram viewer
• Galimybė kurti kolekcijas duomenų bazėje.
• Galimybė kurti tinkintas API jūsų svetainei.

Svetainės kūrimas naudojant Velo

Norėdami naudoti Velo, turėsite pereiti į pagrindinę jos svetainę. Kai ten, pasirinkite parinktį pradėti naują projektą. Tai padės jums pereiti įprastą Wix svetainės kūrimo procesas, kur turėsite pasirinkti, kokio tipo svetainę norite sukurti. Galite pasirinkti šabloną patys arba naudodami Wix ADI.

Pasirinkę šablono redagavimo parinktį, pamatysite kažką panašaus į šią vartotojo sąsają:

Aukščiau esančio paveikslėlio kairėje yra svetainės struktūros šoninė juosta, kuri suteikia prieigą prie įvairių „JavaScript“ failų, susietų su visais jūsų svetainės puslapiais. Šiuo metu pasirinktas puslapis yra pagrindinis puslapis, o jei pažvelgsite į aukščiau esančio paveikslėlio apačią, pamatysite kodo rengyklę, rodančią HOME.js failo turinį.

Pasirinktinės išdėstymo struktūros ir sąveikų kūrimas

Šiam straipsniui pasirinktas šablonas yra internetinė sveikatingumo parduotuvė. Šios svetainės pagrindiniame puslapyje yra „populiariausias“, kurį galite pamatyti šiame paveikslėlyje:

Tačiau, jei šiam skyriui norite naudoti kitą antraštę, tai galite pasiekti „Velo“ rengyklėje, įterpę šį kodą į failą HOME.js.

Failas HOME.js

$w.onReady(funkcija () {
 $w('#text20')
});

Aukščiau pateiktas kodas atnaujins antraštę „populiariausias“ į „populiarūs elementai“, o šį naujinimą galite peržiūrėti spustelėję peržiūros mygtuką viršutiniame dešiniajame „Velo“ sąsajos kampe. Pagrindiniame puslapyje atitinkamoje skiltyje turėtumėte pamatyti kažką panašaus į šią išvestį:

Darbas su Velo duomenų baze

Daugumoje dinamiškų svetainių yra duomenų bazė, kurioje duomenys saugomi skirtingai, priklausomai nuo tipo. „Velo“ savo duomenis saugo centrinėje duomenų bazėje esančiose kolekcijose. Norėdami pasiekti šią duomenų bazę, turėsite pereiti į eilučių ir stulpelių lentelę, esančią kairėje Velo kūrėjo sąsajos pusėje.

Kaip matote aukščiau esančiame paveikslėlyje, kiekviename „Wix“ šablone yra keletas numatytųjų kolekcijų, atsižvelgiant į svetainės tipą. Šiam straipsniui pasirinktas svetainės šablonas yra sveikatingumo parduotuvė. Todėl jame yra numatytųjų produktų rinkinys, kurį galite lengvai pakeisti savo prekėmis.

Susijęs: Kaip sukurti profesionalų buvimą internete naudojant „Wix“.

Tačiau, jei norite sukurti savo kolekciją nuo nulio, jie taip pat turi tokią galimybę.

Norėdami sukurti naują kolekciją savo Velo duomenų bazėje, tiesiog užveskite pelės žymeklį ant skilties „turinio rinkiniai“ ir teksto dešinėje atsiras pliuso piktograma.

Spustelėjus naujos kolekcijos parinktį aukščiau esančiame paveikslėlyje, bus sukurta tokia kolekcijos kūrimo forma:

Nurodę kolekcijos pavadinimą ir spustelėję kūrimo mygtuką pateksite į šį turinio tvarkyklės puslapį:

Aukščiau esančiame turinio tvarkyklės puslapyje galite pradėti pildyti produktų kolekciją naudodami atitinkamas pliuso piktogramas. Tačiau prieš pradėdami įtraukti produktus į savo kolekciją, turėsite sukurti atitinkamus laukus.

Pažiūrėkite į aukščiau esantį turinio tvarkyklės puslapį; šiuo metu jis turi vieną lauką – pavadinimą. Negalite ištrinti šio lauko, nes tai yra pagrindinis laukas (arba unikalus identifikatorius), kurį turi turėti kiekviena kolekcija. Tačiau galite suteikti jai tinkamesnį pavadinimą, pvz., produkto pavadinimą arba ID.

Norėdami pakeisti esamo kolekcijoje esančio lauko pavadinimą, tiesiog spustelėkite atitinkamą lauką ir pamatysite keletą parinkčių.

Pasirinkus nuosavybės parinktį, kurią galite matyti aukščiau esančiame paveikslėlyje, bus pateikta tokia iššokanti forma:

Aukščiau pateikta iššokančioji forma leidžia pakeisti lauko pavadinimą įvedant norimą pavadinimą į teksto lauką, pažymėtą „lauko pavadinimas“, ir spustelėjus išsaugoti.

Naujo lauko pridėjimas

Yra du būdai, kaip į kolekciją įtraukti naują lauką. Pirmoji parinktis yra spustelėti pliuso piktogramą esamo kolekcijos pavadinimo dešinėje. Šis metodas sukurs tokią formą:

Naujoje lauko formoje galite pateikti lauko pavadinimą, lauko raktą (kad būtų galima integruoti į kodą) ir lauko tipą. Lauko tipas gali būti bet kuris iš šių:

• Tekstas
• Vaizdas
• Būlio
• Skaičius
• Data ir laikas
• Laikas
• Turiningas tekstas
• Nuoroda
• Daugialypė nuoroda
• URL

Antrasis būdas pridėti naują lauką į savo kolekciją yra spustelėti skyrių „Paslėpti laukai“ ir iškylančiame laukų sąraše pasirinkti parinktį „Pridėti lauką“. Turėtumėte pamatyti kažką panašaus į žemiau esantį paveikslėlį:

Elementų įtraukimas į kolekciją Norėdami į savo kolekciją įtraukti naują elementą, galite spustelėti mygtuką „Pridėti elementą“ turinio tvarkyklės puslapio dešinėje arba spustelėti pliuso ženklą po laukų pavadinimais. Pridėjus pirmąjį elementą prie kolekcijos, jis turėtų atrodyti taip:

Dabar į savo kolekciją galite įtraukti kuo daugiau elementų naudodami bet kurį iš anksčiau pateiktų metodų. Tačiau norėdami atnaujinti savo svetainę naudodami bet kokią kolekciją, pirmiausia turėsite paskelbti svetainę.

Kas daro Velo įdomų

Dabar žinote, kaip tinkinti savo svetainę naudodami „JavaScript“ kodą „Velo IDE“. Taip pat „Velo“ duomenų bazėje galite kurti pasirinktines kolekcijas su tiek elementų, kiek norite. Tačiau tai, kas tikriausiai yra geriausias Velo dalykas, yra galimybė importuoti ir naudoti npm paketus.

Kas yra npm? „JavaScript“ paketų tvarkyklės paaiškinimas

Patobulinkite savo projektus naudodami npm paketus.

Skaitykite toliau

Apie autorių