Tworzenie strony logowania

Ostatnia aktualizacja 25 kwi 2024
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ł.

O stronach logowania

Aplikacja internetowa może zawierać stronę, która umożliwia zarejestrowanym użytkownikom zalogowanie się do witryny.

Strona logowania jest zbudowana z następujących elementów konstrukcyjnych:

  • Tabeli bazy danych zawierającej zarejestrowanych użytkowników;

  • Formularza HTML, który umożliwia użytkownikom wprowadzanie identyfikatora i hasła;

  • Zachowanie serwera Zaloguj się użytkownika, aby upewnić się, że wprowadzona nazwa użytkownika i hasło są prawidłowe

    Zmienna sesji składająca się z nazwy użytkownika jest tworzona dla użytkownika po pomyślnym zalogowaniu.

Utwórz tabelę bazy danych zarejestrowanych użytkowników

Potrzebujesz tabeli bazy danych zarejestrowanych użytkowników, aby sprawdzić, czy nazwa użytkownika i hasło wprowadzone na stronie logowania są prawidłowe.

Użyj aplikacji bazy danych i strony rejestracji, aby utworzyć tabelę. Instrukcje można znaleźć w powiązanym temacie odnośnik poniżej.

Kolejnym krokiem w tworzeniu strony logowania jest dodanie formularza HTML do strony, aby umożliwić użytkownikom zalogowanie się. Odpowiednie informacje zawiera następny temat.

Dodaj formularz HTML, aby umożliwić użytkownikom zalogowanie się

Dodajesz formularz HTML do strony, aby umożliwić użytkownikom zalogowanie się przez wprowadzenie nazwy użytkownika i hasła.

Utwórz stronę (Plik > Nowy > Pusta strona) i zaprojektuj stronę logowania za pomocą narzędzi projektowych programu Dreamweaver.
Dodaj formularz HTML, umieszczając kursor w miejscu, w którym ma pojawić się formularz i wybierając Formularz z menu Wstaw.

Na stronie zostanie utworzony pusty formularz. Być może będziesz musiał włączyć Elementy niewidoczne (Widok > Pomoce wizualne > Elementy niewidoczne), aby zobaczyć granice formularza, które są reprezentowane przez cienkie czerwone linie.

Nazwij formularz HTML, klikając znacznik <form> u dołu okna Dokumentu, aby wybrać formularz, otwierając Inspektor właściwości (Okno > Właściwości) i wprowadzając nazwę w polu Nazwa formularza.

Nie musisz określać atrybutu action lub method dla formularza, aby poinformować go, gdzie i jak przesłać dane rekordu, kiedy użytkownik kliknie przycisk Prześlij. Zachowanie serwera Zaloguj się użytkownika ustawia te atrybuty za Ciebie.

Dodaj pole tekstowe nazwy użytkownika i hasła (Wstaw > Formularz > Pole tekstowe) do formularza.

Dodaj etykiety (jako tekst lub obrazy) obok każdego pola tekstowego i wyrównaj pola tekstowe, umieszczając je wewnątrz tabeli HTML i ustawiając atrybut border tabeli na 0.

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

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

Kolejnym krokiem w tworzeniu strony logowania jest dodanie zachowania serwera Zaloguj się użytkownika, aby sprawdzić, czy wprowadzona nazwa użytkownika i hasło są prawidłowe.

Weryfikowanie nazwy użytkownika i hasła

Musisz dodać zachowanie serwera Zaloguj się użytkownika do strony logowania, aby upewnić się, że nazwa użytkownika i hasło, które wprowadza użytkownik, są prawidłowe.

Kiedy użytkownik kliknie przycisk Prześlij na stronie logowania, zachowanie serwera Zaloguj się użytkownika porównuje wartości wprowadzone przez użytkownika z wartościami dla zarejestrowanych użytkowników. Jeśli wartości się zgadzają, zachowanie serwera otwiera jedną stronę (zwykle ekran powitalny witryny).Jeśli wartości się nie zgadzają, zachowanie serwera otwiera inną stronę (zwykle stronę informującą użytkownika, że próba logowania nie powiodła się).

W panelu Zachowania serwera (Okno > Zachowania serwera) kliknij przycisk Plus (+) i wybierz Uwierzytelnianie użytkownika > Zaloguj użytkownika z menu podręcznego.
Określ formularz i obiekty formularza, których odwiedzający używają do wprowadzenia nazwy użytkownika i hasła.
(ColdFusion) Wpisz nazwę użytkownika i hasło (jeśli jest taka potrzeba).
Określ tabelę bazy danych i kolumny zawierające nazwy użytkowników i hasła wszystkich zarejestrowanych użytkowników.

Zachowanie serwera porównuje nazwę użytkownika i hasło wprowadzone przez odwiedzającego na stronie logowania z wartościami w tych kolumnach.

Określ stronę, która ma być otwarta, jeśli proces logowania się powiedzie.

Wybrana strona jest zazwyczaj stroną startową serwisu.

Określ stronę, która ma być otwarta, jeśli proces logowania się nie powiedzie.

Określona strona zazwyczaj powiadamia użytkownika, że proces logowania nie powiódł się i umożliwia użytkownikowi ponowną próbę.

Jeśli chcesz, aby użytkownicy przekierowani na stronę logowania po próbie dostępu do strony o ograniczonym dostępie powrócili do tej strony o ograniczonym dostępie po zalogowaniu się, wybierz opcję Przejdź do poprzedniego adresu URL.

Jeśli użytkownik próbuje uzyskać dostęp do Twojej witryny, otwierając stronę o ograniczonym dostępie bez wcześniejszego zalogowania się, strona o ograniczonym dostępie może przekierować użytkownika na stronę logowania.Po pomyślnym zalogowaniu użytkownika strona logowania przekierowuje go na stronę o ograniczonym dostępie, która wcześniej przekierowała go na stronę logowania.

Spostrzeżenie

Po ukończeniu okna dialogowego zachowania serwera Ogranicz dostęp do strony na tych stronach upewnij się, że określiłeś swoją stronę logowania w polu Jeśli dostęp odmówiony, przejdź do.

Określ, czy udzielić dostępu do strony na podstawie samej nazwy użytkownika i hasła, czy też na podstawie poziomu autoryzacji, i kliknij OK.

Do strony logowania zostaje dodane zachowanie serwera, które zapewnia, że nazwa użytkownika i hasło wprowadzone przez odwiedzającego są prawidłowe.