Трансформишите своје податке са лакоћом пратећи овај кратак и једноставан водич.
Као програмер, отворени сте за свакодневно суочавање са новим изазовима у различитим пројектима на којима можда радите. Веб апликације понекад морају да обаве неке додатне задатке да би постигле различите циљеве у зависности од пословних или техничких захтева.
Можда ћете морати да прикупите податке из АПИ-ја и обрадите их у другом формату као што су ПДФ, КСМЛ, ДОЦКС или КСЛСКС.
У овом водичу ћете научити како да трансформишете ЈСОН податке примљене из АПИ одговора у добро организовану Екцел табелу у вашој Ангулар апликацији.
Шта је КСЛСКС библиотека?
Кслск библиотека је ефикасан ресурс за Ангулар програмере који желе да трансформишу ЈСОН податке из АПИ одговора у уредну Екцел табелу. Коришћењем овог модула, програмери могу брзо да преузму и измене ЈСОН податке.
Можете користити Кслск библиотеку за креирање извештаја за свој тим или за представљање података на нове начине. Ако желите брз и лак начин управљања подацима у ЈаваСцрипт апликацијама, ово је добра опција.
Како да конфигуришете КСЛСКС библиотеку са Ангулар апликацијом
Пре него што почнете са Кслск библиотеком у вашој Ангулар апликацији, важно је да имате Ноде.јс и Ангулар развојно окружење постављено на вашој машини. Са инсталираним Ноде.јс, Ангулар је лако подесити покретањем нпм инсталл -г @ангулар/цли у терминалу.
Креирајте нови Ангулар пројекат покретањем нг нев [иоур-ангулар-апп-наме] у терминалу. Затим идите у директоријум пројекта као што је приказано у наставку:
Такође можете покренути локални развојни сервер тако што ћете покренути нг служити --о, што вам омогућава да видите своју Ангулар апликацију и промене унете у њу уживо у прегледачу.
Након што сте поставили Ангулар апликацију, инсталирање Кслск библиотеке је једноставан процес који можете довршити једноставним покретањем нпм инсталл клск --саве. Ова команда ће инсталирати зависности потребне за коришћење Кслск библиотеке.
Како претворити ЈСОН податке у КСЛСКС формат у Ангулару
Са Ангулар ЦЛИ, можете генерисати нову услугу покретањем нггенерисање услуге [име услуге] команду у терминалу. На пример, у овом случају можете да генеришете Екцел услугу која вам је потребна нг генерисати услугу ЕкцелСервице.
Ово Генериши команда ће креирати сервисну датотеку: ЕкцелСервице.сервице.тс, у срц/апп именик пројекта. Фајл подразумевано изгледа овако:
увоз { Ињекционо} из'@ангулар/цоре';@Ињецтабле({ обезбеђено у: 'корен' })
извозкласаЕкцелСервицеСервице{
конструктор() { }
}
Ово ЕкцелСервице датотека ће управљати функционалношћу извоза података у Екцел формат. Ажурирајте ЕкцелСервице.сервице.тс датотека да изгледа као код испод:
увоз { Ињекционо} из'@ангулар/цоре';
увоз * као КСЛСКС из'клск';конст ЕКСЦЕЛ_ЕКСТЕНСИОН = '.клск'; // екстензија датотеке екцел
@Ињецтабле({ обезбеђено у: 'корен' })
извозкласаЕкцелСервицеСервице{
конструктор () { }јавностиекпортТоЕкцел(елемент: било који, име датотеке: стринг): празнина{
// генерише радну свеску и додај радни лист
конст вс: КСЛСКС.ВоркСхеет = КСЛСКС.утилс.јсон_то_схеет (елемент);
конст радна свеска: КСЛСКС.ВоркБоок = КСЛСКС.утилс.боок_нев();
// сачувај у датотеку
КСЛСКС.утилс.боок_аппенд_схеет (радна свеска, вс, 'Схеет1');
КСЛСКС.вритеФиле (радна свеска, ${филеНаме}${ЕКСЦЕЛ_ЕКСТЕНСИОН});
}
}
У горњем коду увозите Кслск библиотеку и креирај константну променљиву, ЕКСЦЕЛ_ЕКСТЕНСИОН да сачувате екстензију Екцел датотеке.
Тхе екпортТоЕкцел метода прихвата два параметра: елемент и назив документа. Параметар елемента представља податке за извоз у Екцел датотеку, док је назив документа параметар је назив Екцел датотеке.
Да бисте извезли податке у Екцел датотеку, направите радни лист користећи јсон_то_схеет метод библиотеке Кслск. Такође направите радну свеску користећи библиотеку боок_нев методом.
Затим додајте радни лист у радну свеску помоћу боок_аппенд_схеет методу и сачувајте у датотеку користећи вритеФиле.
Раније сте креирали Екцел услугу да бисте олакшали процес преузимања и претварања ЈСОН података у Екцел лист. Да бисте користили ову услугу, потребно је да креирајте релевантну Ангулар компоненту и увезите сервисну датотеку у њу.
увоз { ЕкцелСервице } из'./екцел.сервице';
Затим морате да га убаците у конструктор компоненте овако:
конструктор(приватни екцелСервице: ЕкцелСервице) {
...
}
Тада можете наставити са имплементацијом функције (екпортЕкцел) где ћете користити екпортТоЕкцел метод за извоз ЈСОН у Екцел. Код испод показује како се то ради.
екпортЕкцел(): празнина {
конст филеТоЕкпорт = ово.апиЈсонРеспонсеДата.мап((ставке: било које) => {
повратак {
"ИД корисник": итемс?.усерИд,
"Ид": итемс?.ид,
"наслов": ставке?.наслов,
"тело": предмети?.тело
}
});
ово.екцелСервице.екпортТоЕкцел(
филеТоЕкпорт,
'ваш ЕкцелФиле-' + НоваДатум().гетТиме() + '.клск'
);
}
У горњем коду сте дефинисали екпортЕкцел метод за позивање екпортТоЕкцел методом ЕкцелСервице. Нова варијабла, филеТоЕкпорт, чува податке за извоз. Тхе апиЈсонРеспонсеДата низ садржи ЈСОН податке добијене из АПИ одговора.
Након тога, тхе екпортТоЕкцел методом екцелСервице узима филеТоЕкпорт и ваш омиљени назив документа. Обратите пажњу на то како можете да додате тренутну временску ознаку имену датотеке да бисте били сигурни да је јединствен. Овај метод ће конвертовати ЈСОН податке и извести их у КСЛСКС датотеку коју затим можете прегледати у Екцел-у.
Ова функција је сада доступна за употребу у било ком делу ваше Ангулар апликације и можете је лако додати као руковалац догађаја за кликните догађај или га користите на било који други погодан начин на основу ваших захтева.
Можете видети пример коришћења ове функције на слици испод. ЈСОН подаци из спољног АПИ-ја се приказују на страници, са дугметом за Извезите податке у Екцел:
Када кликнете на Извезите податке у Екцел дугме, ваш претраживач ће преузети Екцел датотеку. Када ти отворите КСЛСКС датотеку, излазна датотека табеле изгледа овако:
Библиотека Кслск може учинити много више од претварања ЈСОН у Екцел формат. Нуди робусну библиотеку и подржава различите формате датотека на које можете наићи у послу. Погледајте Документација библиотеке Кслск о нпм-у да сазнате више о томе.
Конвертовање података из ЈСОН у Екцел табеле у Ангулару
Можете користити Кслск библиотеку да лако манипулишете Екцел табелама у вашој веб апликацији. Кораци које сте овде спровели омогућавају вам да трансформишете ЈСОН податке из АПИ-ја у добро организовану Екцел табелу. Такође можете да конвертујете Екцел податке назад у ЈСОН користећи друге функције у библиотеци.
Добар начин да вежбате коришћење ове библиотеке је да направите апликацију која генерише недељне или месечне извештаје из АПИ-ја и организује их као Екцел податке.
