Tworzenie strony uaktualniania rekordów w programie Dreamweaver

Utwórz stronę w programie Dreamweaver i zapisz ją.

Strona zostanie twoją stroną uaktualnienia.

W panelu Powiązania (Okno > Powiązania) kliknij przycisk Plus (+) i wybierz Zestaw rekordów.

Jeżeli zamiast tego pojawi się okno zaawansowane, kliknij opcję Proste. Zaawansowane okno dialogowe ma obszar tekstowy do wprowadzania instrukcji SQL; proste go nie ma.

Nadaj nazwę zestawowi rekordów i określ, gdzie znajdują się dane, które chcesz zaktualizować, używając menu rozwijanych Połączenie i Tabela.

Kliknij Wybrane i wybierz kolumnę kluczową (zwykle kolumnę identyfikatora rekordu) oraz kolumny zawierające dane do zaktualizowania.

Skonfiguruj obszar Filtr tak, aby wartość kolumny kluczowej była równa wartości odpowiadającego parametru URL przekazanego przez stronę wyników.

Ten rodzaj filtra tworzy zestaw rekordów zawierający tylko rekord określony przez stronę wyników. Na przykład, jeśli kolumna kluczowa zawiera informacje o identyfikatorze rekordu i nazywa się PRID, a jeśli strona wyników przekazuje odpowiadające informacje o identyfikatorze rekordu w parametrze URL o nazwie id, obszar Filtr powinien wyglądać jak poniższy przykład:

Kliknij przycisk OK.

Kiedy użytkownik wybiera rekord na stronie wyników, strona aktualizacji generuje zestaw rekordów zawierający tylko wybrany rekord.

Utwórz stronę (File > New > Blank Page). Strona ta stanie się stroną uaktualniania.

Zaprojektuj układ strony, używając narzędzi projektowania Dreamweaver.

Dodaj formularz HTML, umieszczając punkt wstawiania w miejscu, gdzie ma pojawić się formularz, i wybierając Insert > Form > Form.

Na stronie zostanie utworzony pusty formularz. Być może trzeba będzie włączyć Invisible Elements (View > Visual Aids > Invisible Elements), aby zobaczyć granice formularza, które są reprezentowane przez cienkie czerwone linie.

Nazwij formularz HTML, klikając tag <form> na dole okna dokumentu, aby wybrać formularz, otwierając inspektor właściwości (Window > Properties) i wprowadzając nazwę w polu Form Name.

Nie musisz określać atrybutu action ani method dla formularza, aby wskazać, gdzie i jak wysłać dane rekordu po kliknięciu przycisku Submit.Server behavior Update Record ustawia te atrybuty za Ciebie.

Dodaj obiekt formularza, taki jak pole tekstowe (Insert > Form > Text Field) dla każdej kolumny, którą chcesz zaktualizować w tabeli bazy danych.

Obiekty formularza służą do wprowadzania danych. Pola tekstowe są powszechne w tym celu, ale można też użyć menu, opcji i przycisków radio.

Każdy obiekt formularza powinien mieć odpowiadającą mu kolumnę w zdefiniowanym wcześniej zestawie rekordów. Jedynym wyjątkiem jest kolumna unikalnego klucza, która nie powinna mieć odpowiadającego jej obiektu formularza.

Dodaj przycisk Wyślij do formularza (Insert > Form > Button).

Można zmienić etykietę przycisku Submit, wybierając przycisk, otwierając Property inspector (Window > Properties) i wprowadzając nową wartość w polu Label.

Upewnij się, że zdefiniowano zestaw rekordów do przechowywania rekordu, który użytkownik chce zaktualizować.

Zobacz Retrieve the record to update.

Powiąż każdy obiekt formularza z danymi w zestawie rekordów, jak opisano w następujących tematach:

• Wyświetlaj dynamiczną zawartość w polach tekstowych HTML

• Dynamically preselect an HTML check box

• Dynamically preselect an HTML radio button

• Wstaw lub zmień dynamiczne menu formularza HTML

• Uczyń istniejące menu formularzy HTML dynamicznymi

W panelu Server Behaviors (Window > Server Behaviors) kliknij przycisk Plus (+) i wybierz Update Record z menu podręcznego.

Zostanie wyświetlone okno dialogowe Uaktualnij rekord.

Wybierz formularz z wyskakującego menu Pobierz wartości z.

W menu podręcznym Data Source lub Connection wybierz połączenie z bazą danych.

Wpisz nazwę użytkownika i hasło (jeżeli jest to potrzebne).

W menu podręcznym Aktualizuj tabelę wybierz tabelę bazy danych zawierającą rekord, który aktualizujesz.

(ColdFusion, PHP) Określ kolumnę bazy danych do aktualizacji, wybierz obiekt formularza, który zaktualizuje kolumnę z menu podręcznego Wartość, wybierz typ danych dla obiektu formularza z menu podręcznego Prześlij jako i wybierz Klucz główny, jeśli chcesz zidentyfikować tę kolumnę jako klucz główny.

Typ danych to rodzaj danych, których oczekuje kolumna w tabeli bazy danych (tekst, wartości numeryczne, wartości logiczne).

Powtórz procedurę dla każdego obiektu formularza w formularzu.

(ASP) W menu podręcznym Select Record From określ zestaw rekordów zawierający rekord wyświetlany w formularzu HTML.W menu podręcznym Kolumna klucza unikalnego wybierz kolumnę klucza (zwykle kolumnę identyfikatora rekordu), aby zidentyfikować rekord w tabeli bazy danych. Wybierz opcję Liczbowo, jeżeli wartość jest liczbą. Kolumna klucza zwykle akceptuje tylko wartości liczbowe, ale czasami akceptuje wartości tekstowe.

W polu Po aktualizacji lub Po pomyślnym zakończeniu przejdź do wprowadź stronę, która ma się otworzyć po aktualizacji rekordu w tabeli, lub kliknij przycisk Przeglądaj, aby przejść do pliku.

(ASP) Określ kolumnę bazy danych do aktualizacji, wybierz obiekt formularza, który zaktualizuje kolumnę z menu podręcznego Wartość, a następnie wybierz typ danych dla obiektu formularza z menu podręcznego Prześlij jako. Typ danych to rodzaj danych, których oczekuje kolumna w tabeli bazy danych (tekst, wartości liczbowe, opcje logiczne). Powtórz tę procedurę dla każdego obiektu formularza.

Kliknij przycisk OK.

Program Dreamweaver dodaje zachowanie serwera do strony, które umożliwia użytkownikom aktualizowanie rekordów w tabeli bazy danych przez modyfikowanie informacji wyświetlanych w formularzu HTML i kliknięcie przycisku Prześlij.

Aby edytować zachowanie serwera, otwórz panel Zachowania serwera (Okno > Zachowania serwera) i kliknij dwukrotnie zachowanie Zaktualizuj rekord.

Otwórz stronę w widoku Projekt i wybierz Wstaw > Obiekty danych > Aktualizacja rekordu > Kreator formularza aktualizacji rekordu.

Zostanie wyświetlone okno dialogowe Formularz uaktualniania rekordów.

W menu podręcznym Połączenie wybierz połączenie z bazą danych.

Kliknij przycisk Definiuj, jeżeli chcesz zdefiniować połączenie.

W menu podręcznym Tabela do aktualizacji wybierz tabelę bazy danych zawierającą rekord do aktualizacji.

W menu podręcznym Wybierz rekord z określ zestaw rekordów zawierający rekord wyświetlany w formularzu HTML.

W menu podręcznym Kolumna klucza unikatowego wybierz kolumnę klucza (zazwyczaj kolumnę ID rekordu), aby zidentyfikować rekord w tabeli bazy danych.

Jeżeli wartość jest liczbą, wybierz opcję Liczbowo. Kolumna klucza zazwyczaj akceptuje tylko wartości liczbowe, ale czasami akceptuje wartości tekstowe.

W polu Po aktualizacji przejdź do wprowadź stronę, która ma się otworzyć po aktualizacji rekordu w tabeli.

W obszarze Pola formularza określ, które kolumny w tabeli bazy danych każdy obiekt formularza powinien aktualizować.

Domyślnie Dreamweaver tworzy objekt formularza dla każdej kolumny w tabeli bazy danych. Jeśli baza danych automatycznie generuje unikalne identyfikatory kluczy dla każdego nowego utworzonego rekordu, usuń obiekt formularza odpowiadający kolumnie klucza, zaznaczając go na liście i klikając przycisk Minus (-).Eliminuje to ryzyko, że użytkownik formularza wprowadzi wartość ID, która już istnieje.

Można również zmienić kolejność obiektów formularza na formularzu HTML, zaznaczając obiekt formularza na liście i klikając strzałkę w górę lub w dół po prawej stronie okna dialogowego.

Określ, jak każde pole wprowadzania danych powinno być wyświetlane na formularzu HTML, klikając wiersz w tabeli Pola formularza i wprowadzając następujące informacje w polach poniżej tabeli:

• W polu Etykieta wprowadź opisową etykietę, która będzie wyświetlana obok pola wprowadzania danych. Domyślnie Dreamweaver wyświetla nazwę kolumny tabeli na etykiecie.

• Z wyskakującego menu Wyświetl jako wybierz obiekt formularza, który będzie służył jako pole wprowadzania danych. Można wybrać następujące elementy: Pole tekstowe, Obszar tekstowy, Grupa przycisków opcji, Pole wyboru lub Tekst. Dla pozycji tylko do odczytu (bez możliwości edycji) wybierz pozycję Tekst. Możesz także wybrać Pole hasła, Pole pliku oraz Pole ukryte.

• W menu wyskakującym Prześlij jako, wybierz format danych akceptowany przez tabelę bazy danych. Na przykład jeżeli kolumna tabeli akceptuje wyłącznie dane numerycznie, wybierz Liczbowo.

• Ustaw właściwości obiektu formularza. Masz różne opcje w zależności od obiektu formularza, który wybierzesz jako pole wprowadzania danych. Dla pól tekstowych, obszarów tekstowych oraz tekstu można wstawić wartość początkową. Dla menu i grup przycisków opcji można otworzyć osobne okno dialogowe, aby ustawić ich właściwości. Dla pól opcji wybiera się stan: Włączone lub Wyłączone.  

Ustaw właściwości innych obiektów formularza, zaznaczając inny wiersz Pól formularza i wprowadzając etykietę, wartość Wyświetl jako i wartość Wyślij jako.

W przypadku menu i grup przycisków radiowych otwórz inne okno dialogowe, aby ustawić właściwości. W przypadku opcji zdefiniuj porównanie między wartością bieżącego rekordu dla opcji a podaną wartością, aby określić, czy opcja jest zaznaczona po wyświetleniu rekordu.

Kliknij przycisk OK.

Dreamweaver dodaje zarówno formularz HTML, jak i zachowanie serwera Aktualizuj rekord do strony.

Obiekt danych dodaje zarówno formularz HTML, jak i zachowanie serwera Aktualizuj rekord do strony. Obiekty formularza są rozmieszczone w podstawowej tabeli, którą można dostosować za pomocą narzędzi projektowania stron w programie Dreamweaver. (Upewnij się, że wszystkie obiekty formularza pozostają w granicach formularza.)

Aby edytować zachowanie serwera, otwórz panel Zachowania serwera (Okno > Zachowania serwera) i kliknij dwukrotnie zachowanie Aktualizuj rekord.

Wybierz Ręcznie lub Z bazy danych, w zależności od tego, jak planujesz utworzyć element formularza.

Kliknij przycisk Plus (+), aby dodać element.

Wprowadź etykietę i wartość elementu.

W polu Wybierz Wartość równą, jeśli chcesz, aby określony element był wybrany po otwarciu strony w przeglądarce lub po wyświetleniu rekordu w formularzu, wprowadź wartość równą wartości elementu.

Można wprowadzić wartość statyczną lub można określić wartość dynamiczną, klikając ikonę pioruna i zaznaczając wartość dynamiczną z listy źródeł danych. W obu przypadkach określona wartość powinna odpowiadać jednej z wartości elementu.