| |||||
|
9.3 Implementarea partii client a magazinului virtual "adi" 9.3.1 Mod de acces Daca se foloseste ca server web Tomcat, stand alone, clientul acceseaza pagina web: http://localhost:8080/adi/ Atunci cand Tomcat lucreaza doar ca container pentru servlet-uri, lasand server-ul web Apache cu sarcina gestionarii elementelor statice adresa URL este: http://localhost/adi/ 9.3.2 Structura arborescenta a elementelor statice si dinamice pentru partea de client Figura 9.3.2 9.3.3 Explicarea rolului elementelor statice(.html) si dinamice(.java) folosite - index.html Acesta este fisierul html de inceput pentru partea de client a aplicatiei. El contine doua cadre. In primul este apelat servlet-ul getcat.java iar in al doilea pagina first.html. - first.html Aceasta pagina va umple la inceput cadrul din dreapta al ferestrei browser-ului. Contine imaginea mea si a viitoarei mele sotii, avand o rama formata din patru tabele imbricate, si un applet cu derulare verticala, ScrollItUp, prevazut cu butoane pentru oprire, derulare in sus, derulare in jos, care contine un text explicativ in care se prezinta modalitatea de plata, date legate de comenzi si de transport. Applet-ul, denumit, a fost facut de Chris Pike. - getcat.java Acest servlet are ca rol de baza prezentarea catre client a unei liste de selectie cu categoriile de produse disponibile. Aceste categorii pot fi selectate deasemenea si dintr-o banda orizontala, situata deasupra listei de selectie, in care se deruleaza denumirile categoriilor, in plan orizontal. Aceasta derulare este realizata de applet-ul Newsticker, realizat de Gokhan Dagli. Dupa selectatea unei categorii, prin ajutorul unui JavaScript, se apeleaza servlet-ul alimb.java, care va fi afisat in cadranul din dreapta. - alimb.java Acest applet este nucleul aplicatiei. La inceput, cand inca nu este selectata o subcategorie, acest servlet va afisa o lista de selectie cu subcategoriile din categoria selectata anterior si applet-ul ScrollItUp cu acelasi text introductiv. Dupa selectia unei subcategorii in locul applet-ului vor fi afisate criterii de cautare in lista de produse: pagina urmatoare, pagina anterioara, cautare dupa cuvinte cheie, cautare dupa pret maxim, alegerea unei alte subcategorii. In jos, imediat dupa criteriile de selectie, urmeaza o linie verticala realizata dinamic cu applet-ul RainbowHR. Dupa applet in jos urmeaza butoane pentru lucrul cu "cosul de alimente": pentru golire cos, pentru adaugare in cos si pentru a da comanda pentru cosul de alimente existent. In continuare servlet-ul genereaza lista de produse, din subcategoria selectata, pe pagini. In dreapta fiecarui produs este afisata imaginea acestia, daca are, si un checkbox pentru a fi adaugat in cosul de produse. - prcos.java Acest servlet lucreaza ca un demultiplexor pentru cererile clientului care a folosit pagina realizata de servlet-ul alimb.java. El face delegarea sarcinilor catre servlet-urile alimb.java , catre cosal.java sau adcos.java. - adcos.java Acest servlet adauga in cosul de alimente, reprezentat de un obiect Hashtable, alimentele selectate prin bifarea checkbox-ului, in pagina realizata de servlet-ul alimb.java. Obiectul Hashtable, astfel modificat, este salvat in sesiunea de lucru aplicatiei, pentru clientul curent. - cosal.java Dupa ce si-a umplut cosul de alimente clientul va apasa pe butonul-imagine "cos alimente" pentru a intra in procedura de achizitie. Acest servlet listeaza produsele existente in cosul de alimente, adaugand in dreapta fiecarui produs o casuta text, editabila, pentru specificarea cantitatii. Pentru a se scoate un produs din cos este suficient sa se puna cantitatea acestuia pe valoarea 0. In coltul din stanga sus este un buton pentru actualizarea modificarilor facute, fie pentru modificarile cantitatiilor, fie pentru a se lista si produsele adaugate recent. In partea dreapta a ferestrei servlet-ul cosal.java furnizeaza clientului doua casute text pentru a-si introduce datele personale (nume cont si parola) si o casuta text in care acesta poate sa introduca cerinte pentru comanda pe care o realizeaza. Daca clientul este pentru prima data navigator al magazinului sau nu si-a introdus inca datele personale si, deci, nu are inca un cont, atunci el este trimis catre servlet-ul usrlg, prin link-ul "client nou". - opcos.java Acest servlet functioneaza ca un demultiplexor si deleaga realizarea sarcinilor catre cosal.java, plata.java sau usrlg.java. - plata.java In situatia in care datele clientului sau confirmat (exista contul si parola furnizate) atunci acest servlet este chemat si el listeaza inca o data produsele din cosul de alimente, fara descriere, cu cantitatile alese, fara posibilitatea de a face modificari. In schimb clientul poate sa aleaga intre a anula comanda si a accepta comanda cosului de produse. - comnd.java Acest servlet insereaza comanda clientului in baza de date si returneaza mesaj de succes sau insucces. - usrlg.java Acest servlet valideaza datele clientului pentru crearea unui cont nou. Campurile solicitate sunt: nume, prenume, denumirea contului, parola, confirmare parolei, ocupatie, firma, adresa, localitate, telefon mobil, telefon fix, fax, adrsa e-mail , data nasterii, tip carte de credit, numar carte de credit, data expirarii pentru cartea de credit, sex. Campurile marcate cu * sunt obligatorii. - opusr.java In cazul in care toate datele introduse au fost validate acest servlet creaza efectiv un cont nou pe baza lor si furnizeaza un buton pentru intoarcerea la cosul de alimente in scopul intrarii in procedura de autentificare. | |||||
|
