Tworzenie strony wstawiania rekordów

Ostatnia aktualizacja 25 kwi 2024

W tym artykule omówiono tworzenie strony wstawiania rekordów w aplikacji Dreamweaver, która umożliwia użytkownikom wstawianie nowych rekordów do bazy danych.

Spostrzeżenie

Interfejs użytkownika w programie Dreamweaver i nowszych wersjach został uproszczony. Dlatego począwszy od wersji Dreamweaver niektóre opcje opisane w tym artykule mogą nie być dostępne. Więcej informacji zawiera ten artykuł.

Informacje o budowaniu strony wstawiania rekordów

Aplikacja może zawierać stronę umożliwiającą użytkownikom wstawianie nowych rekordów do bazy danych.

Strona wstawiania składa się z dwóch elementów:

  • Formularza HTML, który pozwala użytkownikom wprowadzać dane

  • Zachowanie serwerowe Wstaw rekord uaktualnia bazę danych

    Kiedy użytkownik klika przycisk Prześlij na formularzu, zachowanie serwerowe wstawia rekordy do bazy danych.

    Można dodać te elementy składowe w jednej operacji za pomocą obiektu danych Formularz wstawiania rekordu lub dodać je osobno, używając narzędzi formularzy Dreamweaver i panel Zachowania serwera.

Spostrzeżenie

Strona wstawiania może zawierać tylko jedno zachowanie serwerowe modyfikujące rekordy. Na przykład możesz dodać zachowanie serwerowe Uaktualnij rekord lub Usuń rekord do strony wstawiania.

Zbuduj stronę wstawiania element po elemencie

Można również utworzyć stronę wstawiania, używając narzędzi formularzy i zachowań serwera.

Dodawanie formularza HTML do strony wstawiania

Utwórz stronę dynamiczną (Plik > Nowy > Pusta strona) i zaprojektuj układ strony za pomocą narzędzi projektowych Dreamweaver.
Dodaj formularz HTML, umieszczając punkt wstawiania w miejscu, w którym ma się pojawić formularz, a następnie wybierz Wstaw > Formularz > Formularz.

Na stronie zostanie utworzony pusty formularz. Może być konieczne włączenie Elementów niewidocznych (Widok > Pomoce wizualne > Elementy niewidoczne), aby zobaczyć granice formularza reprezentowane przez cienkie czerwone linie.

Nadaj nazwę formularzowi HTML, klikając znacznik <form> na dole okna Dokument, aby wybrać formularz, otwierając Inspektor właściwości (Okno > Właściwości) i wpisując nazwę w polu Nazwa formularza.

Nie trzeba określać atrybutu action ani method formularza, aby poinformować go, gdzie i jak wysłać dane rekordu, gdy użytkownik kliknie przycisk Prześlij. Zachowanie serwera Wstaw rekord ustawia te atrybuty automatycznie.

Dodaj obiekt formularza, taki jak 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. Pola tekstowe są popularne w tym celu, ale można również używać menu, opcji i przycisków radiowych.

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

Można zmienić etykietę przycisku Prześlij, wybierając ten przycisk, otwierając Inspektor właściwości (Okno > Właściwości) i wpisując nową wartość w polu Etykieta.

Dodaj zachowanie serwera do wstawiania rekordów w tabeli bazy danych (ColdFusion)

W panel Zachowania serwera (Okno > Zachowania serwera) kliknij przycisk Plus (+) i wybierz Wstaw rekord z menu podręcznego.
Wybierz formularz z wyskakującego menu Wyślij wartości z.
W menu podręcznym Źródło danych wybierz połączenie z bazą danych.
Wpisz nazwę użytkownika i hasło.
W menu podręcznym Wstaw do tabeli wybierz tabelę bazy danych, do której ma zostać wstawiony rekord.
Określ kolumnę bazy danych do wstawienia rekordu, wybierz obiekt formularza, który będzie wstawiał rekord 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, jakich oczekuje kolumna w tabeli bazy danych (tekst, wartości numeryczne, opcje logiczne).

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

W polu Po wstawieniu przejdź do wpisz stronę do otwarcia po wstawieniu rekordu do tabeli lub kliknij przycisk Przeglądaj, aby przejść do pliku.
Kliknij przycisk OK.

Dreamweaver dodaje zachowanie serwera do strony, które umożliwia użytkownikom wstawianie rekordów w tabeli bazy danych poprzez wypełnienie formularza HTML i kliknięcie przycisku Prześlij.

Dodaj zachowanie serwera umożliwiające wstawianie rekordów do tabeli bazy danych (ASP)

W panel Zachowania serwera (Okno > Zachowania serwera) kliknij przycisk Plus (+) i wybierz Wstaw rekord z menu podręcznego.
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 Wstaw do tabeli wybierz tabelę bazy danych, do której ma zostać wstawiony rekord.
W polu Po wstawieniu przejdź do wpisz stronę, która ma się otworzyć po wstawieniu rekordu do tabeli, lub kliknij przycisk Przeglądaj, aby przejść do pliku.
W menu podręcznym Pobierz wartości z wybierz formularz HTML używany do wprowadzania danych.

Dreamweaver automatycznie wybiera pierwszy formularz na stronie.

Określ kolumnę bazy danych do wstawienia rekordu, wybierz obiekt formularza, który wstawi rekord z menu podręcznego Wartość, a następnie wybierz typ danych dla obiektu formularza z menu podręcznego Wyślij jako.

Typ danych to rodzaj danych, którego oczekuje kolumna w tabeli bazy danych (dane tekstowe, numeryczne, wartości opcji logicznych).

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

Kliknij przycisk OK.

Dreamweaver dodaje zachowanie serwera do strony, które pozwala użytkownikom wstawiać rekordy do tabeli bazy danych poprzez wypełnienie formularza HTML i kliknięcie przycisku Wyślij.

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

Dodaj zachowanie serwera do wstawiania rekordów w tabeli bazy danych (PHP)

W panelu Zachowania serwera (Okno > Zachowania serwera) kliknij przycisk Plus (+) i wybierz Wstaw rekord z menu podręcznego.
Wybierz formularz z wyskakującego menu Wyślij wartości z.
W menu podręcznym Połączenie wybierz połączenie z bazą danych.
W menu podręcznym Wstaw tabelę wybierz tabelę bazy danych, do której ma zostać wstawiony rekord.
Określ kolumnę bazy danych do wstawienia rekordu, wybierz obiekt formularza, który wstawi rekord z menu podręcznego Wartość, a następnie wybierz typ danych dla obiektu formularza z menu podręcznego Wyślij jako.

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

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

W polu Po wstawieniu przejdź do wpisz stronę, która ma się otworzyć po wstawieniu rekordu w tabeli, lub kliknij przycisk Przeglądaj, aby przejść do pliku.
Kliknij przycisk OK.

Dreamweaver dodaje zachowanie serwera do strony, które pozwala użytkownikom wstawiać rekordy do tabeli bazy danych poprzez wypełnienie formularza HTML i kliknięcie przycisku Wyślij.

Budowanie strony wstawiania za pomocą jednej operacji

Otwórz stronę w widoku Projekt i wybierz Wstaw > Obiekty danych > Wstaw rekord > Kreator formularza wstawiania 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 Wstaw do tabeli wybierz tabelę bazy danych, do której rekord powinien zostać wstawiony.
Jeżeli używasz środowiska ColdFusion, wprowadź nazwę użytkownika i jego hasło.
W polu Po wstawieniu przejdź do wpisz stronę, która ma się otworzyć po wstawieniu rekordu do tabeli, lub kliknij przycisk Przeglądaj, aby przejść do pliku.
W obszarze Pola formularza określ obiekty formularza, które chcesz uwzględnić w formularzu HTML strony wstawiania, oraz które kolumny w tabeli bazy danych każdy obiekt formularza powinien aktualizować.

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

Można też zmienić kolejność obiektów formularza w 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 sposób wyświetlania każdego pola wprowadzania danych w 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 program Dreamweaver wyświetla nazwę kolumny tabeli w 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.

Spostrzeżenie

Ukryte pola są wstawianie na końcu formularza.

  • 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.  
Kliknij przycisk OK.

Program Dreamweaver dodaje do strony zarówno formularz HTML, jak i zachowanie serwera Wstaw rekord.Obiekty formularza są rozmieszczone w podstawowej tabeli, którą można dostosować przy użyciu narzędzi do projektowania stron programu 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 Wstaw rekord.

Więcej podobnych