Professional Documents
Culture Documents
PRZYKADOWY ROZDZIA
SPIS TRECI
KATALOG KSIEK
KATALOG ONLINE
ZAMW DRUKOWANY KATALOG
TWJ KOSZYK
DODAJ DO KOSZYKA
CENNIK I INFORMACJE
ZAMW INFORMACJE
O NOWOCIACH
ZAMW CENNIK
CZYTELNIA
FRAGMENTY KSIEK ONLINE
Dreamweaver UltraDev 4.
Ksiga eksperta
Autor: Sean Nicholson
Tumaczenie: Piotr Ducher
ISBN: 83-7197-610-0
Tytu oryginau: Inside Dreamweaver UltraDev 4
Format: B5, stron: 368
Wydawnictwo Helion
ul. Chopina 6
44-100 Gliwice
tel. (32)230-98-63
e-mail: helion@helion.pl
!"#
Tworzenie stron internetowych przed UltraDevem...............................................................................20
Historia powstania UltraDeva ...............................................................................................................21
Na pocztku by Dreamweaver .......................................................................................................21
Macromedia bierze Drumbeata 2000 w adopcj.............................................................................23
Poczenie Dreamweavera z Drumbeatem......................................................................................23
Narodziny UltraDeva ......................................................................................................................24
Porwnanie Dreamweavera z Dreamweaverem UltraDev ....................................................................25
Prawdziwe moliwoci UltraDeva ........................................................................................................26
Nowe opcje w UltraDevie 4 ..................................................................................................................28
Tryby podgldu ...............................................................................................................................28
Kolorowanie skadni........................................................................................................................28
Poczenie z baz danych na serwerze ............................................................................................29
Zarzdzanie obiektami multimedialnymi........................................................................................29
Dodatkowe behawiory serwera .......................................................................................................30
Poznajemy rodowisko autorskie UltraDeva.........................................................................................31
Okno Document ..............................................................................................................................31
Palety i paski narzdziowe ..............................................................................................................32
Inspektor Property.....................................................................................................................33
Paleta Objects............................................................................................................................33
Paleta Launcher.........................................................................................................................34
Podsumowanie.......................................................................................................................................34
VBScript....................................................................................................................................45
Skrypt VBScript generujcy formularz sprawdzajcy
poprawno wprowadzenia danych przez uytkownika ...........................................................45
JSP (Java Server Pages) ..................................................................................................................46
Skrypt Java generujcy formularz sprawdzajcy
poprawno wprowadzenia danych przez uytkownika ...........................................................47
ColdFusion ......................................................................................................................................49
Skrypt CFML generujcy formularz sprawdzajcy
poprawno wprowadzenia danych przez uytkownika ...........................................................49
Konfiguracja stacji roboczej jako serwera testowego stron dynamicznych ..........................................51
Ustawienia dla Windows 98............................................................................................................51
Ustawienia dla Windows NT4 Workstation....................................................................................53
Ustawienia dla Windows 2000 Professional i Windows 2000 Server ............................................55
Ustawienia dla MacOS....................................................................................................................57
Podsumowanie.......................................................................................................................................58
,*&)&
- .
* && /
Podstawowe informacje o bazach danych .............................................................................................61
Modele baz danych..........................................................................................................................62
Pliki jednorodne ........................................................................................................................62
Hierarchiczne bazy danych .......................................................................................................63
Sieciowe bazy danych...............................................................................................................65
Relacyjne bazy danych..............................................................................................................65
Wybr platformy systemowej i systemu zarzdzania baz danych ................................................66
Microsoft Access.......................................................................................................................66
Microsoft SQL Server...............................................................................................................67
MySQL......................................................................................................................................68
IBM DB2...................................................................................................................................69
Oracle ........................................................................................................................................69
Tworzenie bazy danych wsppracujcej z witryn internetow ..........................................................70
Tworzenie tabel ...............................................................................................................................71
Tworzenie relacji i weryfikacja wizw integralnoci....................................................................73
Poczenie bazy danych z witryn.........................................................................................................75
Komunikacja z baz danych ..................................................................................................................77
W jaki sposb UltraDev przyspiesza proces czenia si z baz danych? ............................................78
Podsumowanie.......................................................................................................................................78
!
!0&&1
Planowanie witryny ...............................................................................................................................81
Tworzenie mapy witryny.................................................................................................................82
Planowanie stron i katalogw ...................................................................................................83
Katalogowanie elementw skadowych witryny ......................................................................84
Tworzenie mapy witryny w oknie Site............................................................................................87
Konfiguracja poczenia z serwerem.....................................................................................................88
Poczenie sieciowe.........................................................................................................................89
Poczenie za pomoc FTP..............................................................................................................91
Poczenie za pomoc WebDAV ....................................................................................................92
Poczenie z Visual SourceSafe Database.......................................................................................93
10&*&4*&*
*& .
3+
Tworzenie konta uytkownika.............................................................................................................176
Wstawianie czy dynamicznych umoliwiajcych utworzenie konta,
zalogowanie i wylogowanie si uytkownika ...............................................................................177
Tworzenie formularza rejestracyjnego nowego uytkownika.......................................................181
Zaczynamy od szablonu..........................................................................................................182
Wstawiamy formularz rejestracyjny uytkownika .................................................................183
Sprawdzanie kompletnoci wypenienia pl...........................................................................188
Wysyanie danych do bazy danych.........................................................................................189
Zabezpieczenie przed powtrzeniem wpisu
tej samej nazwy uytkownika (identyfikatora) .......................................................................190
Dodawanie strony potwierdzajcej zaoenie konta uytkownika .........................................192
Dodawanie opcji zalogowania i wylogowania si
dla uytkownikw ponownie korzystajcych z witryny ...............................................................193
Zabezpieczenie stron przed niezarejestrowanymi uytkownikami .....................................................199
Testowanie nowych stron ....................................................................................................................199
Podsumowanie.....................................................................................................................................202
2
&&&
&**&)*-*-)&
$$3
Wstawianie na strony obrazkw i tekstw wybieranych losowo ........................................................228
Stosowanie tekstw i obrazkw umieszczanych na stronie w zalenoci od parametru czasowego ......234
Tworzenie czy dynamicznych umoliwiajcych nawigacj w obrbie wynikw szukania .............238
Tworzenie licznika rekordw ..............................................................................................................242
Podsumowanie.....................................................................................................................................244
-
".(.
*8&)&*&&9 : ++
*;<& * +3
<*/#
Handel elektroniczny kwitnie! Prawie wszystkie firmy sprzedajce swoje produkty w sposb tradycyjny udostpniaj je rwnie przez Internet. Moesz kupi ksiki, samochody,
sprzt biurowy W zwizku z tym coraz czciej pojawia si potrzeba tworzenia opcji
handlu elektronicznego (eCommerce) doczonych do witryny WWW i zarzdzania nimi.
Wprawdzie UltraDev nie posiada zestawu skomplikowanych narzdzi do tworzenia
aplikacji eCommerce, w zupenoci jednak wystarczy do tworzenia prostych sklepw
internetowych. Stosujc dodatkowe rozszerzenia innych firm, moesz utworzy do
skomplikowany system realizowania zakupw przez Internet, wzbogacony o opcj wirtualnego koszyka (shopping cart).
Aby zademonstrowa moliwoci UltraDeva w zakresie tworzenia aplikacji eCommerce,
w tym rozdziale nauczysz si, jak:
Wspomniaem ju na wstpie, e bez rozszerze innych firm lub bez rcznego wpisywania
duych fragmentw kodu moliwoci UltraDeva w zakresie dodawania opcji handlu
elektronicznego s raczej ubogie. Nie oznacza to jednak, e niemoliwe jest utworzenie
stron sklepu internetowego moesz w tym celu wykorzysta wbudowane behawiory
serwera. W praktyce oznacza to, e takie opcje, jak obliczanie podatku i stosowanie
wirtualnego koszyka s niedostpne. Aby doczy te opcje, musisz dysponowa odpowiednim rozszerzeniem UltraDeva lub dostosowa posiadane rozszerzenia w taki sposb,
by moliwe byo doczanie opcji eCommerce.
Najpierw przypatrzmy si temu, co sam UltraDev potrafi zrobi. Najlepsz metod
sprawdzenia moliwoci UltraDeva w zakresie tworzenia sekcji eCommerce witryny
jest dodanie sklepu internetowego (sekcji eCommerce) do witryny. W naszym przypadku
zastosujemy witryn Nostalgic Radio Favorites i doczymy do niej prosty system eCommerce, umoliwiajcy przeprowadzenie pojedynczej transakcji przez Internet (singletransaction eComerce). Uytkownik bdzie mia moliwo przejrzenia katalogu i zakupu
interesujcego go produktu. Takie rozwizanie oczywicie nie za bardzo nadaje si do
rzeczywistego prowadzenia handlu przez Internet (w ktrym stosuje si wirtualne koszyki
i profile klientw zapisane w bazie danych), ale z pewnoci stanowi dobry przykad
implementacji jednego ze sposobw tworzenia sklepu internetowego.
Rne aspekty handlu elektronicznego
Jest wiele rnych metod umoliwiajcych realizacj zakupw przez Internet. Niektrzy
wol rozwizania polegajce na prowadzeniu klienta przez poszczeglne etapy skadania
zamwienia, inni z kolei wol, by skadanie zamwienia odbywao si tylko na jednej
stronie. Zanim zaczniesz budowa sekcj eCommerce dla witryny Nostalgic Radio
Favorites, zastanw si przez chwil, jakie informacje od uytkownikw bd Ci potrzebne
oraz w jaki sposb powinna by zaprojektowana baza danych (jeli masz takow).
Rozpoczynajc tworzenie prostej witryny, powiniene przemyle kilka aspektw. Po pierwsze, musisz przeanalizowa baz danych (Sales Database) i struktur tabel do przechowywania danych zwizanych z zamwieniem. Po drugie, musisz utworzy cze przekierowujce uytkownikw do sekcji witryny umoliwiajcej zoenie zamwienia. Po
trzecie, konieczne jest utworzenie strony, na ktrej wszystkie niezbdne dane bd zbierane w cao i wysyane do bazy danych. Na koniec przetestujemy system i sprawdzimy,
czy dziaa tak, jak zamierzylimy.
Pierwszy etap konfiguracji sklepu internetowego polega na przeanalizowaniu struktury
bazy danych i sprawdzeniu, czy odpowiednie tabele s prawidowo zdefiniowane oraz
czy bd prawidowo dziaa w systemie eCommerce.
Wprawdzie tabele tbProducts i tbCustomers s bardzo wane to wanie dziki nim
odbywa si przyznanie (lub nie) dostpu uytkownikom do katalogu produktw jednak
dla opracowywanego systemu eCommerce najwaniejsze s tabele tbOrders i tbLineitem.
Po skompletowaniu zamwienia dane z formularzy (widoczne i ukryte) wysyane s do
tabel tbOrders i tbLineitem, a nastpnie generowany jest nowy numer zamwienia, ktry
zostaje przypisany do zamawianych produktw (lub produktu).
W tabeli tbOrders przechowywane s wszystkie informacje o poszczeglnych zamwieniach. Za kadym razem, kiedy skadane jest nowe zamwienie, przypisany jest do
niego numer ID, a nastpnie dane klienta, data, metoda wysyki i forma patnoci s
wpisywane do bazy danych. Z kolei dane o zamawianych produktach umieszczane s
w tabeli tbLineitem. W tabeli tej umieszczane s takie dane, jak: numer zamwienia,
identyfikator ID produktu i liczba zamwionych produktw.
System eCommerce, ktry bdziesz opracowywa, jest systemem obsugujcym zoenie
zamwienia na jeden wybrany produkt, dlatego dla kadego rekordu umieszczonego
w tabeli tbOrders powinien by utworzony bliniaczy rekord w tabeli tbLineitem.
"
Scalanie tabel
Zastanawiasz si pewnie, po co tworzy dwie osobne tabele, skoro wszystkie dane
mona zebra w jednej. Dla systemw obsugujcych zamwienie wybranego produktu
jest to cakiem prawidowy i nawet bardziej wygodny sposb zaprojektowania
bazy danych. Jednak ze wzgldu na to, e w dalszej czci rozdziau system eCommerce
wzbogacimy o opcj wirtualnego koszyka, rozdzielenie danych do dwch tabel jest
niezbdne.
Jeli wiesz, e w przygotowywanej witrynie bdzie wykorzystywany system umoliwiajcy
zoenie zamwienia na jeden wybrany produkt, scalenie tych dwch tabel (przy
projektowaniu bazy danych) do postaci jednej tabeli zawierajcej wszystkie dane
bdzie jak najbardziej prawidowe.
Kiedy uytkownik witryny znajdzie na stronach informacje o produktach, ktre chciaby
kupi, musisz da mu moliwo przejcia do sekcji eCommerce witryny. W tym celu
wstaw cze. Kliknicie tego cza przez uytkownika powoduje przesanie na stron
eCommerce numeru ID produktu, ktry uytkownik zamierza zakupi. Aby wykona to
zadanie, zastosuj behawior serwera Go To Related Page powodujcy otwarcie nowej
strony i przekazanie zmiennej za porednictwem adresu URL. Po przekazaniu numeru
ID wybranego produktu rozpoczyna si proces skadania i finalizowania zamwienia
(check-out process).
Wpisujc kod rcznie, zachowaj szczegln czujno
Tworzc witryn eCommerce, bdziesz musia rcznie wpisa niektre fragmenty kodu
rdowego. Nie jest to a takie straszne, ale pamitaj, e przeoczona kropka lub
niepoprawnie wpisana zmienna mog wywoa skutki, na ktre wolaby raczej nie
patrze. Zachowaj szczegln czujno, kiedy wpisujesz rcznie fragmenty wymaganego
kodu rdowego. Jeli w czasie testowania stron zostanie wywietlona strona
z informacj o wystpieniu bdu, sprawd kod rdowy dla tej strony i zmie go.
Powodzenia!
!
Uruchom UltraDeva. Otwrz stron bargain_bin_details.asp utworzon
#
Strona bargain_bin_
details.asp
Okno dialogowe
Go To Related Page
Dodatkow zalet opisanego wyej rozwizania jest to, e uytkownicy mog uaktualnia
swoje dane adresowe. Jedyn wad jest brak moliwoci zoenia zamwienia z wysyk
na adres inny ni uytkownika witryny (np. gdy chcesz komu wysa prezent).
Wysyanie zamwionych produktw na inny adres
W wiczeniu poniej zakadamy, e osoba skadajca zamwienie chce, by produkt by
wysany na jej adres. Jeli chcesz, eby uytkownicy witryny mieli rwnie moliwo
przygotowania wysyki zamwionego produktu na inny adres ni ich wasny, musisz
zdefiniowa osobne zestawy pl w bazie danych. W jednym zestawie bd przechowywane
dane adresowe uytkownika (ulica, miejsce zamieszkania, stan USA, kod pocztowy
ZIP USA), natomiast w drugim zestawie zostan umieszczone dane adresowe
wskazujce tylko miejsce dostarczenia przesyki.
"
##
#$
#$%!&#'#
#!#
Utwrz now stron wedug szablonu nrfdefault.
Zaznacz i usu tekst {erMainData}.
W obszarze edytowalnym erMainData wpisz nastpujcy tekst:
Last_Name,
First_Name,
Address,
City,
State,
Zip.
Okno dialogowe
Record Update Form
Kliknij pole First_Name i strzak do gry, aby przenie pole First_Name
$
Kliknij przycisk Update Form. W inspektorze Property w polu Label wpisz
. Nacinij Enter.
Aby mie pewno, e przed zoeniem zamwienia uytkownik zosta
opcj Restrict Based On: Username and Password. W polu If Access Denied
To, Go To wpisz
. Kliknij OK.
Okno dialogowe
Restrict Acces
To Page
InsideUD4.
!
Wiesz ju, gdzie wysa zamwione produkty. Teraz naleaoby sprawdzi, czy zamawiany
produkt jest rzeczywicie tym produktem, ktry uytkownik chce otrzyma. W tym celu
musisz skonstruowa tabel, ktrej pola bd wypenione danymi o produkcie (w oparciu
o numer ID przekazany z poprzedniej strony).
Moesz rwnie zada klientowi pytanie o preferowany przez niego sposob dostawy
przesyki. W naszym wiczeniu nie bdziemy zwiksza ceny produktu o koszty wysyki,
ale moemy doda opcj realizujc to zadanie poprzez przypisanie wartoci numerycznej
do sposobu dostawy przesyki i, w dalszej kolejnoci, dodanie tej wartoci do cakowitej
ceny zamwienia.
( )#&
&
#
#
Utwrz now stron wedug szablonu nrfdefault.
Usu tekst {erMainData}. Wpisz w to miejsce nastpujcy tekst:
/ &
/
&
!
%
Nacinij Enter, aby przej do nowego wiersza.
W panelu Server Behaviors kliknij przycisk oznaczony symbolem + i wybierz
Kliknij przycisk Test. W oknie dialogowym Please Provide a Test Value wpisz
(3..45. Zostanie wywietlone okno Test SQL Statement, w ktrym widoczny
Kliknij OK, aby zamkn okno dialogowe Test SQL Statement, i kliknij OK,
W panelu Server Behaviors kliknij zakadk Data Bindings i kliknij przycisk
&
'
Umie kursor w polu obok etykiety Shipping Type i wybierz z menu polecenie
Kliknij przycisk oznaczony symbolem + ponownie i wpisz .<" = w polu
Item Label. W polu Value wpisz .<".
Kliknij przycisk oznaczony symbolem + ponownie i wpisz >! ?
w polu Item Label. W polu Value wpisz >!. Kliknij OK, aby zamkn
!
Naleaoby jeszcze uzyska od uytkownika witryny informacj o preferowanym sposobie zapaty. W witrynie, ktr tworzymy, uytkownik bdzie mia do wyboru trzy sposoby
zapaty: wystawienie faktury i patno przelewem (Bill Me), odbir za zaliczeniem
pocztowym (COD) oraz kart kredytow (Credit Card). Jeli uytkownik zdecyduje si
zapaci kart kredytow, musi wypeni pola, w ktrych poda rodzaj i numer karty
kredytowej oraz dat wanoci. Po wypenieniu odpowiednich pl uytkownik klika
przycisk Submit, co sprawia, e dane przesane s do bazy danych, a nastpnie przekierowywany jest na stron potwierdzenia (finalizowania) zamwienia.
* +##&
&#
Utwrz now stron wedug szablonu nrfdefault.
Usu tekst {erMainData} i zastp go tekstem nastpujcym:
/
&
! & &
Nacinij Enter.
Wstaw tabel do formularza. Wybierz z menu polecenie Insert/Table. W oknie
dialogowym Insert Table wpisz 6 w polu Rows, . w polu Columns i ustaw
szeroko tabeli (Width) na 789. Wpisz . w polach Border, Cell Spacing i Cell
Wybierz z menu polecenie Insert/Form Objects/List/Menu. Nadaj nowej licie
rozwijanej nazw
. W inspektorze Property kliknij przycisk List
Values. Podaj wartoci jak na rysunku 12.11. Kliknij OK, aby zamkn okno
dialogowe List Values.
W oknie dialogowym
List Values podaj
warto7ci jak
na rysunku
"
Element zastpczy
(w kolorze tym)
oznaczajcy, e w tym
miejscu znajduje si
obiekt ukryty
W inspektorze Property w polu HiddenField wpisz F/". W polu Value
wpisz @9A 1D((;D2 9E.
"#
Strona powinna
wyglda jak
na rysunku
Okno dialogowe
Insert Record
"
Kliknij OK, aby zamkn okno dialogowe Insert Record. Na stronie pod formularzem
"
Order Number.
Przecignij wizk danych Order_Date do komrki umieszczonej obok tekstu
Order Date.
Przecignij wizk danych Ship_Meth do komrki umieszczonej obok tekstu
Shipping Method.
Kolejn rzecz, jak musisz wykona na stronie, jest utworzenie formularza
zawierajcego przycisk. Kliknicie tego przycisku powoduje potwierdzenie
zoenia zamwienia. Kiedy uytkownik kliknie przycisk, strona wyle numer
zamwienia (utworzony na poprzedniej stronie), numer produktu i numer ID
klienta do tabeli tbLineitem, w ktrej biecy numer zamwienia przypisany
do okrelonego rekordu w tabeli tbOrders.
Zanim jednak bdzie moliwe wstawienie formularza, musisz utworzy zestaw
"$
"%
Moliwo wystpienia zamwie% rwnolegych
Powiniene cay czas zdawa sobie spraw z tego, e istnieje prawdopodobiestwo
skadania zamwienia przez dwch (lub wicej) klientw jednoczenie. Jeli pierwszy
klient nie skoczy wypenia swojego formularza zamwienia zanim zostanie
wysany numer nowego zamwienia do drugiego klienta wszystkie produkty
w zamwieniu pierwszego klienta zostan przypisane do numeru zamwienia klienta
drugiego (poniewa by to najwyszy numer w tabeli).
Moliwo zaistnienia takiej sytuacji w witrynach, ktre s czsto odwiedzane przez
uytkownikw i gdzie wystpuje sytuacja jednoczesnego zamawiania produktw przez
kilku klientw, sprawia, e powinno stosowa si inne metody przypisywania numerw.
Wewntrz nowego formularza wstaw tabel. Wybierz z menu polecenie Insert/
Table. W oknie dialogowym Insert Table wpisz . w polu Rows, w polu Columns
i ustaw szeroko tabeli (Width) na :89. Wpisz 8 w polach Border, Cell Spacing
"&
W dolnej komrce tabeli wstaw przycisk i nadaj mu nazw . W inspektorze
Property w polu Label wpisz F
K
F
3 > (
%&
#* #-).
Kocowy etap przygotowywania sekcji eCommerce dla witryny Nostalgic Radio
"'
Na stronie Bargain
Bin wy7wietlane s
wszystkie produkty
w cenie mniejszej
ni 6$
o wskazanym epizodzie.
Na stronie z informacjami szczegowymi o produkcie kliknij cze Purchase
"
Uytkownik potwierdza
zamwienie wybranego
towaru i wybiera
form przesyki
Next Step.
Na stronie wyboru formy patnoci wybierz patno kart kredytow (Credit Card).
Z listy rozwijanej Credit card Type wybierz Visa.
W polu Credit Card Number wpisz 888888888 (dziesi zer).
W polu Credit Card Expiration wpisz 8H8. Strona powinna wyglda jak
na rysunku 12.22.
Wybierz dane
dotyczce sposobu
zapaty tak, jak
pokazano na rysunku
"
Uytkownik widzi teraz na stronie numer zamwienia (Order Number),
Wiesz ju, jak konstruowa systemy umoliwiajce dokonywanie prostych, pojedynczych transakcji on-line. Moesz jednak pj krok dalej i rozbudowa te systemy, tak aby
moliwe byo zoenie zamwienia na kilka produktw w jednej sesji zamwienia. Aby
wykona to zadanie, zastosujemy rozszerzenie UltraDeva o nazwie UltraDev Shopping
Cart opracowane przez Ricka Crawforda, prezesa firmy PowerClimb (http://www.powerclimb.com/powerclimb/). Rozszerzenie to byo opracowane najpierw dla UltraDeva 1.
Joseph Scavitto opracowa uaktualnienie dla UltraDeva w wersji 4.
Stosujc wersj UltraDev Shopping Cart dla UltraDeva 4, moesz sprawi, e uytkownicy
witryny bd mogli dodawa rekordy do wirtualnych koszykw (dane o produktach
przechowywane s w zmiennych sesji a do momentu, kiedy uytkownik ostatecznie
potwierdzi zamwienie). Kiedy rozpoczyna si proces finalizowania zamwienia (w wyniku
przekazania zmiennych), uytkownik musi wykona podobne czynnoci jak w przypadku
modelu realizujcego zoenie zamwienia na jeden wybrany produkt. Tak naprawd
najwiksz rnic jest formularz kocowy wysyany przez uytkownika. Kiedy uytkownik klika przycisk, aby wysa formularz, wszystkie produkty umieszczone w koszyku
""
$
% &'( )*+
Aby zainstalowa UltraDev Shopping Cart, musisz najpierw pobra plik w odpowiedniej
wersji (1.2) i zainstalowa rozszerzenie za pomoc menedera rozszerze (Extension
Manager). Cao zadania sprowadza si do pobrania na dysk lokalny jednego pliku o rozszerzeniu .mxp i dwukrotnego kliknicia ikony pliku. Reszt wykona Extension Manager,
dodajc do UltraDeva wszystkie niezbdne behawiory serwera i obiekty menu. Po zainstalowaniu rozszerzenia bdziesz mg korzysta z opcji doczania wirtualnego koszyka
(panel Server Behaviors)
. /
+012$
Zamknij UltraDeva.
W przegldarce w polu Adres wpisz GHH
H
H.
$##
Kliknij OK w okienku pop-up potwierdzajcym pomyln instalacj
rozszerzenia.
W menederze rozszerze (Extension Manager) zapoznaj si z informacjami
Instalowane pliki zastpi stare pliki rozszerzenia UltraDev Shopping Cart nowymi,
uaktualnionymi plikami (zobacz rysunek 12.26). Pliki rozszerzenia nie zastpi
adnego z plikw aplikacji UltraDev nadpisane zostan jedynie pliki
poprzedniej wersji rozszerzenia. Kliknij przycisk Yes To All.
Instalacja
uaktualnienia
powoduje zastpienie
starszych wersji
plikw plikami
nowszymi
W okienku pop-up informujcym, e instalacja przebiega pomylnie, kliknij OK.
Zamknij menedera rozszerze.
$#
W polu Cart Name wpisz =F. W polu Days wpisz 8 (aby wyczy opcj
korzystania z cookies).
Stosowanie cookies do zapamitywania zawartoci koszyka
Domylnie, kiedy uytkownik koczy korzystanie z witryny lub koczy sesj, zawarto
jego koszyka jest kasowana. Jeli jednak chciaby zachowa zawarto koszyka
nawet w momencie zakoczenia sesji, moesz w oknie dialogowym UltraDev Shopping
Cart w polu Days (Client cookie expiration) wpisa warto rn od zera. Wybrana
warto oznacza liczb dni, przez jakie zawarto koszyka bdzie zapamitana w pliku
cookie (nawet po zakoczeniu sesji uytkownika).
$#
Aby koszyk dziaa poprawnie wymagane jest zaznaczenie kolumn ProductID,
Aby uytkownik mg wstawi wybrany produkt do wirtualnego koszyka, musi znale
na stronie jaki element, ktry to zadanie zrealizuje. W naszym przypadku wykorzystamy
stron z informacjami o produkcie, na ktrej uytkownik (po zapoznaniu si z danymi
na temat produktw) bdzie mg zdecydowa, czy chce wstawi produkt do koszyka,
czy nie.
Aby mona byo dawa produkty do koszyka na stronie z informacjami o produkcie,
wstawimy prosty formularz zawierajcy pole tekstowe i przycisk Add To Cart. W polu
tekstowym uytkownik wpisuje liczb zamawianych produktw, natomiast, klikajc
przycisk Submit, powoduje przesanie danych formularza do koszyka. Informacje
o produkcie i liczba zamwionych produktw umieszczane s w zmiennych sesji koszyka
a do chwili, kiedy zostan odczytane w wyniku sfinalizowania zamwienia.
5
#
Otwrz stron spotlight_items_details.asp. Umie kursor w wierszu pod tabel
$#$
W lewej dolnej komrce wpisz CG. Zaznacz tekst i zmie czcionk
$#%
Okno dialogowe
Add To Cart Via Form
umoliwia konfiguracj
opcji przesyania
zawarto7ci formularza
bezpo7rednio
do koszyka
W oknie dialogowym Add To Cart Via Form wybierz fmAddToCart z listy
$#&
gdy jego koszyk jest pusty. Aby wykona to zadanie, kliknij w panelu Server
Behaviors przycisk oznaczony symbolem + i wybierz behawior UltraDev
Shopping Cart/Redirect If Empty. W oknie dialogowym Redirect If Empty
(zobacz rysunek 12.31) wpisz w polu Go To URL. Kliknij OK.
Okno dialogowe
Redirect If Empty
fragmentem tekstu:
= !M K
/ !
&
B 8
i Cell Padding.
$#'
W selektorze znacznikw umieszczonym na pasku stanu kliknij @E, aby zaznaczy
klawisz Tab.
W drugiej komrce wpisz ? . Nacinij klawisz Tab.
W trzeciej komrce wpisz C. Nacinij klawisz Tab.
W czwartej komrce wpisz . Nacinij klawisz Tab.
W pitej komrce wpisz
. Nacinij klawisz Tab.
Uaktywnij panel Data Bindings i kliknij ikon oznaczon symbolem +
$#
Zaznacz dolny rzd tabeli i w inspektorze Property kliknij przycisk Align Center.
have i items
Za sowem is wstaw kolumn Total.
Umie kursor w nastpnym wierszu i wstaw now tabel. Wybierz z menu
polecenie Insert/Table. W oknie dialogowym Insert Table wpisz w polu Rows,
. w polu Columns i ustaw szeroko tabeli (Width) na :89. Wpisz 8 w polach
$#
W polu Go To URL wpisz !. Zmiana zawartoci koszyka powoduje
- ,
Kiedy uytkownik doda ju wszystkie interesujce go produkty do koszyka, moe rozpocz proces skadania i finalizowania zamwienia klika w tym celu odpowiednie
cze na stronie z zawartoci koszyka. Zasadnicza rnica midzy systemem skadania
zakupw na jeden wybrany produkt (single transaction) a systemem z koszykiem wirtualnym polega na zastosowaniu wbudowanego behawiora rozszerzenia UltraDev
Shopping Cart. Behawior ten ma zadanie cay czas odczytywa zawarto koszyka,
umieszcza j w nowej tabeli oraz przypisywa numer zamwienia do kadego zamwionego produktu, dziki czemu baza danych moe przypisywa jeden numer zamwienia
do rnych produktw.
"
#$
#
#!
Otwrz stron purchase_step1.asp. Zapisz j jako .
$#"
Aby strona dziaaa poprawnie, musisz doczy koszyk (UltraDeev Shopping Cart)
utworzony na stronie. Aby wykona to zadanie, przejd na stron view_cart.asp
i kliknij prawym przyciskiem myszy na UltraDev Shopping Cart widoczny
w panelu Server Behaviors. Z menu kontekstowego wybierz Copy.
Przejd na stron cart_checkout3.asp i kliknij prawym przyciskiem myszy
Insert Record.
W oknie dialogowym Insert Record usu tekst z pola After Inserting, Go To.
Recordset (Query).
W oknie dialogowym Recordset kliknij przycisk Advanced (jeli okno nie znajduje
si w trybie Simple).
$#
Utwrz zestaw rekordw identyczny jak na rysunku 12.36. Ten zestaw rekordw
Po utworzeniu zestawu rekordw kliknij przycisk OK, aby zamkn okno
dialogowe Recordset.
Skoro moliwe jest ju okrelenie numeru zamwienia, ktry powinien by
przypisany do produktw w koszyku, musisz teraz wstawi zamwione produkty
do tabeli tbLineitem i skojarzy wszystkie nowe rekordy w tabeli z waciwym
numerem zamwienia. Aby wykona to zadanie, moesz zastosowa wbudowany
behawior serwera rozszerzenia UltraDev Shopping Cart.
Zaznacz przycisk Final Step. W panelu Server Behaviors kliknij przycisk oznaczony
w tabeli tbLineitem.
$
Okno dialogowe
Save Cart To Table
pozwala zdefiniowa,
ktre dane
umieszczone
w koszyku maj
by wstawione
do bazy danych
W polu Go To URL wpisz . Okno dialogowe
$
Okno dialogowe
Save Cart To Table
powinno wyglda
jak na rysunku
3
B
$$
$%
Przycisk Add To Cart
jest umieszczony
na stronie
Wybrane produkty
zostay umieszczone
w koszyku
Kliknij przycisk Spotlight Items ponownie, lecz tym razem kliknij cze The
Thing On The Furble Board. Dodaj . sztuki wybranego produktu do koszyka
$&
Jako sposb dostawy przesyki wybierz Overnight Express z listy rozwijanej
Zoye zamwienie. Otwrz baz danych i sprawd zawarto tabeli tbOrders i tabeli
tbLineitem. W kadej z nich powinny by umieszczone odpowiednie dane. W tym momencie mgby jeszcze doda specjaln sekcj (do sekcji administracyjnej), za pomoc
ktrej moliwe byoby przeszukiwanie wszystkich rekordw bazy danych w tabeli
tbOrders i tbLineitem. Takie rozwizanie umoliwioby Ci monitorowanie zamwie
(zamwionych produktw i dat zoenia zamwie). Alternatywny sposb polega na
skonfigurowaniu systemu powiadamiania o zoeniu zamwienia za pomoc e-maila
dziki czemu wiesz, kiedy zamwienie zostao zoone, ktre produkty zostay wybrane
i do kogo powinny by wysane.