Budowa aplikacji ASP.NET współpracującej z bazą dany do obsługi przesyłania wiadomości

Wielkość: px

Rozpocząć pokaz od strony:

Download "Budowa aplikacji ASP.NET współpracującej z bazą dany do obsługi przesyłania wiadomości"

Nina Pietrzyk
8 lat temu
Przeglądów:

1 Budowa aplikacji ASP.NET współpracującej z bazą dany do obsługi przesyłania wiadomości część 2

2 Zaprojektowaliśmy stronę dodaj_dzial.aspx proszę jednak spróbować dodać nowy dział nie podając jego nazwy otrzymamy następujący komunikat

przekładając to na zrozumiały język: próbujesz dodać nowy rekord (krotkę) nie podając nazwy działu, natomiast w definicji tabeli została ona zdefiniowana

3 przekładając to na zrozumiały język: próbujesz dodać nowy rekord (krotkę) nie podając nazwy działu, natomiast w definicji tabeli została ona zdefiniowana jako wartość wymagana (Mandatory) w jaki sposób można zatem zapobiec tego typu sytuacji? W VisualStudio mamy do dyspozycji szereg kontrolek z grupy Walidacja

jako wartość wymagana (Mandatory) w jaki sposób można zatem zapobiec tego

4 w tym przypadku wykorzystamy kontrolkę RequiredFieldValidator kontrolka ta sprawdza czy w polu umieszczono dowolny ciąg znaków, przenosimy zatem tę kontrolkę i umieszczamy obok kontrolki TextBox1

5 definiujemy parametry kontrolki, pierwszy to której kontrolki dotyczy

6 kolejny to komunikat jaki zostanie wyświetlony jeżeli nie zostanie wprowadzona żadna nazwa

7 oraz to co zostanie wyświetlone w kontrolce w przypadku braku wprowadzonej nazwy działu w naszym przypadku *

8 umieścimy teraz kontrolkę ValidationsSummary kontrolka ta zbiera komunikaty ze wszystkich kontrolek walidacji umieszczonych na stronie i wyświetla je w jednym miejscu, nie wymaga ona żadnej konfiguracji, zapisujemy dokonane zmiany

umieszczonych na stronie i wyświetla je w jednym miejscu,

9 wówczas w przeglądarce otrzymamy następujący efekt

10 możemy również zmienić kolor czcionki zarówno wyświetlanej gwiazdki

11 jak również tekstu wyświetlanego w ValidatorSummery

12 wówczas w przeglądarce

13 przejdziemy teraz do zaprojektowania strony wyslij_wiadomosc.aspx w celu rozłożenia elementów na stronie z grupy kontrolek HTML przenosimy kontrolkę Tabela

14 w naszym przypadku będą potrzebne dwie kolumny zaznaczamy zatem trzecią i usuwamy

15 wprowadzamy teks jak poniżej, nowe kolumny uzyskamy wykorzystując klawisz Tab

16 szerokość pierwszej kolumny możemy zmieniać przeciągając ją

17 umieszczamy kontrolkę DropDownList oraz zmieniamy jej ID

18 umieszczamy kontrolkę TextBox oraz zmieniamy jej ID

19 analogicznie postępujemy z kolejnymi kontrolkami TextBox w przeglądarce uzyskamy zatem efekt jak poniżej

20 modyfikacji wymaga jednak TextBox do którego użytkownik będzie wprowadzał treść wiadomości we właściwościach tej kontrolki zmieniamy zatem z linii pojedynczej na wiele linii

21 oraz wprowadzamy liczbę wierszy

22 otrzymamy efekt jak poniżej

23 następnie w liście rozwijalnej wyświetlimy nazwy działów, czyli zawartość tabeli Dzial umieszczamy źródło danych, grupa Data kontrolka SqlDataSource oraz konfigurujemy

24 zapisaliśmy połączenie możemy zatem z niego teraz skorzystać

25 pobieramy dane z tabeli Dzial interesują nas obydwa atrybuty, nazwa którą wyświetlimy oraz wartość klucza która zostanie przypisana do tabeli wiadomosc posortujemy zawartość po nazwach działów

27 w ostatnim kroku możemy przeprowadzić test utworzonego zapytania pobierającego dane

28 teraz zdefiniujemy co jest źródłem danych naszej listy rozwijalnej

30 wartość jaką wyświetla kontrolka to Nazwa_dzial

31 wartość jaką przybiera lista rozwijalna to Id_dzial

32 zaznaczamy jeszcze opcję EnableAutoPostBack opcja to powoduje że przy zmianie wybranej pozycji zostanie przeładowana strona i lista przyjmie wartość klucza Id_dzial odpowiadającego wyświetlonej pozycji

33 w przeglądarce widzimy zatem wprowadzone działy na liście

34 proszę na stronie dodaj dział dodać dział jak poniżej

35 wówczas na stronie wyślij wiadomość

36 dodamy teraz kolejne źródło danych które będzie wstawiło wiadomości do naszej bazy umieszczamy zatem kolejną kontrolkę SqlDataSource i konfigurujemy ją

37 jako tabelę wybieramy wiadomosc

38 w opcjach zaawansowanych wybieramy generowanie zapytań INSERT UPDATE oraz DELETE następnie NEXT oraz FINISH

39 we właściwościach kontrolki SqlDataSorce2 definiujemy parametry zapytania INSERT

40 źródłem każdego z parametrów będzie kontrolka i tak w przypadku Id_dzial lista rozwijalna DDL_Dzial

41 oraz kolejne

42 obok pola tekstowego TB_Imie umieszczamy kontrolkę RequiredFieldValidator z grupy kontrolek Walidacja

43 definiujemy kontrolkę którą ma walidować

44 wprowadzamy komunikat jaki ma zwracać

45 oraz tekst czyli *

46 analogicznie postępujemy z kolejnymi polami umieszczając obok nich kontrolki RequiredFieldValidator oraz definiując kontrolkę do walidacji, treść komunikatu oraz tekst wyświetlany w kontrolce

w przypadku adresu email zastosujemy kontrolkę która będzie sprawdzać poprawność wprowadzonego

47 w przypadku adresu zastosujemy kontrolkę która będzie sprawdzać poprawność wprowadzonego adresu tzn. czy itp. Jest to kontrolka RegularExpressionValidator z grupy kontrolek Walidacja

48 definiujemy kontrolkę do walidacji

49 treść komunikatu

50 tekst

51 musimy również zdefiniować wyrażenie w oparciu o które będzie sprawdzany adres

52 skorzystamy z gotowego wyrażenia

53 poniżej umieszczamy kontrolkę ValidationSummery

54 umieszczamy przycisk oraz zmieniamy tekst

55 tworzymy zdarzenie kliknięcia przycisku (klikając na niego dwukrotnie)

56 w naszym zdarzeniu wywołamy zapytanie INSERT kontrolki SqlDataSource2

57 oraz przeładujemy stronę w celu wyczyszczenia pól formularza

58 wówczas w przeglądarce proszę wysłać wiadomość nie wprowadzając żadnych danych efekt działania walidatorów

59 wypełniamy poszczególne pola wprowadzając błędny adres efekt działania walidatora poprawności adresu

60 poprawiamy adres i wysyłamy wiadomość przed wysłaniem po wysłaniu

61 sprawdzimy czy nasza wiadomość znajduje się w bazie

63 przejdziemy teraz do zaprojektowania strony przegladaj_wiadomosci.aspx na której użytkownik będzie mógł przeglądać wysłane wiadomości rozpoczniemy od umieszczenia źródła danych czyli kontrolki SqlDataSource oraz jej konfiguracji

65 będziemy pobierać dane z dwóch tabel tzn. z tabeli dzial nazwę działu oraz pozostałe pola z tabeli wiadomosc, skorzystamy zatem z kreatora zapytań

67 jako źródło dodajemy zatem dwie tabele

68 następnie zaznaczamy które kolumny tabel będą pobierane

69 możemy wywołać to zapytanie

70 wówczas zobaczymy jego efekt zamykamy okno kreatora przyciskiem OK

71 następnie Next oraz Finish

72 w przypadku wyświetlania danych mamy gotowe kontrolki w tym przypadku wykorzystamy kontrolkę GridView z grupy kontrolek Data konfigurujemy ją wskazujemy jej źródło

73 za pomocą Autoformatowanie definiujemy jej wygląd

możemy również włączyć opcje Paging powoduje ona że rekordy wyświetlane są w paczkach po 50, czyli w przypadku 200 wiadomości na dole tabeli pojawią się w postaci

74 możemy również włączyć opcje Paging powoduje ona że rekordy wyświetlane są w paczkach po 50, czyli w przypadku 200 wiadomości na dole tabeli pojawią się w postaci linków cyfry , pozwalające wyświetlać kolejne 50 wiadomości oraz opcję Sorting wówczas klikając w nagłówek kolumny możemy posortować według niej zawartość tabeli

75 wówczas w przeglądarce w celu sprawdzenia pozostałych opcji proszę dodać kilka wiadomości

76 nagłówki kolumn stanowią nazwy pobrane z bazy danych zatem nie posiadają polskich liter, zmienimy to zatem

79 proszę sprawdzić opcje sortowania czyli

Podobne dokumenty

Budowa aplikacji ASP.NET współpracującej z bazą dany do obsługi przesyłania wiadomości

Budowa aplikacji ASP.NET współpracującej z bazą dany do obsługi przesyłania wiadomości Rozpoczniemy od zaprojektowania bazy danych w programie SYBASE/PowerDesigner umieszczamy dwie Encje (tabele) prawym