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

Transkrypt

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

2 przejdziemy teraz do zaprojektowania strony przegladaj_dzialami.aspx na której użytkownicy będą przeglądać wiadomości wg działów umieszczamy kontrolkę źródła danych oraz konfigurujemy

3 nasza kontrolka stanowić będzie źródło danych dla listy rozwijalnej w której prezentować będziemy działy, wybieramy zatem tabelę dzial oraz narzędziem ORDER BY sortujemy wg nazw działów następnie Next oraz Finish

4 umieszczamy kontrolkę DropDownList oraz wybieramy i konfigurujemy źródło danych Choose Data Source

5 zaznaczamy opcję Enable AutoPostBack

6 wówczas w przeglądarce jak poniżej strona ma działać w taki sposób że po wybraniu z listy działu będą prezentowane wiadomości do niego wysłane

7 umieszczamy kolejną kontrolkę SqlDataSource oraz konfigurujemy

8 wybieramy tabelę wiadomosc oraz pola jak poniżej kolumna Id_dzial zawiera wartości kluczy obcych wskazujących na dział do którego wysłana jest wiadomość, prezentuje ona zatem cyfry, będzie nam ona jednak potrzebna do sformułowania warunku który będzie wybierał tylko określone wiadomości

9 za pomocą przycisku WHERE skonstruujemy ten warunek

10 zatem kolumna Id_dzial ma być równa kontrolce DropDownList1

11 dodajemy ten warunek

12 i zatwierdzamy OK następnie Next oraz Finish

13 umieszczamy kontrolkę GridView wskazujemy jej źródło danych

14 formatujemy wygląd

15 testujemy w przeglądarce

16 pewien problem występuje gdy wybierzemy dział do którego nie wysłano żadnej wiadomości, np.

17 Użytkownik nie jest pewien czy nie ma wiadomości czy strona działa błędnie kontrolka GridView ma tę cechę że jeżeli nie prezentuje danych nie jest widoczna we właściwościach tej kontrolki wprowadzimy zatem tekst jaki ma być wyświetlany w takim przypadku

18 wówczas

19 ostatnia kwestia to wyświetlanie kolumny Id_dzial, nie możemy jej usunąć bo w oparciu o nią jest skonstruowany warunek wybierania wierszy ale możemy ją ukryć

20 kolejna strona to zarzadzaj_wiadomosciami.aspx z poziomu tej strony użytkownik będzie miał możliwość edytowania, usuwania oraz dodawania wiadomości umieszczamy źródło danych oraz konfigurujemy je

21 wybieramy tabelę wiadomosc wszystkie jej kolumny, oraz w opcjach dodatkowych wymuszamy generowanie zapytań INSERT UPDATE oraz DELETE następnie Next oraz Finish

22 następnie umieszczamy kontrolkę DetailsView oraz ją konfigurujemy jej źródło

23 konfigurujemy wygląd oraz zaznaczamy opcje Paging, Inserting, Editing oraz Deleting

24 testujemy działanie w przeglądarce

25 możemy zmienić tekst przycisków na język polski

26

27

28 na bazie elementów z poprzedniej strony tj. zarzadzaj_wiadomosciami.aspx w folderze administracja proszę utworzyć nową stronę zarzadzaj_dzialami.aspx proszę zmodyfikować mapę witryny w taki sposób aby strona ta była podstroną strony wyślij wiadomość na stronie tej proszę zapewnić możliwość dodawania usuwania oraz edytowania działów widok menu

29 widok zaprojektowanej strony

30

31 nasza aplikacja posiada pełną funkcjonalność odnośnie operacji na bazie danych przystąpimy teraz do zastosowania usługi logowania czyli zabezpieczenia dostępu użytkownikom anonimowym-nielogowalnym do stron umieszczonych w folderze administracja z głównego poziomu dodajemy nową stronę o nazwie Login.aspx jej nazwa jest bardzo istotna

32

33 na stronie tej z grupy kontrolek Logowanie umieszczamy kontrolkę Login oraz konfigurujemy jej wygląd

34

35 nasza strona w przeglądarce wygląda jak poniżej

36 tekst w kontrolce możemy oczywiście dowolnie zmodyfikować proszę zatem we właściwościach kontrolki Login to wykonać

37 wówczas w przeglądarce po wybraniu przycisku Zaloguj

38 przejdziemy teraz do administracji zarządzania dostępem do aplikacji

39 panel administracji uruchomi się jako strona w przeglądarce wybieramy Security

40 musimy zdefiniować typ uwierzytelniania

41 wybieramy opcję jak poniżej

42 następnie Zrobione

43 włączymy dostęp do poszczególnych stron przy pomocy ról (dostępu)

44 utworzymy teraz rolę dostępu (w naszym przypadku będzie jedna, może ich być jednak wiele)

45 wprowadzamy nazwę roli oraz dodajemy ją

46 rola zostanie dodana następnie powracamy do strony zarządzania

47 utworzymy teraz użytkownika

48 zaznaczamy w jakiej roli występować będzie nasz użytkownik opcja, że użytkownik jest aktywnym użytkownikiem powinna być zaznaczona domyślnie

49 wprowadzamy dane użytkownika hasło wymaga znaków nie-alfanumerycznych oraz jego minimalna długość to 7 znaków wprowadzone poniżej hasło to: administrator#11

50 użytkownik został pomyślnie utworzony

51 powracamy do strony zarządzania

52 zdefiniujemy teraz dostęp do stron naszej aplikacji

53 wybieramy folder administracja użytkownicy anonimowi (nielogowalni) odmów dostępu Deny i potwierdzamy utworzenie reguły przyciskiem OK

54 rola została utworzona

55 zamykamy stronę tworzenia autoryzacji

56 podstawowe pytanie: gdzie zostały zapisane dane utworzonego użytkownika? Proszę odświeżyć zawartość folderu: App_Data

57 została utworzona nowa baza danych na potrzeby usługi uwierzytelniania o nazwie ASPNETDB.MDF

58 sprawdzimy w Eksploratorze serwera jaka jest struktura tabel utworzonej bazy

59 pokażmy dane tabeli aspnet_users

60 tutaj zapisane są dane użytkowników, przechowywane są także informacje odnośnie ostatniego logowania

61 szczegółowe dane oraz hasło zapisane jest w tabeli aspnet_membership hasło oczywiście nie jest przechowywane w formie jawnej

62 proszę odświeżyć zawartość folderu administracja

63 znajduje się w nim plik web.config w pliku tym są przechowywane reguły dostępu do zawartości folderu

64 sprawdźmy teraz jak działa nasza aplikacja w przeglądarce strona główna

65 strona wyślij wiadomość

66 w przypadku tych dwóch stron dostęp jest możliwy natomiast jeżeli wybierzemy którąś z podstron strony wyślij wiadomość zostaniemy przeniesieni na stronę Login.aspx logujemy się zatem

67 po zalogowaniu mamy dostęp do wszystkich pozostałych stron

68 nasza aplikacja posiada jednak pewne niedociągnięcia tzn. Po zalogowaniu nie mamy możliwości wylogowania się (pozostaje jedynie zamknięcie strony w przeglądarce i ponowne uruchomienie zatem na stronie Master.page z grupy kontrolek Login umieszczamy kontrolkę LoginStatus

69 zmieniamy tekst jak poniżej

70 możemy również zdefiniować do jakiej strony mamy zostać przeniesieni po akcji wylogowania

71 musimy również ustawić akcję przy wylogowaniu jak poniżej

72 sprawdzamy działanie w przeglądarce

73 możemy również wyświetlić nazwę użytkownika który jest zalogowany wprowadzamy tekst jak poniżej oraz umieszczamy kontrolkę LoginName

74 wówczas w przeglądarce

75 ostatnia kwestia to zasadność pokazywania menu ze stronami zabezpieczonych dostępem użytkownikom anonimowym

76 naszym celem jest zatem uzyskanie takiej sytuacji, że jeżeli nie jest zalogowany żaden użytkownik podmenu nie jest wyświetlane, po zalogowaniu pojawia się w tym celu musimy zmodyfikować plik web.config aplikacji

77 otwieramy go zatem

78 wklejamy zawartość dołączonego do materiałów pliku webconfig.txt w miejscu wskazanym poniżej po modyfikacji

79 sprawdzamy działanie w przeglądarce przed zalogowaniem po zalogowaniu

80 zagadnienia dodatkowe proszę utworzyć nową stronę zarzadzaj_uzytkownikami.aspx w folderze administracja proszę zmodyfikować plik Web.sitemap tak aby strona ta była podstroną strony wyślij wiadomość na stronie tej proszę po eksperymentować z pozostałymi kontrolkami z grupy Login np.