ToDo lietotne ar datubāzi

Atjaunots: 2025-01-18

Papildināt darāmo darbu (ToDo) lietotni ar datubāzi.

Saturs

Uzdevuma apraksts

Izstrādāt veicamo uzdevumu lietotni ar iespēju:

  • ielādējot aplikāciju redzēt ierakstus no datubāzes (nolasīt neizpildītos uzdevumus datubāzē);
  • ievadīt 'uzdevuma' tekstu;
  • nospiežot pogu, 'uzdevums' pievienojas sarakstam (izveidojas ieraksts datubāzē);
  • ir iespēja izdzēst uzdevumus no saraksta (izdzēšas ieraksts no datubāzes);
  • ir iespēja atzīmēt izpildītos saraksta uzdvevumus (mainās ieraksts datubāzē);
  • ir iespēja redzēt izpildītos uzdevumus (nolasīt izpildītos uzdevumus datubāzē).

Darba gaita

Pamat līmenis

  1. Sagatavot HTML, JS, CSS datņu struktūru, izmantojot repositoriju.
  2. Izplānot datu bāzes tabulas. ID drīkst būt AUTOINCREMENT;
  3. Izveidot servera datni server.js un pievienot pakotnes:
    1. npm init (entry point: server.js);
    2. npm install express;
    3. npm install sqlite3. Dokumentācija šeit;
    4. npm install body-parser;
    5. npm install cors;
  4. Servera datnē, kas atbild par datu bāzes savienojumu (JS, SQL):
    1. Izveidot datu bāzes savienojumu; Datu bāzes nosaukums to-do-app.db;
    2. Izveidot datu bāzes tabulu. Tabulas nosaukums tasks;
    3. Palaiž servera datni server.js ar komandu npx nodemon server.js;
  5. Ar SQLite explorer:
    1. Pārbaudīt, vai tabula ir izveidota;
    2. Pievienot ierakstus tabulā;
      1. INSERT INTO tasks (taskText, done) VALUES ('Test task 1', false);
      2. INSERT INTO tasks (taskText, done) VALUES ('Test task 2', false);
      3. Command palette -> "SQLite: Run Query";
    3. Pārbaudīt, vai ieraksti ir pievienoti;
  6. Izveido galapunktus:
    1. Izveidot izsaukumu galapunktu tabulas ierakstu nolasīšanai;
    2. Izveido izsaukumu galapunktu tabulas ieraksta pievienošanai;
    3. Izveido izsaukumu galapunktu tabulas ieraksta dzēšanai;
    4. Izveido izsaukumu galapunktu tabulas ieraksta atjaunošanai (atzīmēt/neatzīmēt izpildītu).;
  7. Saglabāt ierakstus datubāzē (JS client, JS server, SQL).
  8. Atjaunot uzdevumu sarakstu pēc jauna ieraksta pievienošanas (JS client, JS server, HTML).

Padziļināti

  1. Izpildīto darbu ieraksti atzīmējās arī datubāzē un atbilstoši noformēti ielādējas pēc pārlādes;
  2. Ir iespēja ielādēt tikai izpildītos uzdevumus.
  3. Izdzēstie darbu ieraksti izdzēšas arī datubāzē.
  4. ID atbilst UUID formātam.
  5. Ir iespēja labot uzdevumu tekstu.

Paredzamais izpildes laiks: 240 min.

Nepieciešamie resursi

Nepieciešamās zināšanas

Var izmantot DB Zinašanu krātuvi, kur ir apkopotas pamata zināšanas par datubāzēm un SupaBase.

Ieteikumi

Programmēšana II SR

Aktivitāte vērsta uz šādām Programmēšana II sasniedzamajiem rezultātiem (SR):

  • Prasmes: Plāno atbilstošus programmprodukta risinājumus, t. sk. izmantojot datubāzes, bibliotēku piesaisti u. tml.
  • Prasmes: Izveido un lieto datubāzi.
Autors
Mārtiņš Bērziņš avatar
Mārtiņš Bērziņš

Uzraksti atsauksmi uz [email protected] [email protected]

Smiltenes vidusskolas logo