Tworzenie stron wzorca i szczegółów w programie Dreamweaver

Ostatnia aktualizacja 25 kwi 2024

Dowiedz się, jak utworzyć stronę główną w programie Dreamweaver i utworzyć linki do strony szczegółów.

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 wzorcowych oraz szczegółowych

Strony wzorcowe i szczegółowe to zestawy stron używane do organizowania i wyświetlania danych zestawu rekordów.Te strony zapewniają odwiedzającemu witrynę zarówno przegląd, jak i szczegółowy widok.Strona główna wyświetla listę wszystkich rekordów i zawiera linki do stron szczegółowych, które wyświetlają dodatkowe informacje o każdym rekordzie.

Strona wzorcowa

Strona szczegółowa

Można utworzyć strony główne i szczegółów poprzez wstawianie obiektu danych w celu utworzenia strony głównej i strony szczegółów w jednej operacji lub przy użyciu zachowań serwera w celu utworzenia stron głównej i szczegółów w bardziej spersonalizowany sposób.Podczas używania zachowań serwera do tworzenia stron głównych i szczegółowych, należy najpierw utworzyć stronę główną do wyświetlania listy rekordów, a następnie dodać linki z listy do stron szczegółowych.

Budowanie strony wzorcowej

Przed rozpoczęciem upewnij się, że zdefiniujesz połączenie z bazą danych dla swojej witryny.

Aby utworzyć pustą stronę, wybierz Plik > Nowy > Pusta strona, wybierz typ strony i kliknij Utwórz. Ta strona zostanie stroną wzorcową.
Zdefiniuj zestaw rekordów.

W panelu Powiązania (Okno > Powiązania), kliknij przycisk plus (+), wybierz Zestaw rekordów i wybierz opcje. Jeżeli chcesz wpisać własną instrukcję SQL, kliknij przycisk Zaawansowane.

Upewnij się, że zestaw rekordów zawiera wszystkie kolumny tabeli potrzebne do utworzenia strony głównej.Zestaw rekordów musi również zawierać kolumnę tabeli zawierającą unikalny klucz każdego rekordu — czyli kolumnę identyfikatora rekordu.W poniższym przykładzie kolumna Kod zawiera unikalny klucz każdego rekordu.

Kolumny zestawu rekordów wybrane do strony wzorcowej

Zazwyczaj zestaw rekordów na stronie głównej wyodrębnia kilka kolumn z tabeli bazy danych, podczas gdy zestaw rekordów na stronie szczegółów wyodrębnia więcej kolumn z tej samej tabeli, aby zapewnić dodatkowe szczegóły.

Zestaw rekordów może być definiowany przez użytkownika w czasie wykonywania.Więcej informacji podano w Tworzenie stron wyszukiwania i wyników.

Wstaw dynamiczną tabelę, która pozwoli wyświetlać rekordy.

Umieść punkt wstawiania w miejscu, w którym tabela dynamiczna ma pojawić się na stronie.Wybierz Wstaw > Obiekty danych > Dane dynamiczne > Tabela dynamiczna, ustaw opcje i kliknij OK.

Jeśli nie chcesz pokazywać identyfikatorów rekordów użytkownikom, możesz usunąć kolumnę z tabeli dynamicznej.Kliknij gdziekolwiek na stronie, aby przenieść fokus na stronę.Przesuń kursor w pobliże górnej części kolumny w tabeli dynamicznej, aż komórki kolumny zostaną obramowane na czerwono, a następnie kliknij, aby wybrać kolumnę.Naciśnij klawisz Delete, aby usunąć kolumnę z tabeli.

Po utworzeniu strony głównej i dodaniu zestawu rekordów tworzysz linki, które otwierają stronę szczegółów.Następnie modyfikujesz linki, aby przekazać identyfikatory rekordów wybrane przez użytkownika. Strona szczegółów używa tego identyfikatora do znalezienia żądanego rekordu w bazie danych i wyświetlenia go.

Spostrzeżenie

Linki do aktualizowania stron tworzy się w ten sam sposób.Strona wyników jest podobna do strony wzorcowej, a strona aktualizacji jest podobna do strony szczegółów.

Otwórz stronę szczegółów i przekaż identyfikator rekordu (ColdFusion, PHP)

W tabeli dynamicznej wybierz symbol zastępczy zawartości dla tekstu, który będzie łączem.
Łącza zastosowane do wybranego tekstu zastępczego.

W Inspektorze właściwości kliknij ikonę folderu obok pola Łącze.
Przeglądaj i wybieraj stronę szczegółów. Strona szczegółów pojawia się w polu Łącze inspektora właściwości.

W dynamicznej tabeli wybrany tekst wygląda jak połączony. Gdy strona jest uruchamiana na serwerze, łącze jest stosowane do tekstu w każdym wierszu tabeli.

Na stronie głównej, wybierz łącze w tablicy dynamicznej.
(ColdFusion) W polu Łącze inspektora właściwości dodaj następujący ciąg na końcu adresu URL:

?recordID=#recordsetName.fieldName#

Znak zapytania informuje serwer, że po nim następuje co najmniej jeden parametr adresu URL.Wyraz recordID to nazwa parametru adresu URL (można wymyślić dowolną nazwę).Zanotuj nazwę parametru adresu URL, ponieważ będzie ona potrzebna później na stronie szczegółów.

Wyrażenie po znaku równości to wartość parametru.W tym przypadku wartość jest generowana przez wyrażenie ColdFusion, które zwraca identyfikator rekordu z zestawu rekordów.Inny identyfikator jest generowany dla każdego wiersza w tabeli dynamicznej.W wyrażeniu ColdFusion zamień recordsetName na nazwę zestawu rekordów i zamień fieldName na nazwę pola w zestawie rekordów, które jednoznacznie identyfikuje każdy rekord.W większości przypadków pole będzie zawierało numer identyfikatora rekordu.W poniższym przykładzie pole składa się z unikalnych kodów lokalizacji.

locationDetail.cfm?recordID=#rsLocations.CODE#

Po uruchomieniu strony wartości pola CODE zestawu rekordów są wstawiane w odpowiednie wiersze tabeli dynamicznej.Na przykład, jeśli wypożyczalnia w Canberze w Australii ma kod CBR, następujący adres URL jest używany w wierszu Canberra w tabeli dynamicznej:

locationDetail.cfm?recordID=CBR

(PHP) W polu Łącze inspektora właściwości dodaj następujący ciąg na końcu adresu URL:

?recordID=<?php echo $row_recordsetName['fieldName']; ?>

Znak zapytania informuje serwer, że po nim następuje co najmniej jeden parametr adresu URL.Słowo recordID to nazwa parametru URL (można użyć dowolnej nazwy). Zanotuj nazwę parametru URL, ponieważ będziesz go używać na stronie szczegółów później.

Wyrażenie po znaku równości to wartość parametru. W tym przypadku wartość jest generowana przez wyrażenie PHP, które zwraca identyfikator rekordu z zestawu rekordów. Różny identyfikator jest generowany dla każdego wiersza w tabeli dynamicznej.W wyrażeniu PHP zastąp recordsetName nazwą swoich zestawów rekordów i zastąp fieldName nazwą pola w zestawie rekordów, które jednoznacznie identyfikuje każdy rekord. W większości przypadków pole będzie składać się z numeru identyfikatora rekordu. W poniższym przykładzie pole składa się z unikalnych kodów lokalizacji.

locationDetail.php?recordID=<?php echo $row_rsLocations['CODE']; ?>

Gdy strona jest uruchamiana, wartości pola CODE zestawu rekordów są wstawiane w odpowiadające wiersze w tabeli dynamicznej. Na przykład, jeśli lokalizacja wypożyczalni w Canberze w Australii ma kod CBR, następujący URL jest używany w wierszu Canberra w tabeli dynamicznej:

locationDetail.php?recordID=CBR

Zapisz stronę.

Otwórz stronę szczegółów i przekaż identyfikator rekordu (ASP)

Wybierz zawartość dynamiczną, która będzie służyć jako łącze.
W panelu Server Behaviors (Okno > Server Behaviors) kliknij przycisk Plus (+) i wybierz Go to Detail Page z menu podręcznego.
W polu Strona szczegółów kliknij przycisk Przeglądaj i odszukaj stronę.
Określ wartość, którą chcesz przekazać do strony szczegółów, wybierając zestaw rekordów i kolumnę z menu podręcznych Recordset i Column. Zazwyczaj wartość jest unikalna dla rekordu, na przykład unikalny identyfikator klucza rekordu.
W razie potrzeby przekaż istniejące parametry strony do strony szczegółów, wybierając opcje URL Parameters lub Form Parameters.
Kliknij przycisk OK.

Specjalne łącze otacza wybrany tekst. Gdy użytkownik kliknie łącze, zachowanie serwera Go To Detail Page przekazuje parametr URL zawierający identyfikator rekordu do strony szczegółów. Na przykład, jeśli parametr URL nazywa się id, a strona szczegółów nazywa się customerdetail.asp, URL wygląda mniej więcej tak, gdy użytkownik kliknie łącze:

http://www.mysite.com/customerdetail.asp?id=43

Pierwsza część URL, http://www.mysite.com/customerdetail.asp, otwiera stronę szczegółów. Druga część, ?id=43, jest parametrem URL. Mówi stronie szczegółów jakie rekordy znaleźć i wyświetlić. Termin id to nazwa parametru URL, a 43 to jego wartość. W tym przykładzie parametr URL zawiera numer identyfikatora rekordu, 43.

Znajdź i wyświetl żądany rekord na stronie szczegółów

Aby wyświetlić rekord żądany przez stronę główną, musisz zdefiniować zestaw rekordów, który będzie zawierał pojedynczy rekord i powiązać kolumny zestawu rekordów ze stroną szczegółów.

Przełącz na stronę szczegółową. Jeśli nie masz jeszcze strony szczegółów, utwórz pustą stronę (File > New).
W panelu Bindings (Window > Bindings) kliknij przycisk Plus (+) i wybierz Recordset (Query) lub DataSet (Query) z menu podręcznego.

Pojawi się proste okno zestawu rekordów lub zestawu danych. Jeśli zamiast tego pojawi się zaawansowane okno dialogowe, kliknij Simple.

Nadaj nazwę zestawowi rekordów i wybierz źródło danych oraz tabelę bazy danych, która dostarczy dane do zestawu rekordów.
W obszarze Columns wybierz kolumny tabeli do uwzględnienia w zbiorze rekordów.

Zestaw rekordów może być identyczny lub różny od zestawu rekordów na stronie głównej.Zazwyczaj zestaw rekordów strony szczegółów ma więcej kolumn, aby wyświetlić więcej szczegółów.

Jeśli zestawy rekordów są różne, upewnij się, że zestaw rekordów na stronie szczegółów zawiera co najmniej jedną kolumnę wspólną z zestawem rekordów na stronie głównej.Wspólna kolumna to zazwyczaj kolumna ID rekordu, ale może to być również pole łączące powiązane tabele.

Aby uwzględnić w zestawie rekordów tylko niektóre kolumny tabeli, kliknij opcję Selected i wybierz żądane kolumny, klikając je z przytrzymanym klawiszem Control (Windows) lub Command (Macintosh) na liście.

Uzupełnij sekcję Filtr, aby znaleźć i wyświetlić rekord określony w parametrze URL przekazanym przez stronę główną:
  • Z pierwszego menu podręcznego w obszarze Filtr wybierz kolumnę w zbiorze rekordów zawierającą wartości, które pasują do wartości parametru URL przekazanego przez stronę główną.Na przykład, jeśli parametr URL zawiera numer ID rekordu, wybierz kolumnę zawierającą numery ID rekordów.W przykładzie omówionym w poprzedniej sekcji kolumna recordset o nazwie CODE zawiera wartości, które odpowiadają wartości parametru adresu URL przekazanego przez stronę główną.

  • Z menu podręcznego obok pierwszego menu wybierz znak równości (powinien być już wybrany).

  • Z trzeciego wyskakującego menu wybierz opcję Parametr URL. Strona główna używa parametru URL do przekazywania informacji do strony szczegółów.

  • W czwartym polu wprowadź nazwę parametru URL przekazanego przez stronę główną.

Kliknij przycisk OK. Zestaw rekordów pojawia się w panelu Wiązania.
Powiąż kolumny recordset ze stroną szczegółów, wybierając kolumny w panelu Bindings (Window > Bindings) i przeciągając je na stronę.

Po przesłaniu zarówno strony głównej, jak i strony szczegółów na serwer, można otworzyć stronę główną w przeglądarce.Po kliknięciu łącza szczegółów na stronie głównej otwiera się strona szczegółów z większą ilością informacji o wybranym rekordzie.

Znajdź określony rekord i wyświetl go na stronie (ASP)

Można dodać zachowanie serwera, które znajdzie określony rekord w zbiorze rekordów, dzięki czemu będzie można wyświetlić dane rekordu na stronie.Zachowanie serwera jest dostępne tylko przy użyciu modelu serwera ASP.

Utwórz stronę spełniającą następujące warunki wstępne:
Dodaj zachowanie serwera, aby znaleźć rekord określony przez parametr URL — kliknij przycisk Plus (+) w panelu Zachowania serwera (Okno > Zachowania serwera) i wybierz Stronicowanie zestawu rekordów > Przejdź do określonego rekordu.
W menu podręcznym Przejdź do rekordu w wybierz zestaw rekordów zdefiniowany dla strony.
W menu podręcznym Gdzie kolumna wybierz kolumnę zawierającą wartość przekazaną przez drugą stronę.

Na przykład jeśli druga strona przekazuje numer ID rekordu, wybierz kolumnę zawierającą numery ID rekordów.

W polu Dopasowania parametr URL wprowadź nazwę parametru URL przekazanego przez drugą stronę.

Na przykład jeśli adres URL używany przez drugą stronę do otwarcia strony szczegółów to id=43, wprowadź id w polu Dopasowania parametr URL.

Kliknij przycisk OK.

Następnym razem, gdy strona zostanie żądana przez przeglądarkę, zachowanie serwera odczyta ID rekordu w parametrze URL przekazanym przez drugą stronę i przejdzie do określonego rekordu w zestawie rekordów.

Tworzenie stron głównych i szczegółowych w jednej operacji

Podczas tworzenia aplikacji internetowych można szybko utworzyć strony główne i szczegółowe, używając obiektu danych Master Detail Page Set.

Aby utworzyć pustą stronę dynamiczną, wybierz Plik > Nowa > Pusta strona, wybierz stronę dynamiczną z listy Typ strony i kliknij Utwórz.

Ta strona zostanie stroną wzorcową.

Zdefiniuj zestaw rekordów dla strony.

Upewnij się, że zestaw rekordów zawiera nie tylko wszystkie kolumny potrzebne do strony głównej, ale także wszystkie kolumny potrzebne do strony szczegółowej.Zazwyczaj zestaw rekordów na stronie głównej wyodrębnia kilka kolumn z tabeli bazy danych, podczas gdy zestaw rekordów na stronie szczegółowej wyodrębnia więcej kolumn z tej samej tabeli, aby zapewnić dodatkowe szczegóły.

Otwórz stronę główną w widoku Projekt i wybierz Wstaw > Obiekty danych > Zestaw stron głównych i szczegółowych.
W menu podręcznym Zestaw rekordów upewnij się, że wybrano zestaw rekordów zawierający rekordy do wyświetlenia na stronie głównej.
W obszarze Pola strony głównej wybierz kolumny zestawu rekordów do wyświetlenia na stronie głównej.

Domyślnie wszystkie kolumny w zestawie rekordów są zaznaczone. Jeśli zestaw rekordów zawiera kolumnę klucza unikalnego, taką jak recordID, wybierz ją i kliknij przycisk Minus (-), aby nie była wyświetlana na stronie.

Aby zmienić kolejność wyświetlania kolumn na stronie głównej, wybierz kolumnę z listy i kliknij strzałkę w górę lub w dół.

Na stronie głównej kolumny zestawu rekordów będą rozmieszczone poziomo w tabeli. Kliknięcie strzałki w górę przesuwa kolumnę w lewo; kliknięcie strzałki w dół przesuwa kolumnę w prawo.

W menu podręcznym Link do szczegółów z wybierz kolumnę w zestawie rekordów, która będzie wyświetlać wartość służącą także jako link do strony szczegółowej.

Na przykład jeśli chcesz, aby każda nazwa produktu na stronie głównej zawierała łącze do strony szczegółów, wybierz kolumnę zestawu rekordów zawierającą nazwy produktów.

W menu podręcznym Pass Unique Key wybierz kolumnę w zestawie rekordów zawierającą wartości identyfikujące rekordy.

Zazwyczaj wybrana kolumna jest numerem identyfikacyjnym rekordu. Ta wartość jest przekazywana do strony szczegółów, aby mogła identyfikować rekord wybrany przez użytkownika.

Usuń zaznaczenie opcji Numeric, jeśli kolumna klucza unikatowego nie jest numeryczna.
Spostrzeżenie

Ta opcja jest domyślnie zaznaczona; nie pojawia się we wszystkich modelach serwerów.

Określ liczbę rekordów do wyświetlenia na stronie głównej.
W polu Detail Page Name kliknij przycisk Browse i znajdź utworzony plik strony szczegółów lub wprowadź nazwę i pozwól obiektowi danych utworzyć stronę za ciebie.
W obszarze Detail Page Fields wybierz kolumny do wyświetlenia na stronie szczegółów.

Domyślnie wszystkie kolumny w zestawie rekordów strony głównej są zaznaczone.Jeśli zestaw rekordów zawiera kolumnę klucza unikatowego, taką jak recordID, wybierz ją i kliknij przycisk Minus (-), aby nie była wyświetlana na stronie szczegółów.

Aby zmienić kolejność wyświetlania kolumn na stronie szczegółów, wybierz kolumnę z listy i kliknij strzałkę w górę lub strzałkę w dół.

Na stronie szczegółów kolumny zestawu rekordów są ułożone pionowo w tabeli.Kliknięcie strzałki w górę przesuwa kolumnę w górę; kliknięcie strzałki w dół przesuwa kolumnę w dół.

Kliknij przycisk OK.

Obiekt danych tworzy stronę szczegółów (jeśli jeszcze jej nie utworzyłeś) i dodaje zawartość dynamiczną oraz zachowania serwera do stron głównej i szczegółów.

Dostosuj układ stron głównej i szczegółów do swoich potrzeb.

Można w pełni dostosować układ każdej strony, używając narzędzi projektowania stron programu Dreamweaver.Możesz także edytować zachowania serwera, klikając je dwukrotnie w panelu Server Behaviors.

Po utworzeniu stron głównej i szczegółów za pomocą obiektu danych użyj panelu Server Behaviors (Window > Server Behaviors), aby zmodyfikować różne elementy składowe wstawiane przez obiekt danych do stron.