Tworzenie strony wstawiania rekordów

Utwórz dynamiczną stronę (Plik > Nowy > Pusta strona) i zaprojektuj jej układ za pomocą narzędzi programu Dreamweaver.

Dodaj formularz HTML, umieszczając punkt wstawiania tam, gdzie ma się on pojawić, i wybierając polecenie Wstaw > Formularz > Formularz.

Na stronie zostanie utworzony pusty formularz. Jeśli trzeba, włącz opcję Elementy niewidoczne (Widok > Pomoce wizualne > Elementy niewidoczne), aby zobaczyć obrys formularza, który jest pokazywany za pomocą cienkich, czerwonych linii.

Nazwij formularz HTML, klikając znacznik <form> znajdujący się na dole okna Dokument (co spowoduje zaznaczenie formularza), otwierając Inspektora właściwości (Okno > Właściwości) i wprowadzając nazwę w polu Nazwa formularza.

Nie ma potrzeby podawania atrybutu action lub method dla formularza, aby określić, jak i gdzie mają być przesyłane dane rekordu, gdy użytkownik kliknie przycisk Prześlij. Zachowanie serwerowe Wstaw rekord ustawi te atrybuty automatycznie.

Dodaj obiekt formularza, np. pole tekstowe (Wstaw > Formularz > Pole tekstowe), dla każdej kolumny w tabeli bazy danych, do której chcesz wstawiać rekordy.

Obiekty formularza służą do wprowadzania danych. Zazwyczaj do tego celu używa się pól tekstowych, ale można także użyć menu, pól wyboru oraz przycisków opcji.

Dodaj do formularza przycisk Prześlij (Wstaw > Formularz > Przycisk).

(Opcjonalnie) Zmień etykietę przycisku Prześlij, zaznaczając przycisk, otwierając Inspektora właściwości (Okno > Właściwości) i wprowadzając nową wartość w pole Etykieta.

W panelu Zachowania serwerowe (Okno > Zachowania serwerowe) kliknij przycisk Plus (+), a następnie wybierz polecenie Wstaw rekord z wyskakującego menu.

Wybierz formularz z wyskakującego menu Wyślij wartości z.

Z wyskakującego menu Źródło danych wybierz połączenie z bazą danych.

Wpisz nazwę użytkownika i hasło.

Z wyskakującego menu „Wstaw do tabeli” wybierz tabelę bazy danych, do której mają być wstawiane rekordy.

Określ kolumnę w bazie danych, do której będzie wstawiany rekord. Wybierz z wyskakującego menu obiekt formularza, który będzie wstawiał rekord, a następnie wybierz typ danych dla obiektu formularza z wyskakującego menu Wyślij jako.

Typ danych to rodzaj danych, jakiego oczekuje kolumna w tabeli (np. tekst, liczba, wartość logiczna).

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

W oknie dialogowym „Po wstawieniu przejdź do” wprowadź stronę, która zostanie otwarta po wstawieniu rekordu do tabeli. Możesz kliknąć przycisk Przeglądaj, aby wybrać odpowiedni plik.

Kliknij przycisk OK.

Program Dreamweaver dodaje do strony zachowanie serwerowe, pozwalając użytkownikom na wstawianie rekordów do tabeli bazy danych przez wypełnienie formularza HTML i kliknięcie przycisku Wyślij.

W panelu Zachowania serwerowe (Okno > Zachowania serwerowe) kliknij przycisk Plus (+), a następnie wybierz polecenie Wstaw rekord z wyskakującego menu.

Z wyskakującego menu Połączenie wybierz połączenie z bazą danych.

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

Z wyskakującego menu „Wstaw do tabeli” wybierz tabelę bazy danych, do której mają być wstawiane rekordy.

Po oknie dialogowym „Po wstawieniu przejdź do” wprowadź stronę, która zostanie otwarta po wstawieniu rekordu do tabeli. Możesz również kliknąć przycisk Przeglądaj, aby wybrać odpowiedni plik.

Z wyskakującego menu „Pobierz wartości z” wybierz formularz HTML, który będzie używany do wprowadzania danych.

Program Dreamweaver automatycznie wybierze pierwszy formularz na stronie.

Określ kolumnę w bazie danych, do której będzie wstawiany rekord. Wybierz z wyskakującego menu obiekt formularza, który będzie wstawiał rekord, a następnie wybierz typ danych dla obiektu formularza z wyskakującego menu Wyślij jako.

Typ danych to rodzaj danych, jakiego oczekuje kolumna w tabeli (np. tekst, liczba, wartość logiczna).

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

Kliknij przycisk OK.

Program Dreamweaver dodaje do strony zachowanie serwerowe, pozwalając użytkownikom na wstawianie rekordów do tabeli bazy danych przez wypełnienie formularza HTML i kliknięcie przycisku Wyślij.

Aby zmienić zachowanie serwerowe, otwórz panel Zachowania serwerowe (Okno > Zachowania serwerowe) i dwukrotnie kliknij zachowanie Wstaw rekord.

W panelu Zachowania serwerowe (Okno > Zachowania serwerowe) kliknij przycisk Plus (+), a następnie wybierz polecenie Wstaw rekord z wyskakującego menu.

Wybierz formularz z wyskakującego menu Wyślij wartości z.

Z wyskakującego menu Połączenie wybierz połączenie z bazą danych.

Z wyskakującego menu „Wstaw do tabeli” wybierz tabelę bazy danych, do której mają być wstawiane rekordy.

Określ kolumnę w bazie danych, do której będzie wstawiany rekord. Wybierz z wyskakującego menu obiekt formularza, który będzie wstawiał rekord, a następnie wybierz typ danych dla obiektu formularza z wyskakującego menu Wyślij jako.

Typ danych to rodzaj danych, jakiego oczekuje kolumna w tabeli (np. tekst, liczba, wartość logiczna).

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

W oknie dialogowym „Po wstawieniu przejdź do” wprowadź stronę, która zostanie otwarta po wstawieniu rekordu do tabeli. Możesz kliknąć przycisk Przeglądaj, aby wybrać odpowiedni plik.

Kliknij przycisk OK.

Program Dreamweaver dodaje do strony zachowanie serwerowe, pozwalając użytkownikom na wstawianie rekordów do tabeli bazy danych przez wypełnienie formularza HTML i kliknięcie przycisku Wyślij.

Otwórz stronę w widoku Projekt i wybierz polecenie Wstaw > Obiekty danych > Wstaw rekord > Kreator formularza wstawiania rekordu.

Z wyskakującego menu Połączenie wybierz połączenie z bazą danych. Kliknij przycisk Definiuj, jeżeli chcesz zdefiniować połączenie.

Z wyskakującego menu „Wstaw do tabeli” wybierz tabelę bazy danych, do której mają być wstawiane rekordy.

Jeżeli używasz środowiska ColdFusion, wprowadź nazwę użytkownika i jego hasło.

W oknie dialogowym „Po wstawienie przejdź do” wprowadź stronę, która zostanie otwarta po wstawieniu rekordu do tabeli. Możesz także kliknąć przycisk Przeglądaj, aby wybrać odpowiedni plik.

W obszarze Pola formularza określ obiekty, które mają się znaleźć w formularzu HTML na stronie wstawiania. Zdefiniuj kolumny w tabeli bazy danych, które będą uaktualniane przez poszczególne obiekty formularza.

Program Dreamweaver tworzy domyślnie osobny obiekt formularza dla każdej kolumny tabeli bazy danych. Jeżeli baza danych automatycznie generuje niepowtarzalne identyfikatory klucza dla każdego nowo tworzonego rekordu, usuń obiekt formularza odpowiadający kolumnie klucza, wybierając go na liście i klikając przycisk Minus (-). Pozwala to wyeliminować ryzyko, że użytkownik formularza wprowadzi wartość identyfikatora, który już istnieje.

Można także zmienić kolejność obiektów w formularzu HTML, wybierając obiekt formularza z listy i klikając strzałki w dół i w górę. Strzałki te znajdują się po prawej stronie okna dialogowego.

Określ sposób wyświetlania poszczególnych pól wprowadzania danych w formularzu HTML, klikając wiersz w tabeli Pola formularza i wprowadzając następujące informacje w polach pod tabelą:

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

• 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żna także wybrać elementy: Pole hasła, Pole pliku oraz Pole ukryte.

• Z wyskakującego menu Wyślij jako wybierz format danych, którego oczekuje tabela bazy danych. Na przykład jeżeli kolumna tabeli akceptuje wyłącznie dane liczbowe, wybierz pozycję 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.  

Kliknij przycisk OK.

Program Dreamweaver doda do strony formularz HTML i zachowanie serwerowe Wstaw rekord. Obiekty formularza są ułożone w formie prostej tabeli, którą można dostosowywać za pomocą narzędzi programu Dreamweaver. (Upewnij się, że wszystkie obiekty formularza znajdują się w granicach jego obrysu).

Aby zmienić zachowanie serwerowe, otwórz panel Zachowania serwerowe (Okno > Zachowania serwerowe) i dwukrotnie kliknij zachowanie Wstaw rekord.