Водич за почетнике за коришћење Вело компаније Вик

Вело је Вик производ са преокретом. Вик је једна од најпопуларнијих развојних платформи на вебу. Омогућава дизајнерима (и просечном власнику веб локације) да граде невероватне веб странице без писања иједне линије кода.

Уз Вело, Вик проширује своју корисничку базу како би укључио програмере. Вело је платформа за развој пуног стека која омогућава корисницима да креирају сјајне веб странице користећи код. Једини програмски језик који треба да знате да бисте користили Вело је ЈаваСцрипт. Платформа подржава модерне ЈаваСцрипт функције и користи систем на страни сервера заснован на НодеЈС-у.

У овом чланку ћете научити о Вело јединственим карактеристикама и како их користити.

Вело-ове карактеристике програмера

Развојна платформа Вело има уграђени ИДЕ, омогућавајући програмерима да пишу ЈаваСцрипт код и виде промене у реалном времену. Вело ради на НодеЈС серверу, што значи да програмер има приступ нпм пакетима и другим алатима за програмере. Ове карактеристике програмера укључују:

• Могућност креирања прилагођених изгледа и интеракција на веб страници.
instagram viewer
• Могућност креирања колекција у бази података.
• Могућност креирања прилагођених АПИ-ја за вашу веб локацију.

Креирање веб локације помоћу Вело-а

Да бисте користили Вело, мораћете да одете до његове главне веб странице. Када сте тамо, изаберите опцију за покретање новог пројекта. Ово ће вас провести кроз уобичајено Процес креирања Вик сајта, где ћете морати да изаберете тип веб странице коју желите да направите. Можете одабрати шаблон сами или уз помоћ Вик АДИ-а.

Након што изаберете опцију за уређивање шаблона, видећете нешто попут следећег корисничког интерфејса:

Лево од горње слике је бочна трака структуре веб локације која вам омогућава приступ различитим ЈаваСцрипт датотекама повезаним са свим страницама на вашој веб локацији. Тренутно изабрана страница је почетна страница, а ако погледате дно горње слике, видећете уређивач кода који приказује садржај датотеке ХОМЕ.јс.

Креирање прилагођене структуре распореда и интеракција

Шаблон одабран за овај чланак је интернет продавница веллнесса. Почетна страница ове веб странице има „најпопуларније“, што можете видети на следећој слици:

Међутим, ако желите да користите другачији наслов за овај одељак, то можете постићи у Вело едитору уметањем следећег кода у датотеку ХОМЕ.јс.

Датотека ХОМЕ.јс

$в.онРеади(функција () {
 $в('#тект20').тект = 'СТАВКЕ У ТРЕНДУ'
});

Код изнад ће ажурирати наслов „најпопуларније“ на „трендске ставке, а ово ажурирање можете погледати тако што ћете кликнути на дугме за преглед у горњем десном углу Вело интерфејса. На почетној страници у одговарајућем одељку требало би да видите нешто попут следећег излаза:

Рад са Вело базом података

Већина динамичких веб локација има базу података која складишти податке различито, у зависности од типа. Вело чува своје податке у збиркама у својој централној бази података. Да бисте добили приступ овој бази података, мораћете да одете до табеле редова и колона лево од Вело интерфејса за програмере.

Као што можете видети на горњој слици, сваки Вик шаблон долази са неким подразумеваним колекцијама, у зависности од типа веб локације. Шаблон веб локације одабран за овај чланак је велнес продавница. Због тога има колекцију подразумеваних производа које можете лако заменити својим ставкама.

Повезан: Како изградити професионално присуство на мрежи помоћу Вик-а

Међутим, ако желите да креирате своју колекцију од нуле, они такође имају ту опцију.

Да бисте креирали нову колекцију у вашој бази података Вело, једноставно пређите мишем преко одељка „колекције садржаја“ и икона плус ће се појавити десно од текста.

Кликом на опцију нове колекције на горњој слици ће се генерисати следећи образац за креирање колекције:

Ако унесете назив колекције и кликнете на дугме за креирање, одвешћете вас на следећу страницу менаџера садржаја:

Са горње странице менаџера садржаја можете почети да попуњавате своју колекцију производа користећи релевантне иконе плус. Али пре него што почнете да додајете производе у своју колекцију, мораћете да креирате одговарајућа поља.

Погледајте горњу страницу за управљање садржајем; тренутно има једно поље — наслов. Не можете да избришете ово поље јер је то примарно поље (или јединствени идентификатор) које свака колекција мора да има. Међутим, можете му дати прикладнији наслов, као што је назив производа или ИД.

Да бисте променили назив постојећег поља у својој колекцији, једноставно кликните на дотично поље и видећете неколико опција.

Избор опције својства коју можете да видите на горњој слици ће произвести следећи искачући образац:

Горњи искачући образац вам омогућава да промените назив поља тако што ћете унети наслов који желите у текстуално поље са ознаком „име поља“ и кликнути на „Сачувај“.

Додавање новог поља

Постоје два начина да додате ново поље у своју колекцију. Прва опција је да кликнете на икону плус са десне стране постојећег наслова у колекцији. Овај метод ће генерисати следећи образац:

Нови образац поља вам омогућава да наведете име поља, кључ поља (да се интегрише у ваш код) и тип поља. Тип поља може бити било који од следећих:

• Текст
• Слика
• Боолеан
• Број
• Датум и време
• време
• Рицх Тект
• Референца
• Мулти-Референце
• УРЛ

Други начин да додате ново поље у своју колекцију је тако што ћете кликнути на одељак „скривена поља“ и изабрати опцију „Додај поље“ са искачуће листе поља. Требало би да видите нешто попут слике испод:

Додавање ставки у колекцију Да бисте додали нову ставку у своју колекцију, можете кликнути на дугме „Додај ставку“ са десне стране странице за управљање садржајем или кликните на знак плус испод наслова поља. Након што додате своју прву ставку у своју колекцију, требало би да изгледа овако:

Сада можете додати што више ставки у своју колекцију користећи било који од горе наведених метода. Међутим, да бисте ажурирали своју веб локацију било којом колекцијом, прво морате да објавите веб локацију.

Оно што Вело чини узбудљивим

Сада знате како да прилагодите своју веб локацију користећи ЈаваСцрипт код у Вело ИДЕ-у. Такође можете креирати прилагођене колекције са онолико ставки колико желите у бази података Вело. Али оно што је вероватно најбоља ствар код Велоа је могућност увоза и коришћења нпм пакета.

Шта је нпм? Објашњење менаџера ЈаваСцрипт пакета

Побољшајте своје пројекте помоћу нпм пакета.

Реад Нект

О аутору