pravljenje tabele u mysql-u · web view(14) sačuvajte rad pomoću menija file > save. (15) sada...

53
GIMNAZIJA IVANJICA MATURSKI RAD PREDMET: Web design TEMA: Izrada dinamičke web stranice

Upload: others

Post on 12-Aug-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

GIMNAZIJAIVANJICA

MATURSKI RAD

PREDMET: Web designTEMA: Izrada dinamičke

web stranice

Profesor: Učenik: Zoran Vučetić Nenad Kostić IV4

Ivanjica

2010

Page 2: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

Sadržaj:Pravljenje tabele u MySQL-u...........................................3

Otvaranje wamp servera...............................................................................3Kreiranje baze podataka...............................................................................4Kreiranje tabele.............................................................................................4Popunjavanje tabele......................................................................................5DSN (Data Source Name, ime izvora podataka).........................................6

Kreiranje dinamičke web stranice u Dreamweaver-u.......................................................................8

Konfigurisanje sajta......................................................................................8Spajanje baze podataka i web sajta............................................................11Pravljenje stranice koja se zasniva na bazi podataka................................13Dodavanje novog zapisa u bazu podataka.................................................18Stranice ADMIN.........................................................................................26Stranica Izbriši............................................................................................32Pretraga zapisa iz baze podataka................................................................36

Pravljenje stranice za pretragu....................................................................................36Pravljenje stranice za prikazivanje rezultata...............................................................40

LITERATURA................................................................................43

2

Page 3: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

Pravljenje tabele u MySQL-u

Otvaranje wamp servera

Da bismo napravili bazu podataka u koja će nam biti potrebna za kreiranje dinamičke web stranice potreban nam je wamp server. Wamp server se moze pokrenuti dvoklikom na ikonicu na desktopu.

Kada pokrenemo wamp server, na desnoj strani taskbara pojaviće se ikonica.

Zatim treba da kliknemo levim klikom miša na nju, a potom kliknite na phpMyAdmin, a zatim će vam se otvoriti vaš brauzer a stranica koje će se otvoriti izgleda ovako.

3

Page 4: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

Kreiranje baze podataka

Prvo treba da kreiramo bazu podataka. To ćemo uraditi na sledeći način: kliknite na

SQL i otvoriće vam se sledeći prozor u kome kucamo kod za kreiranje baze podataka. Kod treba da izgleda CREATE DATABASE ime_baze. Kada to uradite kliknite na GO i baza će biti kreirana.

Kreiranje tabele

Kada smo napravili bazu sada treba da ubacimo tabelu. Pravićemo tabelu Artikal (Sifra, Naziv, Jedinica_mere, Kolicina, Cena). Kliknite na bazu koju ste kreirali, klikom

na nju, a zatim opet treba da kliknete na SQL da bismo napravili tabelu. Tabelu ćemo kreirati na sledeći način:

4

Page 5: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

Šifra je primarni ključ (PRIMARY KEY) i ne može imati vrednost NULL i izražava se celim brojevima, označava se sa INT, Naziv je podatak koji se izražava slovima pa ćemo koristiti VARCHAR(30) što znači da reč može imati do 30 slova, Jedinica_mere je tip podatka koji sadrži ENUM što znači da možemo koristiti samo mere koje su nam date (l, m, kg, kom), Količina je tipa INT što znači da se izražava u celim brojevima, a Cena takođe. Kliknite na GO i tabela će biti kreirana.

Popunjavanje tabele

Popunjavanje tabele se vrši na sledeći način: kliknite na tabelu koju smo kreirali, a

zatim na SQL . Popunjavanje tabele se vrši uz pomoć koda INSERT INTO ime_tabele VALUES.

5

Page 6: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

Svaki artikal se unosi posebno između (), naziv i jedinica_mere se kod popunjavanja tabele moraju stavljati pod navodnike (‘’) jer se prikazuju kao reči. I sada smo konačno napravili tabelu koja izgleda ovako.

DSN (Data Source Name, ime izvora podataka)

(1) Da bismo podesili DSN potrebno je da imate instaliran program mysql-connector-odbc-win32. Otvorite Control Panel i kliknite na Administrative tools, a zatim dvostrukim klikom miša pritisnite ikonicu Data Sources (ODBC).

(2) Izaberite karticu System DSN i prinsitite dugme Add.

6

Page 7: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

(3) Izaberite My SQL ODBC 5.1 Driver iz liste dostupnih upravljackih programa pritisnite na dugme Finish.

(4) Otvara se My SQL Connector.- U polje Data Source Name napišite npr. Zomix- U polje Server napišite localhost- U polje User napišite root - Kliknite na Test- Sada u polju Database odaberite bazu podataka koju smo kreirali Prodavnica

7

Page 8: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

(5) U listi System Data Sources ćete videti da je dodata prodavnica DSN veza. Pritisnite dugme OK da biste zatvorili prozor.

8

Page 9: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

Kreiranje dinamičke web stranice u Dreamweaver-u

Konfigurisanje sajta

Za pravljenje sajta koristićemo Dreamweaver 8. Pre pravljenja web stranice bazirane na podacima moramo da konfigurišemo sajt u Dreamweaveru. To moramo da uradimo kako bi program znao gde se čuvaju datoteke za sajt. Sajt ćemo raditi u PHP-u.

(1) Iz menija Site izaberite New Site.

(2) Izaberite karticu Advanced, pa iz liste Category izaberite Local Info. Na taj način govorimo Dreamweaver-u gde se nalazi sajt na kojem radimo.

- U polje Site Name upišite ime sajta npr. ZOMIX- U polju Local Root Folder nađite C:\wamp\www\ZOMIX- Ostala podešavanja ne dirajteNEMOJTE PRITISNUTI DUGME OK!

9

Page 10: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

(3) Sada iz liste Category izaberite Remote Info i podesite opcije kao što je prikazano na slici. NEMOJTE JOŠ PRITISNUTI OK.

(4) Sada iz liste Category izaberiteTesting Server.- Iz menija Server Model izaberite PHP MySQL - Iz menija Acess izaberite Local/Network

Pojavljuje se polje Testing Server Folder, u njemu nađite C:\wamp\www\ZOMIX, a u polju URL Prefix treba da stoji http://localhost/ZOMIX.

SADA MOŽETE PRITISNUTI OK.

10

Page 11: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

(5) Otvorite karticu Files. U prozoru Local View ćete videti novi napravljeni ZOMIX sajt.

(6) Vreme je da pređemo na rad sa prikazom stranice. U kartici Files, desnim tasterom miša izaberite zeleni folder.

(7) Iz pomoćnog menija koji se pojavljuje izaberite New File.

(8) Pojavljuje se nova php datoteka. Dajte joj naziv index.php. U toj datoteci ćemo praviti stranicu na osovu baze podataka.

11

Page 12: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

NAPOMENA: Ponekad nakon definisanja sajta Dreamweaver je nesiguran i ne prikazuje potvrdu pored stavki document type ili testing server kao što je prikazano na gornjoj. Ako se to dogodi jednostavno pritisnite vezu document type ili testing server i ponovo ih podesite.

(10) Područje Database kartice Application bi trebalo da izgleda kao na donjoj slici, sa potvrdama 1, 2 i 3.

Spajanje baze podataka i web sajta

(1) Sada kada Dreamweaver zna gde su sve datoteke, možemo da napravimo vezu između web sajta i baze podataka. U području Database kartice Application pritisnite dugme +. Iz menija koji se pojavljuje izaberite MySQL Connection.

- U polje Connection Name upišite conZomix- U polje MySQL Connection unesite localhost- U polje User name upišite root

12

Page 13: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

- U polju Database kliknite na Select i pronađite kreiranu bazu prodavnica

I kliknite na OK.

(2) Pritisnite Test i pojaviće se pomoćni okvir sa porukom da je veza uspešno uspostavljena. Pritisnite OK da biste ga zatvorili, pa pritisnite OK u prozoru MySQL Connection da biste sačuvali novu vezu.

(3) Pojavljuje se žuta ikona „bubnja“ u odeljku baze podataka kartice koja predstavlja vezu između web sajta i baze podataka.

13

Page 14: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

(4) U području Site kartice Files se nalazi novi napravljeni folder pod imenom Connections. Ovaj folder sadrži datoteku conZomix.php. Toj datoteci se automatski obraćaju sve stranice koje treba da se povežu sa bazom podataka.

Pravljenje stranice koja se zasniva na bazi podataka

(1) Otvorite stranicu index.php u Dreamweaver-u i umetnite tabelu koja sadrži 4 reda i 5 kolona. Konfigurišite je na način prikazan na donjoj slici.

(2) Izaberite karticu Bindings u okviru Application, pa pritisnite dugme +.

14

Page 15: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

(3) Sa pomoćnog menija koji se pojavljuje izaberite Recordset (Query). Recordset je skup uputstava koji se koriste za definisanje sa kojim podacima će naša web stranica raditi i kako ti podaci treba da budu predstavljeni.

(4) Kad se prozor Recordset otvori ...- U polje Name upišite rsArtikal- U polju Connection iz menija odaberite conZomix- U plju Table treba da stoji Artikal- Pritisnite dugme za izbor opcija All- Ne dirajte ostala podešavanja

15

Page 16: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

(5) Kada pritisnete dugme Test pojaviće se prozor Test SQL Statement. Ako ste sve uradili kako treba videće se svi zapisi vaše baze podataka biće prikazani kako na donjoj slici.

(6) Pritisnite dugme OK da biste zatvorili prozor Test SQL Statement, pa ponovo pritisnite dugme OK da biste zatvorili prozor Recordset.

(7) Pogledajte karticu Bindings. Videćete da je napravljen skup upustava. Pritisnite dugme + u polju za potvrdu pored ikonice skupa. Time će se proširiti stablo skupa. Prikazane su sve kolone iz baze podataka (kao i neke stavke koje još nećemo koristiti).

(8) Postavite kursor u tabelu oznacenu kao Šifra pa pritisnite. Zatim pređite u karticu Bindings i iz liste izaberite Sifra. Na kraju pritisnite dugme Insert.

16

Page 17: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

(9) Videćete da je u tabelu umetnuto {rsArtikal.Sifra}. Time ćemo dobijati informacije iz kolone Sifra baze podataka.

(10) Ponovite ovaj korak za ostatak tabele...- Postavite kursor u tabeku označenu kao Naziv pa pritisnite. Zatim pređite na

karticu Bindings i iz liste izaberite Naziv. Na kraju, pritisnite dugme Insert.- Postavite kursor u tabeku označenu kao Jedinica mere pa pritisnite. Zatim pređite

na karticu Bindings i iz liste izaberite Jedinica_mere. Na kraju, pritisnite dugme Insert.

- Postavite kursor u tabeku označenu kao Količina pa pritisnite. Zatim pređite na karticu Bindings i iz liste izaberite Kolicina. Na kraju, pritisnite dugme Insert.

- Postavite kursor u tabeku označenu kao Cena pa pritisnite. Zatim pređite na karticu Bindings i iz liste izaberite Cena. Na kraju, pritisnite dugme Insert.

Možete formatirati izgled teksta prikazanog u tabeli ako izaberete kod i koristite alatke za svojstva teksta u kartici svojstva.

(11) Sada treba na tabelu da primenimo Repeat Region (ponovi region) kako bi bili prikazani svi zapisi baze podataka. Ako to ne uradimo kada testitramo stranicu biće prikazan samo prvi zapis.

- Postavite kursor u ćeliju Šifra kako prikazuje strelica na donjoj slici.- Selektujte 5 najdonjih ćelija (čelije će imati crnu pozadinu kako je prikazano na

donjoj slici).- Zatim izaberite karticu Server Behaviors u kartici Application.- Pritisnite dugme +, pa iz menija izaberite Repeat Region.

17

Page 18: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

(12) Pojavljuje se prozor Repeat Region. Proverite da li se u polju Recordset pojavljuje rsArtikal, pa izaberite dugme All Records. Pritisnite digme OK. Tako će svi zapisi iz baze podataka biti prikazani na stranici index.php.

(13) Vreme je za jedan kratak test. Pritisnite dugme Live Data View i videćete da se svi zapisi baze podataka pojavljuju na ekranu. Pritisnite to dugme ponovo i vratite se u prikaz Design View.

(14) Sačuvajte rad pomoću menija File > Save.

18

Page 19: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

(15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko od brauzera.

I dobićete sledeći izgled stranice koja sadrži sve zapise iz baze podataka.

Dodavanje novog zapisa u bazu podataka

(1) Kreirajte novu stranicu dodaj.php, pomoću nje ćemo u bazi podataka dodati nove artikle.

(2) Napravite novu stranicu...

19

Page 20: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

(3) ... i dajte joj ime dodaj.php.

(4) Stranicu za dodavanje javnost obično ne gleda pa je nećemo posebno uređivati. Dajte stranici naslov DODAJ NOVI ARTIKAL i na stranici umetnite Form pritiskom na odgovarajuće digme na paleti alatki Forms.

NAPOMENA: Ako ne vidite crvenu isprekidanu liniju Form Delimeter idite na Edit Preferences > Invisible Elements i potvrdite polje Form Delimeter.

(5) Vratite se na paletu alatki Common i umetnite tabelu unutar (INTO) obrasca (pritisnite unutar graničnih linija obrasca). Tabela treba da ima 12 redova i 2 kolone.

20

Page 21: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

I napravite tabelu oblika...

(6) Ponovo se vratite na paletu alatki Form i umetnite TextField u ćeliju označenu kao Šifra.

21

Page 22: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

(7) Dok je i dalje izabrano Text Field pređite na panel svojstava i polju TextField dajte ime Sifra. Neka ima broj znakova (CharWidth) 50.

Primetite da smo polju TextField dali tačno isto ime kao i u polju baze podataka u koju će se unositi podaci. Time ne samo da štedimo kasniji napor, već i sprečavamo pojavljivanje uobičajenih grešaka too few parameters (previše parametara). Ovakve greške se mogu pojaviti kada dođe do neslaganja između spelovanja polja obrasca i polja baze podataka.

(8) Umetnite još 3 polja TextFields kako je prikazano i označite ih na sledeći način (za jedinicu mere nema tekstualnoh polja, za nju ćemo koristiti padajući meni)

- Naziv = Naziv i 50 characters- Količina = Kolicina i 50 characters- Cena = Cena i 50 characters

22

Page 23: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

(9) Sada pritisnite u ćeliju rezervisanu za element obrasca Jedinica mere i izaberite List/Menu sa palate alatki Forms.

(10) Sa i dalje izabranim List/Menu pređite na panel svojstava i polju List/Menu dajte ime Jedinica_mere. Pritisnite dugme za izbor opcije Menu, pa pritisnite dugme List Values.

(11) Podesite List Values (listu vrednosti) kako je prikazano pritiskom na dugme + da biste dodali svaki novi red.

Pritisnite OK.

23

Page 24: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

NAPOMENA: Item Label je tekst prikazan u padajućem meniju. Value je vrednost koja će biti prosleđena bazi podataka. Ako pogrešite, označite upis i pritisnite dugme -. Ako želite da izmenite poziciju stavke, označite je i koristite strelicu nagore ili nadole.

(12) Sada pređite na krajnju donju ćeliju i umetnite Submit Button (dugme za potvrdu) pritiskom na ikonu Button na paleti alatki Forms.

(13) Označite dugme kao Dodaj artikal i proverite da li je potvrđeno polje za izbor opcije Submit Form.

(14) Pritisnite bilo gde izvan graničnih linija obrasca, pa pritisnite oznaku <form#form1> u području pregleda na dnu ekrana. Ceo obrazac će biti izabran. Pređite na panel svojstava i obrascu dajte ime dodaj. Proverite da le je izabran metod POST. Za sada vam neće biti ništa potrebno iz polja Actions.

Sada bi obrazac trebao da izgleda ovako...

24

Page 25: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

(15) Sada ćemo primeniti ponašanje Insert Record. Pritisnite digme + na panelu Server Behaviors i iz menija izaberite Insert Record.

(16) Otvoriće se prozor Insert Record.- Iz menija Connection izaberite conZomix- Iz menija Insert table izaberite artikal- U polju After inserting, go to pređite na index.php

25

Page 26: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

(17) Pritisnite OK, i sacuvajte stranicu File > Save. A sada kada testiramo stranicu ona treba da izgleda ovako...

Ovako sada izgleda prikaz na web stranici.

A sada da pogledamo kako izgleda tabela artikal u bazi podataka.

26

Page 27: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

Stranice ADMIN

Back End (zadnji deo) sajta kontrolišu stranice Admin Pages (administratorske stranice). Već ste konstruisali jednu stranicu admin (stranicu dodaj.php), sada ćemo napraviti još nekoliko.

(1) Napravite 4 nove dataoteke i nazovite ih:- admin.view.php- izbrisi.php- potvrda.php- admin_control.php

(2) Otvorite datoteku admin_control i dajte joj odgovarajuće zaglavlje ADMIN CONTROL. Sada napravite 4 linka.

- Dodaj Artikal se povezuje sa dodaj.php- Izbrisi Artikal se povezuje sa admin.view.php- Artikli se povezuje sa index.php

Sačuvajte stranicu.

(3) Zatim ćemo napraviti stranicu Potvrda Akcije. Ova stranica se prikazuje kada uspešno izbrišemo ili unesemo zapis. Otvorite stranicu potvrda.php i unesite zaglavlje Potvrda Akcije i nakon toga Akcija je uspešno kompletirana. Na toj stranici napravite link koji se povezuje sa admin_control.php.

27

Page 28: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

(4) Dajmo stranici Potvrda Akcije malo automatizma, tako da vam onaj link na stranicu admin_control.php neće biti potreban. Iz menija Insert izaberite HTML > Head Tags > Refresh.

(5) U prozoru Refresh unesite zakašnjenje od 3 sekunde i podesite Go TO URL na admin_control.php. Pritisnite dugme OK.

Sada kad god je neko usmeren na strnicu za potvrdu automatski će se preusmeriti na stranicu admin_control.php nakon 3 sekunde. Zašto nam je potreban i link i rutina

28

Page 29: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

osvežavanja? Neki pretraživači ne vole oznake osvežavanja. To se zove „Igraj na sigurno“ Sačuvajte rad.

(6) Otvorite stranicu admin.view.php i dajte jo zaglavlje ADMIN VIEW. Napravite link, ispod zaglavlja koji se povezuje sa stranicom admin.control.php.

(7) Sada umetnite tabelu sa 3 reda i 6 kolone i konfigurisite je na način kako je prikazano na slici.

(8) Ponovo je vreme za Recordset... Znate rutinu...Povezivanje...Dugme +...Recordset.

(9) Podesite Recordset na sledeći način:- Name = rsAdminView- Connection = conZomix- Columns = All

29

Page 30: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

(10) Pritisnite dugme Test i videćete sve zapise koje ste uneli izlistane po rastućem redu (Ascending). Ako želite da se prvo pojavi poslednji zapis, umesto Ascending uključite Descending (opadajući redosled) u Recordsetu.

Pritisnite dugme OK u prozoru testa, pa zatim ponovo OK u prozoru Recordset da biste ga sačuvali.

(11) Ovo ste radili već nekoliko puta pa neću detaljisati. Povežite podatke Recordseta sa odgovarajućim ćelijama korišćenjem rutine Click > Select > Insert. Donja slika prikazuje šta gde treba da ide.

30

Page 31: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

NAPOMENA: Za sledeći korak biće vam potrebno da skinete ekstenziju Go To Detail Page for PHP sa interneta i da je instalirate. Idite na sajt www.adobe.com i napravite vas nalog. Zatim u Search kucajte Go to detail page for PHP i skinite tu ekstenziju.

(12) Sada ćemo primeniti ponašanje Go To Detail Page koje informacije izabranog zapisa šelje na stranicu koja će ga izbrisati.

Oznacite reč DELETE, otvorite panel Server Behaviors, pritisnite dugme + i sa menija izaberite Go To Detail Page for PHP.

(13) Podesite prozor Go To Detail Page for PHP na sledeći način:- Link... bi trebalo da vam kaže da je izabran tekst DELETE.- Detail page... izaberite izbrisi.php- Recordset... rsAdminView- Column... Sifra

Pritisnite OK(14) Videćete da je DELETE označeno i pretvoreno u link.

31

Page 32: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

(15) Selektujte ćelije u tabeli kao što je prikazano. Potom izaberite ponašanje Repeat Region sa panela Server Behaviors.

(16) Proverite da li je izabran rsAdminView Recordset i potvrdite polje za izbor opcija All Records. Pritisnite dugme OK.

(17) Tabela bi sada trebala da izgleda ovako.

Sačuvajte stranicu.

32

Page 33: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

Stranica Izbriši

Stranica izbrisi.php je stvarna stranica koja izvršava akciju brisanja do koje smo došli.

(1) Otvorite izbrisi.php, dajte joj odgovarajuće zaglavlje (npr. Izbrisi artikal) i umetnite Form kako je prikazano na donjoj slici.

(2) Postavite pokazivač miša unutar crvenih isprekidanih linija form delimiter i umetnite tabelu koja sadrži 3 reda i 5 kolona.

(3) Konfigurišite i obeležite ćelije kako je prikazano. Umetnite dugme Submit i označite ga kao Izbrisi artikal.

33

Page 34: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

(4) Napravite Recordset za stranicu (Bindings > + > Recordset)

(5) Podesite Recordset na sledeći način:- Name... rsIzbrisi- Connection... conZomix- Table... artikal- Columns... All- Filter... Sifra = URL Parametar Sifra- Sort... None

Pritisnite OK.

(6) Povežite podatke Recordseta sa odgovarajućim ćelijama prevlačenjem. Donja slika prikazuje sta gde treba da ide.

34

Page 35: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

(7) Vreme je da primenimo ponašanje Delete Record. Otvorite panel Server Behaviors, pritisnite dugme + i sa menija izaberite Delete Record.

(8) Podesite prozor Delete Record na način prikazan na donjoj slici.

Pritisnite OK i sačuvajte stranicu.

(9) Sada stranica treba da izgleda ovako.

Sada kada smo sačuvali stranice, da vidimo kako ovo sve finkcioniše. Pokrenite stranicu admin.view.php u vašem brauzeru i kliknite na DELETE pored artikla koji hoćete da izbrišete, npr. hoćete da izbrišete pršutu.

35

Page 36: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

Zatim se otvara stranica potvrda.php koja vam govori da ste uspešno izvršili akciju.

Zatim se automatski posle ove stranice u roku od 3 sekunde prikazuje stranica admin_control.php.

36

Page 37: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

Sada ćemo videti da je taj artikal obrisan i iz baze podataka.

Pretraga zapisa iz baze podataka

Pravljenje stranice za pretragu

(1) Kreirajte nove stranice pretraga.php i rezultat.php, pomoću njih ćemo pretraživati zapise u bazi podataka.

(2) Napravite nove stranice...

(3) ... i dajte im imena pretraga.php i rezultat.php.

37

Page 38: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

(4) Otvorite stranicu pretraga.php. Dajte stranici naslov PETRAŽI ARTIKLE i na stranici umetnite Form pritiskom na odgovarajuće digme na paleti alatki Forms.

NAPOMENA: Ako ne vidite crvenu isprekidanu liniju Form Delimeter idite na Edit Preferences > Invisible Elements i potvrdite polje Form Delimeter.

(5) Vratite se na paletu alatki Common i umetnite tabelu unutar (INTO) obrasca (pritisnite unutar graničnih linija obrasca). Tabela treba da ima 2 reda i 2 kolone.

I napravite tabelu oblika...

38

Page 39: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

(6) Ponovo se vratite na paletu alatki Form i umetnite TextField u ćeliju označenu kao Naziv.

(7) Dok je i dalje izabrano Text Field pređite na panel svojstava i polju TextField dajte ime Naziv. Neka ima broj znakova (CharWidth 50).

Primetite da smo polju TextField dali tačno isto ime kao i u polju bazepodataka u koju će se unositi podaci. Time ne samo da štedimo kasniji napor, već i sprečavamo pojavljivanje uobičajenih grešaka too few parameters (previše parametara). Ovakve greške se mogu pojaviti kada dođe do neslaganja između spelovanja polja obrasca i polja baze podataka.

(8) Sada pređite na krajnju donju ćeliju i umetnite Submit Button (dugme za potvrdu) pritiskom na ikonu Button na paleti alatki Forms.

39

Page 40: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

(9) Označite dugme kao Pretraži i proverite da li je potvrđeno polje za izbor opcije Submit Form.

(10) Pritisnite bilo gde izvan graničnih linija obrasca, pa pritisnite oznaku <form#form1> u području pregleda na dnu ekrana. Ceo obrazac će biti izabran. Pređite na panel svojstava i obrascu dajte ime pretrazi. Proverite da le je izabran metod GET. Iz polja Actions izeberite rezultat.php.

(11) Sada kreirajte Recordset za ovu stranicu.

Sada bi obrazac trebao da izgleda ovako...

40

Page 41: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

Sacuvajte stranicu.

Pravljenje stranice za prikazivanje rezultata

(1) Otvorite stranicu rezultat.php. Na ovoj stranici će nam se prikazivati rezultati pretrage. Dajte joj naslov Rezultat pretrage.

(2) Sada kreirajte tabelu koja sadrži 2 reda i 5 kolona.

41

Page 42: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

(3) Zatim je formatirajte na sledeći način.

(4) Sada je potrebno da napravimo Recordset za ovu stranicu. Kod ove stranice je specifično to što je potrebno postaviti filter na atribut iz baze podataka koji odgovara rezultatu pretrage. U našem slučaju to je Naziv.

Kliknite na OK.

(5) Sada treba da prenesemo atribute iz Recordseta u tabelu na već poznat način, prevlačenjem. Kada to uradimo tebela sada izgleda ovako.

42

Page 43: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

Sačuvajte stranicu.

Sada kada smo sačuvali stranice, da vidimo kako ovo sve finkcioniše. Pokrenite stranicu pretraga.php u vašem brauzeru i unesite ime nekog artikla npr. kivi i pritisnite dugme pretraži.

Sada će nam se otvoriti stranica sa rezultatom pretrage.

43

Page 44: Pravljenje tabele u MySQL-u · Web view(14) Sačuvajte rad pomoću menija File > Save. (15) Sada testirajte web stranicu index.php tako što ćete kliknuti na Preview i izabrati neko

Gimnazija Ivanjica Izrada dinamičke web stranice

LITERATURAhttp://livedocs.adobe.com/en_US/Dreamweaver/9.0/help.htmlhttp://www.ehow.com/how_4827581_dynamic-web-page-dreamweaver.html

44