Vodnik za začetnike za uporabo Velo podjetja Wix

Velo je izdelek Wix z zavojem. Wix je ena izmed bolj priljubljenih razvojnih platform na spletu. Omogoča oblikovalcem (in povprečnemu lastniku spletnega mesta) izdelavo neverjetnih spletnih mest, ne da bi napisali eno samo vrstico kode.

Z Velo Wix širi svojo uporabniško bazo, da vključuje razvijalce. Velo je razvojna platforma s celotnim skladom, ki uporabnikom omogoča ustvarjanje odličnih spletnih mest z uporabo kode. Edini programski jezik, ki ga morate poznati za uporabo Velo, je JavaScript. Platforma podpira sodobne funkcije JavaScript in uporablja sistem na strani strežnika, ki temelji na NodeJS.

V tem članku boste izvedeli o edinstvenih funkcijah Velo in kako jih uporabljati.

Funkcije za razvijalce Velo

Razvojna platforma Velo ima vgrajen IDE, ki razvijalcem omogoča pisanje kode JavaScript in ogled sprememb v realnem času. Velo deluje na strežniku NodeJS, kar pomeni, da ima razvijalec dostop do paketov npm in drugih razvijalskih orodij. Te funkcije razvijalca vključujejo:

• Možnost ustvarjanja postavitev po meri in interakcij na spletni strani.
instagram viewer
• Sposobnost ustvarjanja zbirk v bazi podatkov.
• Možnost ustvarjanja API-jev po meri za vaše spletno mesto.

Ustvarjanje spletnega mesta z uporabo Velo

Če želite uporabljati Velo, se boste morali pomakniti na njegovo glavno spletno mesto. Ko ste tam, izberite možnost za začetek novega projekta. To vas bo popeljalo skozi običajno Postopek ustvarjanja spletnega mesta Wix, kjer boste morali izbrati vrsto spletnega mesta, ki ga želite izdelati. Predlogo lahko izberete sami ali s pomočjo Wix ADI.

Ko izberete možnost urejanja predloge, boste videli nekaj takega kot naslednji uporabniški vmesnik:

Levo od zgornje slike je stranska vrstica strukture spletnega mesta, ki vam omogoča dostop do različnih datotek JavaScript, povezanih z vsemi stranmi na vašem spletnem mestu. Trenutno izbrana stran je domača stran, in če pogledate na dno zgornje slike, vidite urejevalnik kode, ki prikazuje vsebino datoteke HOME.js.

Ustvarjanje strukture postavitve po meri in interakcij

Predloga, izbrana za ta članek, je spletna trgovina za zdravje. Domača stran te spletne strani ima "najbolj priljubljeno", ki jo lahko vidite na naslednji sliki:

Če pa želite za ta razdelek uporabiti drugačen naslov, lahko to dosežete v urejevalniku Velo tako, da v datoteko HOME.js vstavite naslednjo kodo.

Datoteka HOME.js

$w.onReady(funkcijo () {
 $w('#text20').text = 'TRENDOVI'
});

Zgornja koda bo posodobila naslov »najbolj priljubljen« v »trendni elementi« in to posodobitev si lahko ogledate s klikom na gumb za predogled v zgornjem desnem kotu vmesnika Velo. Na domači strani v ustreznem razdelku bi morali videti nekaj podobnega temu izhodu:

Delo z Velo bazo podatkov

Večina dinamičnih spletnih mest ima bazo podatkov, ki shranjuje podatke različno, odvisno od vrste. Velo svoje podatke hrani v zbirkah v svoji centralni bazi podatkov. Za dostop do te baze podatkov se boste morali pomakniti do tabele vrstic in stolpcev na levi strani vmesnika za razvijalce Velo.

Kot lahko vidite na zgornji sliki, ima vsaka predloga Wix nekaj privzetih zbirk, odvisno od vrste spletnega mesta. Predloga spletnega mesta, izbrana za ta članek, je wellness trgovina. Zato ima zbirko privzetih izdelkov, ki jih lahko enostavno zamenjate s svojimi predmeti.

Povezano: Kako zgraditi profesionalno spletno prisotnost z Wixom

Če pa želite svojo zbirko ustvariti iz nič, imajo tudi to možnost.

Če želite ustvariti novo zbirko v bazi podatkov Velo, preprosto premaknite miško nad razdelek »zbirke vsebine« in na desni strani besedila se bo prikazala ikona plus.

S klikom na možnost nove zbirke na zgornji sliki se ustvari naslednji obrazec za ustvarjanje zbirke:

Če vnesete ime zbirke in kliknete gumb za ustvarjanje, vas odpelje na naslednjo stran upravitelja vsebine:

Na zgornji strani upravitelja vsebine lahko začnete polniti svojo zbirko izdelkov z ustreznimi ikonami plus. Toda preden začnete dodajati izdelke v svojo zbirko, boste morali ustvariti ustrezna polja.

Oglejte si zgornjo stran za upravljanje vsebine; trenutno ima eno polje – naslov. Tega polja ne morete izbrisati, ker je primarno polje (ali edinstven identifikator), ki ga mora imeti vsaka zbirka. Lahko pa mu dodelite ustreznejši naslov, na primer ime izdelka ali ID.

Če želite spremeniti ime obstoječega polja v svoji zbirki, preprosto kliknite na zadevno polje in videli boste več možnosti.

Če izberete možnost lastnosti, ki jo lahko vidite na zgornji sliki, se prikaže naslednji pojavni obrazec:

Zgornji pojavni obrazec vam omogoča, da spremenite ime polja, tako da vnesete želeni naslov v besedilno polje z oznako »ime polja« in kliknete Shrani.

Dodajanje novega polja

Obstajata dva načina za dodajanje novega polja v svojo zbirko. Prva možnost je, da kliknete ikono plus na desni strani obstoječega naslova v zbirki. Ta metoda bo ustvarila naslednji obrazec:

Nov obrazec za polje vam omogoča, da podate ime polja, ključ polja (za vključitev v vašo kodo) in vrsto polja. Vrsta polja je lahko katera koli od naslednjih:

• Besedilo
• Slika
• Boolean
• Številka
• Datum in čas
• Čas
• Obogateno besedilo
• Referenca
• Več referenc
• URL

Drugi način za dodajanje novega polja v svojo zbirko je tako, da kliknete razdelek »skrita polja« in na pojavnem seznamu polj izberete možnost »Dodaj polje«. Videti bi morali nekaj podobnega spodnji sliki:

Dodajanje elementov v zbirko Če želite v svojo zbirko dodati nov element, lahko kliknete gumb »Dodaj predmet« na desni strani strani upravitelja vsebine ali kliknete znak plus pod naslovi polj. Ko dodate svoj prvi predmet v svojo zbirko, bi moral izgledati takole:

Zdaj lahko v svojo zbirko dodate čim več predmetov z eno od zgornjih metod. Če pa želite svoje spletno mesto posodobiti s katero koli zbirko, boste morali spletno mesto najprej objaviti.

Kaj naredi Velo vznemirljivo

Zdaj veste, kako prilagoditi svoje spletno mesto s kodo JavaScript v Velo IDE. Ustvarite lahko tudi zbirke po meri s toliko predmeti, kot želite v bazi podatkov Velo. Toda kar je verjetno najboljša stvar pri Velu, je zmožnost uvoza in uporabe paketov npm.

Kaj je npm? Pojasnilo upravitelja paketov JavaScript

Izboljšajte svoje projekte s paketi npm.

Preberite Naprej

O avtorju