Dataperusteinen lomake AngularJS-direktiivillä

Abstract

Insinöörityön tavoitteena oli toteuttaa suomalaiselle ohjelmistoyritykselle mahdollisuus tuottaa dataperusteisia lomakkeita AngularJS-kehykseen.

Projekti toteutettiin olemassa olevan logiikkapalvelimen mukaisesti kehitteillä olevan käyttöliittymän direktiivikomponentiksi. Kyseessä oli hajautettu järjestelmä, jossa sama logiikkapalvelin tarjosi dataa useille eri käyttöliittymille. Käyttöliittymät sisälsivät myös oman pienemmän palvelintoteutuksensa.

Projekti osoittautui tarpeelliseksi työkaluksi tavallisten lomakkeiden luonnin tueksi. Sen avulla voitiin ylläpitää ja tyylitellä lomakkeita suoraan direktiivissä, jolloin tyyli- ja logiikkamuutokset heijastuivat koko verkkosovellukseen.

Projekti valmistui määritellyn aikarajan puitteissa, ja se on käytössä yrityksen useimmissa peruslomakkeissa, joiden käyttöliittymä on rakennettu AngularJS-kehyksen päälle.

The goal of this study was to implement an AngularJS directive that provides data-driven forms for a user interface.

Programming in the project was done using a decentralized system containing one logic server that offered data to a number of different user-interfaces. Each user-interface also contained its own smaller server logic.

The project helped to maintain and stylize the forms directly in the directive, so that the style and logic changes were implemented over the entire web application.

The project was completed within the time frame specified and is in use in most of the company's basic forms, which interface is built on top of the frame of AngularJS.