Načrtovanje in razvoj spletnih aplikacij

22. vaja: Piškotki

Spoznali bomo
  • Kako kreiramo piškotke
  • Kako beremo podatke iz piškotkov
  • Kako uničimo piškotke

Sestavi spletne strani, ki jih prikazujejo spodnje slike. Izdelane naj bodo v HTML5 in s CSS. Strani poimenuj:

  • 22vaja-PHP-priimek-ime.php
  • 22vaja-obrazec-PHP-priimek-ime.php
  • 22vaja-prijava-PHP-priimek-ime.php
  • 22vaja-main-PHP-priimek-ime.php
  • 22vaja-brisi-PHP-priimek-ime.php
  • 22vaja-odjava-PHP-priimek-ime.php
  • 22vaja-odjava-brez-piskotkov-PHP-priimek-ime.php

V dokumente vključi kodo PHP:

Koda PHP
  • na spletni strani 22vaja-obrazec-PHP-priimek-ime.php PHP izpolni polji obrazca, v primeru, da so piškotki postavljeni
  • na spletni strani 22vaja-prijava-PHP-priimek-ime.phpPHP ob pravilno vpisanem geslu in potrjenem polju Zapomni si me kreira piškotka uime in geslo za dobo 1 leto, v katera zapiše vrednosti vnosnih polj obrazca. V primeru, da polje Zapomni si me ni potrjeno, naj veljavnost piškotkov poteče po zaprtju brskalnika. Ob pravilno vpisanem geslu se odpre stran 22vaja-main-PHP-priimek-ime.php, ob nepravilnem geslu, pa se izpiše opozorilo.
    Pri neposrednem dostopu na stran brez pošiljanja podtkov obrazca, se izpiše opozorilo, da je potrebno izpolniti prijavni obrazec. PHP izpiše tudi preostalo HTML vsebino
  • na spletni strani 22vaja-main-PHP-priimek-ime.phpPHP preveri vrednosti piškotkov. Če je prijava uspešna, PHP izpiše pozdravno sporočilo in vrednosti piškotkov, ob neustrezni prijavi pa sledi preusmeritev na začetno stran.
    • Klik na gumb Odjava odpre spletno stran 22vaja-odjava-PHP-priimek-ime.phpna kateri PHP izpiše trenutne vrednosti piškotkov, gumb Pojdi na prijavo pa uporabnika preusmeri na stran 22vaja-obrazec-PHP-priimek-ime.php
    • Klik na gumb Odjava z brisanjem piškotkov! preusmeri na stran 22vaja-brisi-PHP-priimek-ime.php, kjer PHP izbriše piškotke in preusmeri na spletno stran 22vaja-odjava-brez-piskotkov-PHP-priimek-ime.php

Slika spletne strani: 22vaja...

Slika spletne strani v brskalniku
Slika 22.vaje: Piškotki

Slika spletne strani: 22vaja-obrazec...

Slika spletne strani v brskalniku
Slika 22.vaje: Piškotki - Prijava

Slika spletne strani: 22vaja-obrazec...(po nustrezni prijavi)

Slika spletne strani v brskalniku
Slika 22.vaje: Piškotki - Nustrezna prijava

Slika spletne strani: 22vaja-prijava...

Slika spletne strani v brskalniku
Slika 22.vaje: Piškotki - Prijava

Slika spletne strani: 22vaja-main...

Slika spletne strani v brskalniku
Slika 22.vaje: Piškotki - Stran po prijavi

Slika spletne strani: 22vaja-odjava...(po kliku na gumb Odjava)

Slika spletne strani v brskalniku
Slika 22.vaje: Piškotki - Po kliku na gumb Odjava

Slika spletne strani: 22vaja-obrazec...(ponovna prijava pri postavljenih piškotkih)

Slika spletne strani v brskalniku
Slika 22.vaje: Piškotki - Prijava pri postavljenih piškotkih

Slika spletne strani: 22vaja-odjava-brez-piskotkov...(po kliku na gumb Odjava in brisanje piškotkov

Slika spletne strani v brskalniku
Slika 22.vaje: Piškotki - Po kliku na gumb Odjava in brisanje piškotkov

Video spletne strani:

Video spletne strani