Könyvtári adminisztrációs rendszer

Kiindulás

Hozz létre egy üres webes csomagot a webprog-alap@latest csomag felhasználásával frontend néven, valamint klónozd le a JSON szervert (https://github.com/ignaczdominik/json-server-2024). A kapott db.json fájlt helyezd el a megfelelő helyen és üzemeld be a szervert.

HTML oldal kialakítása

Az oldal formázását az alábbiakon kívül tetszőlegesen megoldhatod.

Készíts egy reszponzív tárolót a main elemből, amely tartalmazza a egyszer az űrlapot, egyszer pedig a táblázatot, amely az adatokat megjeleníti.

Az űrlap esetén két oszlopban helyezkedjenek el a beviteli mezők és az alábbi adatokat tudjuk felvinni a rendszerbe:

• Szerző
• Cím
• Kiadó
• Kiadás éve
• Oldalszám
• ISBN

A táblázat esetében ugyanezeket az oszlopokat jelenítsük meg, valamint biztosítsunk lehetőséget az adatok módosítására és törlésére. Ezekhez egy figyelmezetető és egy veszélyes gombot használj fel.

A módosításhoz az előző űrlapot használd fel.

OOP

Készíts egy Book osztályt amely a korábban megadott mezőket tartalmazza és megfelel az OOP elveknek.

Tartalmazzon egy toJson() függvényt amely visszaadja az adattagokat json formátumban.

Felhasználás

Kérd le a JSON szerverről a már fentlevő könyveket és tárold el a Book osztály egy-egy példányaként őket egy globális tömbben.

Létrehozás során elegendő csak a visszaértkező adatot osztály példánnyá leképezni és azt eltárolni a globális tömbben.

Gondoskodj róla, hogy a létrehozás, törlés és módosítás műveletek esetén az oldalon is azonnal látható legyen a változás, ne kelljen frissíteni azt.

\pagebreak