Wixi Velo kasutamise juhend algajatele

Velo on Wixi toode, millel on keerdumus. Wix on üks populaarsemaid arendusplatvorme veebis. See võimaldab disaineritel (ja keskmisel veebisaidi omanikul) luua hämmastavaid veebisaite ilma ühtki koodirida kirjutamata.

Velo abil laiendab Wix oma kasutajabaasi, et kaasata ka arendajaid. Velo on täispinu arendusplatvorm, mis võimaldab kasutajatel koodi abil suurepäraseid veebisaite luua. Ainus programmeerimiskeel, mida peate Velo kasutamiseks teadma, on JavaScript. Platvorm toetab kaasaegseid JavaScripti funktsioone ja kasutab NodeJS-il põhinevat serveripoolset süsteemi.

Sellest artiklist saate teada Velo ainulaadsete funktsioonide ja nende kasutamise kohta.

Velo arendaja funktsioonid

Velo arendusplatvormil on sisseehitatud IDE, mis võimaldab arendajatel kirjutada JavaScripti koodi ja näha muudatusi reaalajas. Velo töötab NodeJS-i serveris, mis tähendab, et arendajal on juurdepääs npm-pakettidele ja muudele arendaja tööriistadele. Need arendaja funktsioonid hõlmavad järgmist:

• Võimalus luua veebilehel kohandatud paigutusi ja interaktsioone.
instagram viewer
• Võimalus luua andmebaasis kogusid.
• Võimalus luua oma veebisaidi jaoks kohandatud API-sid.

Veebisaidi loomine Velo abil

Velo kasutamiseks peate navigeerima selle põhiveebisaidile. Kui olete seal, valige suvand uue projekti alustamiseks. See viib teid läbi tavapäraste Wixi saidi loomise protsess, kus peate valima veebisaidi tüübi, mida soovite luua. Saate valida malli ise või Wix ADI abil.

Kui olete malli muutmise valiku teinud, näete järgmist kasutajaliidest:

Ülaltoodud pildist vasakul on veebisaidi struktuuri külgriba, mis annab teile juurdepääsu erinevatele JavaScript-failidele, mis on ühendatud kõigi teie veebisaidi lehtedega. Praegu valitud leht on avaleht ja kui vaatate ülaloleva pildi allserva, näete koodiredaktorit, mis kuvab faili HOME.js sisu.

Kohandatud paigutuse struktuuri ja interaktsioonide loomine

Selle artikli jaoks valitud mall on veebipõhine heaolupood. Selle veebisaidi avalehel on "kõige populaarsem", mida näete järgmisel pildil:

Kui aga soovite selle jaotise jaoks kasutada teistsugust pealkirja, saate seda teha Velo redaktoris, sisestades faili HOME.js järgmise koodi.

Fail HOME.js

$w.onReady(funktsiooni () {
 $w('#text20').text = 'TRENDIVAD ÜKSUSED'
});

Ülaltoodud kood värskendab pealkirja "kõige populaarsem" pealkirjaks "populaarsed üksused" ja saate seda värskendust vaadata, klõpsates Velo liidese paremas ülanurgas oleval eelvaate nupul. Avalehel vastavas jaotises peaksite nägema midagi sellist, nagu järgmine väljund:

Töö Velo andmebaasiga

Enamikul dünaamilistel veebisaitidel on andmebaas, mis salvestab andmeid sõltuvalt tüübist erinevalt. Velo salvestab oma andmed kogudesse oma keskandmebaasi. Sellele andmebaasile juurdepääsu saamiseks peate navigeerima Velo arendaja liidesest vasakul asuvasse ridade ja veergude tabelisse.

Nagu ülaltoodud pildilt näha, on igal Wixi mallil olenevalt veebisaidi tüübist mõned vaikekogud. Selle artikli jaoks valitud veebisaidi mall on tervisepood. Seetõttu on sellel vaiketoodete kogum, mida saate hõlpsasti oma esemetega asendada.

Seotud: Kuidas luua Wixiga professionaalne veebipõhine kohalolek

Kui aga soovite oma kollektsiooni nullist luua, on neil ka see võimalus.

Uue kogu loomiseks oma Velo andmebaasis hõljutage lihtsalt kursorit jaotise "Sisukogud" kohal ja tekstist paremale ilmub plussikoon.

Klõpsates ülaloleval pildil uue kollektsiooni valikul, genereeritakse järgmine kollektsiooni loomise vorm:

Kui sisestate kogu nime ja klõpsate nupul Loo, suunatakse teid järgmisele sisuhalduri lehele:

Ülaltoodud sisuhalduri lehel saate alustada oma tootekogu täitmist asjakohaste plussikoonide abil. Kuid enne kui hakkate oma kollektsiooni tooteid lisama, peate looma vastavad väljad.

Vaadake ülaltoodud sisuhalduri lehte; sellel on praegu üks väli – pealkiri. Seda välja ei saa kustutada, kuna see on esmane väli (või kordumatu identifikaator), mis peab igal kogul olema. Siiski saate sellele anda sobivama pealkirja, näiteks toote nime või ID.

Oma kogus olemasoleva välja nime muutmiseks klõpsake lihtsalt kõnealusel väljal ja näete mitut valikut.

Ülaltoodud pildil nähtava atribuudi valiku valimisel kuvatakse järgmine hüpikaken:

Ülaltoodud hüpikvorm võimaldab teil muuta välja nime, sisestades soovitud pealkirja tekstiväljale „välja nimi” ja klõpsates nuppu Salvesta.

Uue välja lisamine

Kogusse uue välja lisamiseks on kaks võimalust. Esimene võimalus on klõpsata kogus olemasolevast pealkirjast paremal oleval plussmärgil. See meetod loob järgmise vormi:

Uus väljavorm võimaldab teil sisestada välja nime, välja võtme (koodiga integreerimiseks) ja välja tüübi. Välja tüüp võib olla üks järgmistest:

• Tekst
• Pilt
• Boolean
• Number
• Päev ja aeg
• Aeg
• Rikastekst
• Viide
• Multi-Viide
• URL

Teine viis oma kogusse uue välja lisamiseks on klõpsata jaotisel "peidetud väljad" ja valida hüpikväljade loendist suvand "Lisa väli". Peaksite nägema midagi alloleval pildil olevat:

Üksuste lisamine kollektsiooni Uue üksuse lisamiseks oma kogusse võite klõpsata sisuhalduri lehe paremal pool asuvat nuppu "Lisa üksus" või klõpsata väljade pealkirjade all olevat plussmärki. Pärast oma esimese üksuse kogusse lisamist peaks see välja nägema järgmine:

Nüüd saate oma kollektsiooni lisada võimalikult palju üksusi, kasutades ühte ülaltoodud meetoditest. Veebisaidi värskendamiseks mis tahes koguga peate esmalt selle saidi avaldama.

Mis teeb Velo põnevaks

Nüüd teate, kuidas kohandada oma veebisaiti, kasutades Velo IDE JavaScripti koodi. Samuti saate Velo andmebaasis luua kohandatud kogusid nii paljude üksustega, kui soovite. Kuid Velo parim asi on npm-pakettide importimise ja kasutamise võimalus.

Mis on npm? JavaScripti paketihalduri selgitus

Täiustage oma projekte npm-pakettidega.

Loe edasi

Autori kohta