Rokasgrāmata iesācējiem Wix Velo lietošanai

Velo ir Wix produkts ar vērpjot. Wix ir viena no populārākajām izstrādes platformām tīmeklī. Tas ļauj dizaineriem (un vidusmēra vietņu īpašniekam) izveidot pārsteidzošas vietnes, neierakstot nevienu koda rindiņu.

Izmantojot Velo, Wix paplašina savu lietotāju bāzi, iekļaujot izstrādātājus. Velo ir pilnas kaudzes izstrādes platforma, kas lietotājiem ļauj izveidot lieliskas vietnes, izmantojot kodu. Vienīgā programmēšanas valoda, kas jums jāzina, lai izmantotu Velo, ir JavaScript. Platforma atbalsta modernās JavaScript funkcijas un izmanto servera puses sistēmu, kuras pamatā ir NodeJS.

Šajā rakstā jūs uzzināsit par Velo unikālajām funkcijām un to izmantošanu.

Velo izstrādātāja funkcijas

Velo izstrādes platformā ir iebūvēts IDE, kas ļauj izstrādātājiem rakstīt JavaScript kodu un redzēt izmaiņas reāllaikā. Velo darbojas NodeJS serverī, kas nozīmē, ka izstrādātājam ir piekļuve npm pakotnēm un citiem izstrādātāja rīkiem. Šīs izstrādātāja funkcijas ietver:

• Iespēja izveidot pielāgotus izkārtojumus un mijiedarbību tīmekļa lapā.
instagram viewer
• Iespēja izveidot kolekcijas datu bāzē.
• Iespēja izveidot pielāgotas API savai vietnei.

Vietnes izveide, izmantojot Velo

Lai izmantotu Velo, jums būs jāpārvietojas uz tā galveno vietni. Kad esat tur, atlasiet iespēju sākt jaunu projektu. Tas ļaus jums iziet cauri ierastajam Wix vietnes izveides process, kur jums būs jāizvēlas vietnes veids, kuru vēlaties izveidot. Jūs varat izvēlēties veidni pats vai ar Wix ADI palīdzību.

Kad būsit atlasījis veidnes rediģēšanas opciju, tiks parādīts šāds lietotāja interfeiss:

Augšējā attēla kreisajā pusē ir vietnes struktūras sānjosla, kas nodrošina piekļuvi dažādiem JavaScript failiem, kas saistīti ar visām jūsu vietnes lapām. Pašlaik atlasītā lapa ir sākumlapa, un, ja skatāties attēla apakšā, tiek parādīts koda redaktors, kas parāda faila HOME.js saturu.

Pielāgotas izkārtojuma struktūras un mijiedarbības izveide

Šim rakstam atlasītā veidne ir tiešsaistes labsajūtas veikals. Šīs vietnes sākumlapā ir “vispopulārākā”, kuru varat redzēt šajā attēlā:

Tomēr, ja vēlaties šai sadaļai izmantot citu virsrakstu, varat to panākt Velo redaktorā, ievietojot tālāk norādīto kodu HOME.js failā.

Fails HOME.js

$w.onReady(funkcija () {
 $w('#text20').text = 'TENDENCES PRIEKŠMETI'
});

Iepriekš minētais kods atjauninās virsrakstu "vispopulārākais" uz "tendences preces", un jūs varat skatīt šo atjauninājumu, noklikšķinot uz priekšskatījuma pogas Velo saskarnes augšējā labajā stūrī. Mājas lapas atbilstošajā sadaļā jums vajadzētu redzēt kaut ko līdzīgu šādai izvadei:

Darbs ar Velo datu bāzi

Lielākajai daļai dinamisko vietņu ir datu bāze, kurā dati tiek glabāti atšķirīgi atkarībā no veida. Velo savus datus glabā kolekcijās savā centrālajā datubāzē. Lai piekļūtu šai datubāzei, jums būs jāpārvietojas uz rindu un kolonnu tabulu, kas atrodas Velo izstrādātāja saskarnes kreisajā pusē.

Kā redzat iepriekš redzamajā attēlā, katrai Wix veidnei atkarībā no vietnes veida ir dažas noklusējuma kolekcijas. Šim rakstam atlasītā vietnes veidne ir labsajūtas veikals. Tāpēc tajā ir noklusējuma produktu kolekcija, ko varat viegli aizstāt ar savām precēm.

Saistīts: Kā izveidot profesionālu tiešsaistes klātbūtni, izmantojot Wix

Tomēr, ja vēlaties izveidot savu kolekciju no nulles, viņiem ir arī šī iespēja.

Lai izveidotu jaunu kolekciju savā Velo datu bāzē, vienkārši virziet kursoru virs sadaļas “Satura kolekcijas”, un teksta labajā pusē parādīsies plusa ikona.

Augšējā attēlā noklikšķinot uz jaunās kolekcijas opcijas, tiks izveidota šāda kolekcijas izveides veidlapa:

Ievadot kolekcijas nosaukumu un noklikšķinot uz pogas Izveidot, tiks atvērta šāda satura pārvaldnieka lapa:

Iepriekš esošajā satura pārvaldnieka lapā varat sākt aizpildīt savu produktu kolekciju, izmantojot atbilstošās pluszīmes ikonas. Taču, pirms sākat kolekcijai pievienot produktus, jums ir jāizveido atbilstošie lauki.

Apskatiet satura pārvaldnieka lapu augstāk; tai pašlaik ir viens lauks — nosaukums. Šo lauku nevar izdzēst, jo tas ir primārais lauks (vai unikālais identifikators), kuram ir jābūt katrai kolekcijai. Tomēr varat piešķirt tam piemērotāku nosaukumu, piemēram, produkta nosaukumu vai ID.

Lai mainītu kolekcijā esoša lauka nosaukumu, vienkārši noklikšķiniet uz attiecīgā lauka, un tiks parādītas vairākas iespējas.

Atlasot rekvizītu opciju, ko varat redzēt iepriekš attēlā, tiks parādīta šāda uznirstošā veidlapa:

Iepriekš redzamā uznirstošā veidlapa ļauj mainīt lauka nosaukumu, teksta laukā ar nosaukumu “lauka nosaukums” ievadot vajadzīgo nosaukumu un noklikšķinot uz Saglabāt.

Jauna lauka pievienošana

Ir divi veidi, kā kolekcijai pievienot jaunu lauku. Pirmā iespēja ir noklikšķināt uz pluszīmes ikonas pa labi no esošā kolekcijas nosaukuma. Šī metode ģenerēs šādu veidlapu:

Jaunā lauka forma ļauj norādīt lauka nosaukumu, lauka atslēgu (lai integrētu kodā) un lauka veidu. Lauka veids var būt jebkurš no šiem:

• Teksts
• Attēls
• Būla
• Numurs
• Datums un laiks
• Laiks
• Bagātināts teksts
• Atsauce
• Vairākas atsauces
• URL

Otrs veids, kā kolekcijai pievienot jaunu lauku, ir noklikšķināt uz sadaļas “slēptie lauki” un uznirstošo lauku sarakstā atlasot opciju “Pievienot lauku”. Jums vajadzētu redzēt kaut ko līdzīgu zemāk redzamajam attēlam:

Vienumu pievienošana kolekcijai Lai kolekcijai pievienotu jaunu vienumu, satura pārvaldnieka lapas labajā pusē varat noklikšķināt uz pogas "Pievienot vienumu" vai noklikšķināt uz pluszīmes zem lauku nosaukumiem. Pēc pirmā vienuma pievienošanas savai kolekcijai tam vajadzētu izskatīties šādi:

Tagad savai kolekcijai varat pievienot pēc iespējas vairāk vienumu, izmantojot kādu no iepriekš minētajām metodēm. Tomēr, lai atjauninātu savu vietni ar jebkuru kolekciju, vispirms vietne ir jāpublicē.

Kas padara Velo aizraujošu

Tagad jūs zināt, kā pielāgot savu vietni, izmantojot JavaScript kodu Velo IDE. Velo datubāzē varat arī izveidot pielāgotas kolekcijas ar tik daudz vienumu, cik vēlaties. Bet tas, kas, iespējams, ir labākais Velo aspekts, ir spēja importēt un izmantot npm pakotnes.

Kas ir npm? JavaScript pakotņu pārvaldnieka skaidrojums

Uzlabojiet savus projektus, izmantojot npm pakotnes.

Lasiet Tālāk

Par autoru