Zbieranie informacji od użytkowników za pomocą formularzy

Ostatnia aktualizacja 20 gru 2021

O zbieraniu informacji od użytkowników

Można używać formularzy internetowych lub hiperłączy do zbierania informacji od użytkowników, przechowywania tych informacji w pamięci serwera, a następnie wykorzystywania tych informacji do tworzenia dynamicznej odpowiedzi na podstawie danych wejściowych użytkownika.Najbardziej powszechnymi narzędziami do zbierania informacji od użytkowników są formularze HTML i hiperłącza.

Formularze HTML

Umożliwiają zbieranie informacji od użytkowników i przechowywanie ich w pamięci serwera.Formularz HTML może wysyłać informacje jako parametry formularza lub jako parametry URL.

Łącza hipertekstowe

Umożliwiają zbieranie informacji od użytkowników i przechowywanie ich w pamięci serwera.Wartość (lub wartości) do przesłania po kliknięciu łącza przez użytkownika — na przykład preferencję — określa się poprzez dołączenie wartości do adresu URL określonego w tagu zakotwiczenia.Gdy użytkownik kliknie łącze, przeglądarka wysyła adres URL i dołączoną wartość do serwera.

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ł.

Parametry formularza HTML

Parametry formularza są wysyłane do serwera za pomocą formularza HTML z użyciem metody POST lub GET.

W przypadku używania metody POST parametry są wysyłane do serwera internetowego jako część nagłówka dokumentu i nie są widoczne ani dostępne dla osób przeglądających stronę przy użyciu standardowych metod.Metoda POST powinna być używana dla wartości, które wpływają na zawartość bazy danych (na przykład wstawianie, aktualizacja lub usuwanie rekordów) lub dla wartości wysyłanych za pomocą poczty elektronicznej.

Metoda GET dołącza parametry do żądanego adresu URL.Są one widoczne dla każdego, kto wyświetla stronę. Metodę GET należy stosować do obsługi formularzy wyszukiwania.

Można użyć programu Dreamweaver do szybkiego projektowania formularzy HTML, które wysyłają parametry formularza do serwera.Należy zwrócić uwagę na metodę używaną do przesyłania informacji z przeglądarki do serwera.

Parametry formularza biorą nazwy odpowiadających im obiektów formularza. Na przykład, jeśli formularz zawiera pole tekstowe o nazwie txtLastName, wówczas następujący parametr formularza jest wysyłany do serwera po kliknięciu przez użytkownika przycisku Prześlij:

txtLastName=enteredvalue

W przypadkach, gdy aplikacja internetowa oczekuje określonej wartości parametru (na przykład gdy wykonuje działanie na podstawie jednej z kilku opcji), należy użyć przycisku opcji, pola wyboru lub obiektu formularza typu lista/menu do kontrolowania wartości, które użytkownik może przesłać.Zapobiega to nieprawidłowemu wprowadzaniu informacji przez użytkowników i powstawaniu błędów aplikacji. Poniższy przykład pokazuje wyskakujące menu z trzema opcjami do wyboru:

Formularz Wyskakujące menu

Każdy wybór menu odpowiada zakodowanej wartości, która jest przesyłana jako parametr formularza do serwera.Okno dialogowe Wartości listy w następującym przykładzie dopasowuje każdy element listy do wartości (Dodaj, Aktualizuj lub Usuń):

Okno dialogowe Lista wartości

Po utworzeniu parametru formularza program Dreamweaver może pobrać wartość i użyć jej w aplikacji internetowej.Po zdefiniowaniu parametru formularza w programie Dreamweaver można wstawić jego wartość na stronie.

Parametry adresu URL

Parametry URL umożliwiają przekazywanie informacji dostarczonych przez użytkownika z przeglądarki do serwera.Gdy serwer otrzyma żądanie, a parametry są dołączone do adresu URL żądania, serwer udostępnia żądanej stronie parametry przed wyświetleniem tej strony w przeglądarce.

Parametr URL to para nazwa-wartość dołączona do adresu URL.Parametr zaczyna się od znaku zapytania (?)i przyjmuje postać nazwa=wartosc. Jeśli istnieje więcej niż jeden parametr URL, każdy parametr jest oddzielony znakiem ampersand (&).Poniższy przykład pokazuje parametr URL z dwiema parami nazwa-wartość:

http://server/path/document?name1=value1&name2=value2

W przykładowym obiegu pracy, przedstawiona jest aplikacja WWW, która jest frontem do sklepu. Ponieważ twórcy witryny chcą dotrzeć do jak najszerszej grupy odbiorców, witryna została zaprojektowana tak, aby obsługiwała waluty obce.Gdy użytkownicy logują się do witryny, mogą wybrać walutę, w której chcą wyświetlać ceny dostępnych elementów.

Przeglądarka żąda strony report.cfm od serwera. Żądanie zawiera parametr adresu URL Currency="euro". Zmienna Currency="euro" określa, że wszystkie pobrane kwoty pieniężne mają być wyświetlane jako euro Unii Europejskiej.

Serwer tymczasowo przechowuje parametr adresu URL w pamięci.

Strona report.cfm używa parametru do pobierania kosztów elementów w euro.Te kwoty pieniężne mogą być albo przechowywane w tabeli bazy danych różnych walut, albo konwertowane z jednej waluty przypisanej do każdego elementu (dowolna waluta obsługiwana przez aplikację).

Serwer wysyła stronę report.cfm do przeglądarki i wyświetla wartość elementów w żądanej walucie.Gdy użytkownik kończy sesję, serwer usuwa wartość parametru URL, zwalniając pamięć serwera na nowe żądania użytkowników.

Parametry URL są również tworzone, gdy metoda HTTP GET jest używana w połączeniu z formularzem HTML.Metoda GET określa, że wartość parametru ma być dołączona do żądania URL podczas przesyłania formularza.

Typowe zastosowania parametrów URL obejmują personalizację witryn internetowych na podstawie preferencji użytkownika.Na przykład parametr URL składający się z nazwy użytkownika i hasła może być używany do uwierzytelnienia użytkownika, wyświetlając tylko informacje, które użytkownik zasubskrybował.Typowe przykłady obejmują witryny finansowe, które wyświetlają indywidualne ceny akcji na podstawie symboli giełdowych, które użytkownik wcześniej wybrał.Programiści aplikacji internetowych często używają parametrów URL do przekazywania wartości do zmiennych w aplikacjach.Na przykład możesz przekazać terminy wyszukiwania do zmiennych SQL w aplikacji internetowej w celu wygenerowania wyników wyszukiwania.

Parametry URL tworzy się w łączu HTML za pomocą atrybutu href znacznika kotwicy HTML.Możesz wprowadzić parametry URL bezpośrednio w atrybucie w widoku Code (Widok > Code) lub poprzez dołączenie parametrów URL na końcu adresu URL łącza w polu Link inspektora właściwości.

W poniższym przykładzie trzy łącza tworzą jeden parametr URL (action) z trzema możliwymi wartościami (Add, Update i Delete).Gdy użytkownik kliknie łącze, wartość parametru jest wysyłana do serwera i wykonywana jest żądana akcja.

<a href="http://www.mysite.com/index.cfm?action=Add">Dodaj rekord</a>

<a href="http://www.mysite.com/index.cfm?action=Update">Aktualizuj rekord</a>

<a href="http://www.mysite.com/index.cfm?action=Delete">Usuń rekord</a>

Inspektor właściwości (Okno > Właściwości) pozwala utworzyć te same parametry adresu URL, zaznaczając łącze i dołączając wartości parametrów adresu URL na końcu adresu URL łącza w polu Łącze.

Inspektor właściwości

Po utworzeniu parametru adresu URL Dreamweaver może pobrać wartość i użyć jej w aplikacji internetowej.Po zdefiniowaniu parametru adresu URL w programie Dreamweaver można wstawić jego wartość na stronie.