Konstruowanie formularza interakcyjnego

Program PWS daje możliwość uzyskiwania informacji od gości odwiedzających witrynę sieci Web oraz odpowiadania im na podstawie podanych informacji. Procedura ta służy do ułatwienia dostosowania prostego formularza interakcyjnego do potrzeb gromadzenia odpowiednich informacji. W procedurze przyjęto założenie, że użytkownik nie zna języka HTML, języka skryptów ani języka programowania, a celem procedury nie jest nauka tych języków. Do skonstruowania działającego formularza, który wysyła dane do przykładowej bazy danych dołączonej do programu PWS, wystarczy technika "wytnij i wklej" oraz "znajdź i zamień". Ponieważ baza danych jest utworzona w programie Microsoft Access, zgromadzone dane można przeglądać i edytować otwierając tę bazę w programie Access albo używając innego skryptu, który jest zamieszczony w temacie Przeglądanie bazy danych za pomocą przeglądarki.

1. Otwórz plik Sampform.asp za pomocą edytora tekstu, takiego jak Notatnik. Plik Sampform.asp jest umieszczony w katalogu WindowsWinnt\Help\Pws\Htm\Core.
2. Zastąp tekst umieszczony między tagiem otwierającym i zamykającym <title></title> oraz tagiem otwierającym i zamykającym <h1></h1> z tytułem i nagłówkiem przeznaczonym dla tworzonej strony. Jeśli nie możesz odszukać tekstu, wyszukaj słowo Zastąp.
3. Obejrzyj plik w przeglądarce wpisując ścieżkę i nazwę pliku na pasku Adres. Ponieważ plik jest przeglądany za pomocą polecenia otwierania pliku, a nie w trybie obsługi, na początku pliku widoczny jest skrypt. Kiedy plik jest prezentowany jako dokument w witrynie sieci Web, skrypt jest niewidoczny.

Wskazówka   Jeśli nagłówek wydaje się za duży do tworzonej strony, można zmniejszyć wysokość liter zmieniając liczbę 1 w tagu otwierającym i zamykającym <h1></h1> na liczbę 2.


4. Zapisz plik w katalogu macierzystym. (Katalog C:\Inetpub\Wwwroot jest katalogiem macierzystym używanym przez Instalatora). Zapisz plik tylko w formacie tekstowym pod nazwą sampform.asp.

Wskazówka   Aby zapobiec dodaniu przez Notatnik rozszerzenia .txt do nazwy pliku, zaznacz opcję Wszystkie pliki(*.*) w poleceniu Zapisz jako typ.

Dodawanie elementów

Teraz możesz rozpocząć wklejanie fragmentów skryptu przeznaczonych do wyświetlania różnych pól tekstowych, pól wyboru i przycisków radiowych. Poszczególne elementy można dodawać w dowolnej kolejności. Nie ma konieczności zastosowania na stronie wszystkich elementów, lecz każdy element może być użyty tylko raz. Na przykład pierwsze pole tekstowe może być użyte tylko raz. Jeśli chcesz umieścić następne pole tekstowe, musisz użyć drugiego pola tekstowego lub jednego z pól memo. Poniżej przedstawiono listę dostępnych elementów formularza:

1. Dobrze jest zaprojektować wygląd formularza korzystając z powyższej listy dostępnych elementów i szkicując je na arkuszu papieru.
2. Skopiuj i wklej następujące fragmenty kodu na tworzonej stronie sieci Web w kolejności ustalonej w kroku 1. Upewnij się, czy cały kod jest umieszczony po znakach <!-- ===Elementy formularza należy wklejać poniżej tego wiersza=== --> komentarza, a przed znakami <!-- ===Elementy formularza należy wklejać powyżej tego wiersza== --> komentarza.

Wskazówka   Jeśli podczas kopiowania zostanie dołączony komentarz początkowy i końcowy przed i po każdym fragmencie kodu, utworzona strona będzie znacznie łatwiejsza do odczytu i edycji w przyszłości. Komentarze nie są wyświetlane na stronie oglądanej w przeglądarce.


<!-- ===Początek pierwszego pola tekstowego=== -->

<p> Zastąp ten tekst etykietą lub opisem pierwszego pola tekstowego: </p>
<p><input type="Text" name="Pierwszepoletekstowe"></p>

<!-- ===Koniec pierwszego pola tekstowego=== -->



<!-- ===Początek drugiego pola tekstowego=== -->

<p> Zastąp ten tekst etykietą lub opisem drugiego pola tekstowego: </p> 
<p><input type="Text" name="Drugiepoletekstowe"></p>

<!-- ===Koniec drugiego pola tekstowego=== -->



<!-- ===Początek trzeciego pola tekstowego=== -->

<p> Zastąp ten tekst etykietą lub opisem trzeciego pola tekstowego: </p>
<p><input type="Text" name="Trzeciepoletekstowe"></p>

<!-- ===Koniec trzeciego pola tekstowego=== -->



<!-- ===Początek czwartego pola tekstowego=== -->

<p> Zastąp ten tekst etykietą lub opisem czwartego pola tekstowego: </p>
<p><input type="Text" name="Czwartepoletekstowe"></p>

<!-- ===Koniec czwartego pola tekstowego=== -->


<!-- ===Początek pierwszego pola memo=== -->

<p> Zastąp ten tekst etykietą lub opisem pierwszego pola memo: </p> 
<p><textarea name="Pierwszepolememo" rows=6 cols=70></textarea></p>

<!-- ===Koniec pierwszego pola memo=== -->



<!-- ===Początek drugiego pola memo=== -->

<p> Zastąp ten tekst etykietą lub opisem drugiego pola memo: </p>
<p><textarea name="Drugiepolememo" rows=6 cols=70></textarea></p>

<!-- ===Koniec drugiego pola memo=== -->



<!-- ===Początek pierwszego pola wyboru=== -->

<p><input type="CHECKBOX" name="FirstCheckBox" value="true" > Zastąp ten tekst etykietą lub opisem pierwszego pola wyboru: </p>

<!-- ===Koniec pierwszego pola wyboru=== -->



<!-- ===Początek drugiego pola wyboru=== -->

<p><input type="CHECKBOX" name="SecondCheckBox" value="true" > Zastąp ten tekst etykietą lub opisem drugiego pola wyboru: </p>

<!-- ===Koniec drugiego pola wyboru=== -->



<!-- ===Początek przycisków radiowych=== -->

<p><input name="Przyciskiradiowe" type="RADIO" value="1"> Zastąp ten tekst etykietą lub opisem pierwszej opcji. <br>
<input name="Przyciskiradiowe" type="RADIO" value="2"> Zastąp ten tekst etykietą lub opisem drugiej opcji. <br>
<input name="Przyciskiradiowe" type="RADIO" value="3"> Zastąp ten tekst etykietą lub opisem trzeciej opcji. </p>

<!-- ===Koniec przycisków radiowych=== -->

3. Zastąp etykiety tekstowe towarzyszące każdemu elementowi odpowiednim tekstem. Aby je szybko i łatwo odszukać, wyszukaj słowo Zastąp.
4. Zapisz zmiany wprowadzone do pliku.
5. Obejrzyj plik w przeglądarce, aby się upewnić, że elementy są umieszczone we właściwym porządku i że etykiety są poprawnie wyświetlane. Ponownie można zignorować skrypt widoczny na górze strony, powyżej nagłówka. Jeśli wprowadzone zmiany nie są widoczne, użyj przycisku Odśwież przeglądarki.

Dostęp do bazy danych

Po zakończeniu projektowania formularza należy poddać edycji instrukcje, które służą do wstawiania danych do bazy danych, tak aby odpowiadały polom formularza. Plik Sampform.asp zawiera odwołania do wszystkich dostępnych pól oraz do odbieranych przez nie danych. Następnie należy usunąć odwołania do elementów, które nie zostały wykorzystane w formularzu. W poniższej tablicy przedstawiono nazwy elementów i odpowiadające im nazwy pól.

1. Aby znaleźć instrukcję wstawiania, wyszukaj tekst cm.commandtext=.
2. Wewnątrz nawiasów umieszczonych po słowie SampleDb znajdują się nazwy wszystkich pól bazy danych oddzielone od siebie przecinkami. Usuń nazwy pól, które nie zostały użyte oraz przecinki umieszczone po tych nazwach. Jeśli na przykład zostało użyte tylko pierwsze pole tekstowe, drugie pole tekstowe i pierwsze pole wyboru, ten fragment wyglądałby następująco: SampleDb(TB1,TB2,CB1)

Notka   Bez względu na kolejność elementów na stronie, nie należy zmieniać kolejności nazw pól w instrukcji.

3. Wewnątrz nawiasów umieszczonych po słowie VALUES znajduje się dziewięć znaków zapytania oddzielonych od siebie przecinkami. Liczba znaków zapytania musi być równa liczbie elementów użytych w formularzu. Należy usunąć zbędne znaki zapytania i umieszczone po nich przecinki. Jeśli na przykład zostało użyte tylko pierwsze pole tekstowe, drugie pole tekstowe i pierwsze pole wyboru, fragment zawierający wartość wyglądałby następująco: VALUES (?,?,?)
4. Po instrukcji cm.commandtext= umieszczone są instrukcje parametrów. Dla każdego elementu, który nie został użyty na stronie, umieść apostrof przed każdym z dwóch wierszy umieszczonych poniżej instrukcji parametrów elementu. Jeśli na przykład nie zostanie użyte drugie pole tekstowe, instrukcja wyglądałaby następująco:

'Instrukcja parametrów drugiego pola tekstowego
'set objparam=cm.createparameter(, 200, , 255, strTB2)
'cm.parameters.append objparam


5. Zapisz wprowadzone zmiany i obejrzyj plik wpisując ścieżkę //localhost/sampform.asp na pasku Adres przeglądarki.

1. Otwórz okno Personal Web Manager programu PWS i kliknij ikonę Witryna sieci Web na pasku bocznym.
2. Kliknij łącze Edytuj stronę główną i użyj kreatora, aby na stronie głównej dodać łącze do formularza.

Tematy pokrewne

• Więcej informacji dotyczących użycia formularzy interakcyjnych i baz danych można znaleźć w temacie Dostęp do bazy danych.
• Pomoc w sprawie łączenia formularza ze stroną główną można znaleźć w temacie Dodawanie łączy do strony głównej.
• Aby użyć skryptu do przeglądania bazy danych, należy się zapoznać z tematem Przeglądanie bazy danych w przeglądarce.

© 1998 Microsoft Corporation. Wszelkie prawa zastrzeżone.