ASP.NET Ajax. Intensywny trening
|
|
- Elżbieta Matuszewska
- 9 lat temu
- Przeglądów:
Transkrypt
1 ASP.NET Ajax. Intensywny trening Autor: Joydip Kanjilal, Sriram Putrevu T³umaczenie: ukasz Piwko ISBN: Tytu³ orygina³u: Sams Teach Yourself ASP.Net with Ajax in 24 Hours Format: 170x230, stron: 440 ASP.NET Ajax. Intensywny trening Poznaj mo liwoœci ASP.NET Ajax i twórz niezawodne oraz bezpieczne aplikacje sieciowe Jak wykorzystaæ ASP.NET Ajax w nowych i istniej¹cych witrynach internetowych? Jak projektowaæ i budowaæ kompletne aplikacje handlu elektronicznego? Jak efektywnie znajdowaæ i usuwaæ b³êdy z kodu ASP.NET Ajax? Wraz z pojawieniem siê technologii Ajax skoñczy³y siê mudne poszukiwania programistów, pragn¹cych znaleÿæ technologiê umo liwiaj¹c¹ szybsze wizualizowanie stron, krótszy czas odpowiedzi oraz asynchroniczne przetwarzanie. Architektura ASP.NET Ajax zosta³a zaprojektowana w taki sposób, eby dzia³aæ zarówno po stronie klienta, jak i serwera. Wyposa enie jej w kilka bibliotek sprawia, e mo liwe jest tworzenie komponentów odpowiedzialnych m.in. za us³ugi sieciowe i aplikacyjne, ró ne podstawowe us³ugi dotycz¹ce serializacji oraz rozszerzenia podstawowych klas JavaScript. Ksi¹ ka ASP.NET Ajax. Intensywny trening zawiera zestaw prostych i praktycznych instrukcji, z których ka da poprowadzi ciê krok po kroku przez tajniki stosowania Ajaksa w aplikacjach internetowych. Z tego podrêcznika dowiesz siê, jak maksymalnie wykorzystywaæ mo liwoœci bibliotek Microsoft Ajax Library i Ajax Server Extensions. Nauczysz siê korzystaæ ze wszystkich najwa niejszych rozszerzeñ serwerowych, stosowaæ techniki programowania po stronie klienta, maksymalizowaæ wydajnoœæ us³ug sieciowych, a tak e projektowaæ i budowaæ kompletne aplikacje handlu internetowego. Architektura ASP.NET Ajax Obiekt XMLHttpRequest Skrypty dzia³aj¹ce po stronie klienta Wymiana informacji z serwerem Biblioteka Microsoft Ajax Client Library U ywanie rozszerzeñ serwerowych ASP.NET Ajax Kontrolki Ajax Control Toolkit Korzystanie z us³ug sieciowych przy u yciu Ajaksa Lokalizacja i globalizacja w ASP.NET Ajax Debugowanie i œledzenie aplikacji ASP.NET Budowa przyk³adowej aplikacji handlu elektronicznego Przyspieszony kurs praktycznego wykorzystania ASP.NET Ajax
2 Spis treści O autorach 15 Podziękowania 17 Część I Podstawy technologii Ajax Rozdział 1. Podstawy technologii ASP.NET Ajax 21 Co trzeba umieć...22 Ajax zmiana modelu...22 Elementy technologii Ajax...23 Zalety i wady technologii Ajax...24 Wady technologii Ajax...24 Trochę historii...25 Co to jest ASP.NET Ajax...26 Inne frameworki Ajax...27 Funkcje ASP.NET Ajax...28 Instalowanie Ajaksa...28 Przygotowywanie środowiska...28 Instalowanie ASP.NET Ajax...29 Pierwsza aplikacja Ajax...31 Tworzenie ogólnej funkcji instalującej obiekt XMLHttpRequest...32 Jak to działa...33 Jak działa powyższy kod...35 Podsumowanie...37 Warsztat...38 Test...38 Odpowiedzi...38 Rozdział 2. Architektura ASP.NET Ajax 41 Wprowadzenie do ASP.NET...41 Architektura ASP.NET...42 Zdarzenia cyklu życia aplikacji...42
3 6 ASP.NET Ajax. Intensywny trening Zdarzenia cyklu życia strony Architektura ASP.NET Ajax Co znajduje się wewnątrz API serwerowego ASP.NET Ajax Co znajduje się wewnątrz API klienckiego ASP.NET Ajax Podsumowanie Warsztat Test Odpowiedzi Rozdział 3. Obiekt XMLHttpRequest 53 Krótki opis obiektu XMLHttpRequest Trochę historii Tworzenie obiektu XMLHttpRequest Pobieranie danych synchronicznie i asynchronicznie przy użyciu obiektu XMLHttpRequest Synchroniczne pozyskiwanie danych Asynchroniczne pozyskiwanie danych Praca z obiektem XMLHttpRequest Symulacja Ajaksa bez obiektu XMLHttpRequest Podsumowanie Warsztat Test Odpowiedzi Rozdział 4. Skrypty działające po stronie klienta 69 Wprowadzenie do DHTML Co to jest CSS Obsługa zdarzeń w języku JavaScript JavaScript i model obiektów dokumentu Obiekt Document Obiekt Element Implementacja skryptu działającego po stronie klienta Podsumowanie Warsztat Test Odpowiedzi... 84
4 Spis treści 7 Rozdział 5. Wymiana informacji z serwerem 87 Cykl żądania i odpowiedzi...87 Formaty wymiany danych...89 Format HTML...89 Najbardziej popularny czysty tekst...89 XML język internetu do wymiany danych...90 Wprowadzenie do JSON...91 Przechowywanie zbiorów uporządkowanych elementów w tablicach...93 Przechowywanie par nazwa wartość w literałach obiektowych...94 Format JSON...95 Analiza danych w formacie JSON...96 Wykorzystanie formatu JSON w Ajaksie...97 Podsumowanie Warsztat Test Odpowiedzi Rozdział 6. Biblioteka Microsoft Ajax Client Library 103 Podstawowe wiadomości na temat biblioteki Microsoft Ajax Client Library Funkcje biblioteki Microsoft Ajax Client Library Przestrzenie nazw biblioteki Microsoft Ajax Client Library Przestrzeń nazw Global rozszerzanie JavaScriptu Przestrzeń nazw Sys podstawa wszystkich przestrzeni nazw Przestrzeń nazw Sys.Net Przestrzeń nazw Sys.Serialization Przestrzeń nazw Sys.Services Przestrzeń nazw Sys.UI Przestrzeń nazw Sys.WebForms częściowe wizualizowanie Budowa biblioteki Microsoft Ajax Client Library Budowa głównego systemu System interfejsu użytkownika Rozszerzanie biblioteki JavaScript za pomocą systemu rozszerzeń JavaScript Microsoft Ajax Podsumowanie Warsztat Test Odpowiedzi
5 8 ASP.NET Ajax. Intensywny trening Część II Ajax w praktyce Rozdział 7. Używanie rozszerzeń serwerowych ASP.NET Ajax 121 System rozszerzeń serwerowych ASP.NET Ajax Komponenty systemu rozszerzeń serwerowych ASP.NET Ajax Kontrolki serwerowe ASP.NET Ajax Biblioteka Microsoft Ajax Server Reference Przestrzeń nazw System.Web.UI Przestrzeń nazw System.Web.UI.Design Przestrzeń nazw System.Web.Configuration Przestrzeń nazw System.Web.Handlers Przestrzeń nazw System.Web.Script.Serialization Przestrzeń nazw System.Web.Script.Services Podsumowanie Warsztat Test Odpowiedzi Rozdział 8. Używanie kontrolek UpdatePanel i UpdateProgress 135 Częściowe odświeżanie Dlaczego częściowe odświeżanie jest warte zachodu Trochę historii Kontrolka serwerowa UpdatePanel niezbędna w implementacji częściowego wizualizowania stron Znacznik ContentTemplate Co to są wyzwalacze Kontrolka UpdateProgress Podsumowanie Warsztat Test Odpowiedzi Rozdział 9. Używanie kontrolek ScriptManager i Timer 153 Kontrolka ScriptManager Obsługa błędów przy użyciu Ajaksa Kontrolka Timer Implementacja funkcji częściowego odświeżania w aplikacjach ASP.NET Ajax przy użyciu kontrolek UpdatePanel i Timer Podsumowanie...163
6 Spis treści 9 Warsztat Test Odpowiedzi Rozdział 10. Ajax Control Toolkit część I 165 Podstawowe informacje na temat ASP.NET Ajax Control Toolkit Czym są kontrolki Ajax Kontrolki rozszerzające Kontrolka skryptowa Biblioteka Control Toolkit Kontrolka rozszerzająca AutoComplete Podsumowanie Warsztat Test Odpowiedzi Rozdział 11. Ajax Control Toolkit część II 179 Kontrolka rozszerzająca ConfirmButton Kontrolka rozszerzająca DropDown Podsumowanie Warsztat Test Odpowiedzi Rozdział 12. ASP.NET Ajax i formanty Web Part 193 Wprowadzenie do Web Parts Właściwości formantów Web Part Tworzenie formantów Web Part Niestandardowe formanty Web Part Tworzenie formantów Web Part przy użyciu kontrolek użytkownika Ajax w formantach Web Part Metoda z użyciem kontrolki UpdatePanel Wywołania zwrotne po stronie klienta Podsumowanie Warsztat Test Odpowiedzi
7 10 ASP.NET Ajax. Intensywny trening Rozdział 13. Zdarzenia cyklu życia strony ASP.NET Ajax w kliencie 215 Model zdarzeń ASP.NET Ajax po stronie klienta Obsługa wyjątku PageRequestManagerParserErrorException Powodowanie wyjątku PageRequestManagerParserErrorException Unikanie możliwości wystąpienia błędu PageRequestManagerParserErrorException Podsumowanie Warsztat Test Odpowiedzi Część III Techniki zaawansowane Rozdział 14. Korzystanie z usług sieciowych przy użyciu Ajaksa 229 Warstwa komunikacji asynchronicznej Zadania warstwy komunikacji asynchronicznej Wysyłanie żądania HTTP z klienta Wywoływanie usług sieciowych z poziomu skryptów klienckich Klasy proxy usług sieciowych Klasy proxy metod stron Podsumowanie Warsztat Test Odpowiedzi Rozdział 15. Korzystanie z usługi uwierzytelniania przy użyciu Ajaksa 243 Uwierzytelnianie i jego rodzaje Korzystanie z usług uwierzytelniania z poziomu skryptów klienckich Przykładowa implementacja aplikacji Podsumowanie Warsztat Test Odpowiedzi Rozdział 16. Korzystanie z usługi profili użytkowników przy użyciu Ajaksa 257 Praca z usługą profili użytkownika Włączanie usługi Profile Definiowanie sekcji profilu...258
8 Spis treści 11 Implementacja przykładowej aplikacji Podsumowanie Warsztat Test Odpowiedzi Rozdział 17. Rozszerzanie biblioteki Microsoft Ajax Library 273 Rozszerzanie biblioteki Microsoft Ajax Library Rozszerzanie biblioteki Ajax za pomocą komponentów Rozszerzanie biblioteki Ajax za pomocą kontrolek Rozszerzanie biblioteki Ajax za pomocą zachowań Podsumowanie Warsztat Test Odpowiedzi Rozdział 18. Lokalizacja i globalizacja w ASP.NET Ajax 283 Lokalizacja i globalizacja Globalizacja i lokalizacja skryptowa przy użyciu JavaScriptu Osadzanie zasobów skryptowych w asemblacjach Używanie asemblacji z osadzonymi skryptami i zasobami Podsumowanie Warsztat Test Odpowiedzi Rozdział 19. Debugowanie i śledzenie aplikacji ASP.NET 297 Debugowanie i śledzenie Klasa Sys.Debug Techniki debugowania kodu Włączanie opcji debugowania w pliku web.config Włączanie opcji debugowania w przeglądarce Internet Explorer Włączanie opcji debugowania w Visual Studio Podsumowanie Warsztat Test Odpowiedzi
9 12 ASP.NET Ajax. Intensywny trening Rozdział 20. Pakiet ASP.NET Ajax Futures CTP 309 Pakiet ASP.NET Ajax Futures CTP Czysto klienckie kontrolki w przestrzeni nazw Sys.Preview.UI Dynamiczne witryny sterowane danymi Dynamiczne kontrolki danych przetwarzanie danych przy użyciu mniejszej ilości kodu Zwracanie egzemplarzy obiektów DataSet, DataTable oraz DataRow Przyszłość Ajaksa Podsumowanie Warsztat Test Odpowiedzi Część IV Budowa przykładowej aplikacji handlu elektronicznego przy użyciu technologii ASP.NET Ajax Rozdział 21. Podstawy handlu elektronicznego i projektowanie aplikacji 323 Podstawy handlu elektronicznego Moduły aplikacji Strona główna oraz formularz rejestracyjny i logowania Wyświetlanie i wyszukiwarka produktów oraz koszyk na zakupy Generowanie zamówień i płatności Zarządzanie kontami użytkowników i rolami Zarządzanie zamówieniami i produktami Architektura i przepływ sterowania Projekt bazy danych Tabele i relacje Podsumowanie Warsztat Test Odpowiedzi Rozdział 22. Początek pracy nad programem 343 Strona wzorcowa Użytkownicy i role Rejestrowanie klienta...353
10 Spis treści 13 Nawigacja Podsumowanie Warsztat Test Odpowiedzi Rozdział 23. Wyszukiwanie i kupowanie produktów 371 Tworzenie kategorii, obrazów i produktów Tworzenie obiektów biznesowych Dodawanie i edytowanie kategorii Wyszukiwarka produktów Strona szczegółów produktu Dodawanie produktów do koszyka Zarządzanie koszykiem Podsumowanie Warsztat Test Odpowiedzi Rozdział 24. Generowanie i obsługa zamówień 405 Składanie zamówienia Szczegóły zamówienia Podawanie adresu przesyłki Szczegóły płatności Stan zamówienia Obsługa oczekujących zamówień Historia zamówień Podsumowanie Warsztat Test Odpowiedzi Skorowidz 427
11 Rozdział 5 Wymiana informacji z serwerem W rozdziale: formaty wymiany danych między klientem a serwerem, wprowadzenie do JSON, używanie JSON. W rozdziale 2. Architektura ASP.NET Ajax opisaliśmy architekturę ASP.NET Ajax. Dowiedziałeś się, z czego składają się biblioteka Microsoft Ajax Client Library oraz rozszerzenia serwera ASP.NET. Jedną z warstw biblioteki Client Library jest warstwa komponentów (Component Layer) składająca się z kilku niewidocznych komponentów umożliwiających asynchroniczną komunikację oraz obsługujących serializację XML i JSON. Serwer ASP.NET komunikuje się z biblioteką Client Library przez warstwę komponentów tej biblioteki. W tym rozdziale opiszemy JSON (wym. jak Jason) ang. JavaScript Object Notation oraz XML i formaty łańcuchowe. Cykl żądania i odpowiedzi Zanim zaczniemy zgłębiać tematykę formatów wymiany danych w ASP.NET Ajax, sprawdzimy, czym różni się tradycyjny model aplikacji sieciowej od modelu aplikacji Ajax. W tym pierwszym zatwierdzenie formularza powoduje wysłanie żądania do serwera WWW, który wykonuje odpowiednie czynności i wysyła w odpowiedzi kompletną stronę internetową. Proces ten pochłania bardzo dużo transferu, ponieważ wymaga wysłania całej strony do serwera i zwrócenia przez niego w odpowiedzi takiej samej lub nowej. Bardzo często znaczna część kodu HTML wysyłanego przez serwer jest taka sama jak w żądaniu. Dzieje się tak
12 88 Rozdział 5. Wymiana informacji z serwerem w każdym przypadku interakcji użytkownika z serwerem. W wyniku tego wydłuża się czas odpowiedzi serwera, co z kolei ma ujemny wpływ na wydajność całej aplikacji i komfort użytkownika. Gdy aplikacja Ajax wyśle żądanie do serwera, ten w odpowiedzi odsyła tylko te dane, które są potrzebne. Do najczęściej wykorzystywanych formatów danych w tym przypadku należą: SOAP, HTML, XML, czysty tekst lub JSON. Przetwarzaniem tych danych w kliencie zajmuje się JavaScript. W tym modelu serwer z klientem wymieniają znacznie mniejsze ilości informacji, dzięki czemu aplikacja reaguje szybciej. Zwiększa się komfort użytkownika, ponieważ serwer WWW oszczędza mnóstwo czasu. Na rysunku 5.1 przedstawiono porównanie tradycyjnego modelu aplikacji i opartego na Ajaksie RYSUNEK 5.1. Tradycyjny model aplikacji a aplikacja Ajax
13 Formaty wymiany danych 89 Formaty wymiany danych Jak napisaliśmy w poprzednim podrozdziale, w aplikacjach Ajax większy nacisk jest kładziony na dane niż treść przesyłaną w sieci, dlatego postanowiliśmy poświęcić nieco miejsca na opis dostępnych formatów wymiany danych. Wybór jednego z nich zależy od potrzeb danej aplikacji. Poniżej znajduje się lista kilku takich formatów: HTML, czysty tekst i format łańcuchowy, XML (Extensible Markup Language), JSON (JavaScript Object Notation). Każdy z nich opiszemy w kolejnych podrozdziałach. Format HTML Jednym z najczęściej używanych formatów wymiany danych między serwerem a klientem jest HTML. Jeśli serwer wyśle odpowiedź na żądanie w tym formacie, dostęp do danych można uzyskać za pomocą JavaScriptu i wstawić je w dowolnym elemencie za pomocą własności innerhtml lub pokrewnych metod. W naszym przykładzie z listą elementów treść HTML wysyłana do przeglądarki byłaby następująca: <div><span>hp</span><span>5446 A</span> <span>2007</span><span>$ </span></div> <div><span>compaq</span><span>654an</span> <span>2006</span><span>$ </span></div> <div><span> DELL </span><span> </span> <span>2007</span><span>$ </span></div> Treść tę można wstawić w tej postaci do każdego elementu, który ma własność innerhtml, łatwo jest ją zatem związać z wybranym elementem, formatowanie danych HTML odebranych z serwera może być jednak kłopotliwe. Najbardziej popularny czysty tekst Czysty tekst i format łańcuchowy to prosty format wymiany danych. Serwer zwraca sam tekst, który można związać z dowolnym elementem HTML za pomocą własności value, text lub innertext, w zależności od elementu. Można też użyć oddzielanych wartości łańcuchowych, takich jak format odpowiedzi
14 90 Rozdział 5. Wymiana informacji z serwerem spokrewnionych danych, chociaż opcja ta ma pewne wady. Niektóre kontrolki serwerowe ASP.NET Ajax, o których piszemy dalej w książce, wysyłają w odpowiedzi oddzielane wartości łańcuchowe. Jedną z nich jest UpdatePanel, która wysyła odpowiedzi w formacie: Size ControlType ControlName ControlData Znakiem oddzielającym w tym przykładzie jest pionowa kreska. Size oznacza liczbę bajtów, ControlType to rodzaj kontrolki (w tym przypadku UpdatePanel), a ControlName to jej nazwa. Ostatnia wartość ControlData zawiera dane HTML, które mają zostać wyświetlone w przeglądarce. Zaletą tego formatu jest prostota. Wadą natomiast to, że jeśli zmieni się kolejność wartości, konieczne jest modyfikowanie kodu działającego po stronie klienta. XML język internetu do wymiany danych XML to język znaczników przeznaczony do opisu danych. Skrót XML pochodzi od angielskich słów Extensible Markup Language (rozszerzalny język znaczników). Opracowywaniem jego standardów zajmuje się organizacja W3C, która opublikowała jego rekomendację. Obecnie XML jest popularnym formatem wymiany danych i manipulacji nimi. Jest jednym z najczęściej używanych formatów w aplikacjach internetowych i okienkowych, ponieważ został przyjęty przez wielu producentów. Wymiana danych w formacie XML między serwerem a klientem jest popularnym rozwiązaniem, ponieważ większość współczesnych przeglądarek posiada implementację DOM XML, co ułatwia przetwarzanie z poziomu JavaScriptu. XML nie posiada żadnych standardowo zdefiniowanych znaczników, wszystkie więc należy zdefiniować samemu. Do opisu danych wykorzystuje się definicję typu dokumentu (ang. Document Type Definition DTD) lub XML Schema. Innymi słowy, DTD lub XML Schema sprawdzają gramatykę, aby zapewnić poprawność danych. Dzięki prostocie reprezentacji danych i możliwości przedstawiania ich w postaci hierarchicznej podejście to zyskało sobie bardzo dużą popularność. Ponadto XML jest dostępny bezpłatnie i można go rozszerzać. Poniżej znajduje się przykładowa reprezentacja danych w formacie XML: <?xml version="1.0" encoding="utf-8"?> <ItemList> <Item> <Name>HP</Name> <Model>5446 A</Model>
15 Wprowadzenie do JSON 91 <Make>2007</Make> <Price>$ </Price> </Item> <Item> <Name>Compaq</Name> <Model>654AN</Model> <Make>2006</Make> <Price>$ </Price> </Item> <Item> <Name>DELL</Name> <Model> </Model> <Make>2007</Make> <Price>$ </Price> </Item> </ItemList> Powyższe dane XML reprezentują elementy Item i ich atrybuty: Name, Model, Make oraz Price. Ta prosta struktura mówi sama za siebie. Dane XML pobrane z serwera można wyświetlić w przeglądarce na kilka sposobów. Są to: Użycie specyfikacji DOM XML za pomocą tego API można przeprowadzić analizę danych XML, uzyskać do nich dostęp oraz przekształcić je na HTML za pomocą JavaScriptu. Więcej informacji dotyczących specyfikacji API DOM XML znajdziesz na stronie Transformacja dokumentu na HTML za pomocą XSLT XSLT to oparty na XML u deklaratywny język transformujący, za pomocą którego można przekształcić dokument XML w jednym formacie na inny. Procesor XSLT przy użyciu arkusza stylów XSLT przekształca dokument XML na HTML, czysty tekst lub jakiś inny format obsługiwany przez niego. Język XSLT to zagadnienie, o którym można napisać osobną książkę. Polecamy zatem Sams Teach Yourself XSLT In 21 Days, której autorem jest Michiel van Otegem. Wprowadzenie do JSON Gdy około 2004 roku zaczęły pojawiać się usługi sieciowe oparte na XML u, język ten stał się standardowym formatem do przesyłania informacji. W aplikacjach Ajax do danych XML można uzyskać dostęp poprzez obiekt XMLHttpRequest. Własność responsexml umożliwia dostęp w formacie XML, a responsetext w formacie łańcuchowym.
16 92 Rozdział 5. Wymiana informacji z serwerem XML jako format wymiany danych ma jednak pewne wady. Źle sprawdza się, gdy między serwerem a klientem trzeba przesłać dużą ilość informacji. Dlaczego? Po pierwsze, analiza i dostęp do wielkich ilości danych XML są trudne. Po drugie, dane w formacie XML zawierają więcej bajtów, niż gdyby zastosowano jakiś oszczędniejszy format. Douglas Crockford opracował alternatywę niezwykle lekki format oparty na łańcuchach, za pomocą którego można wymieniać dane między serwerem a klientem. Jego nazwa to JavaScript Object Notation (JSON). Format JSON jest wykorzystywany do wymiany danych między Microsoft Ajax Library a ASP.NET Ajax. Z udziałem JSON odbywa się większa część operacji wymiany danych około 80%. Reszta odbywa się przy użyciu XML-a i formatów łańcuchowych. JSON obsługuje dwie struktury danych: obiekty i tablice. Obiekty, wyznaczane przez znaki { i }, to nieuporządkowane zbiory par nazwa wartość. Nazwy są oddzielone od wartości znakiem :, a pary nazwa wartość znakiem,. Tablice to uporządkowane szeregi wartości. Ograniczają je znaki [ i ], a wartości są oddzielane znakami,. Nazwa to łańcuch w podwójnym cudzysłowie. Wartości mogą być jednego z następujących typów: String, Number, Boolean (true lub false), Object, Array oraz null. Format JSON jest elastyczny, to znaczy umożliwia reprezentowanie dowolnej struktury danych w stanie, w jakim jest, oraz pozwala na dodawanie nowych pól, nie zakłócając pracy istniejących programów. Wielką zaletą tego formatu jest to, że jest bardziej zwięzły i łatwiejszy do zanalizowania niż XML. Programista musi tylko przekazać łańcuch w tym formacie do funkcji JavaScript eval(). Ta przetwarza przekazany łańcuch i wynik swojego działania zapisuje w elementach HTML. Należy jednak podkreślić, że użycie funkcji eval() niekorzystnie odbija się na wydajności. Można rozważyć użycie innej opcji, jeśli ilość danych jest naprawdę wielka konwertowanie ogromnych łańcuchów na kliencie może spowodować opóźnienia. Najlepsze jednak jest to, że przetwarzanie można wykonać w pliku.js dołączonym do dowolnych stron. Ponadto JSON nie ma numeru wersji, ponieważ specyfikacja została określona jako stabilna na zawsze. Istnieje kilka parserów JSON, które obsługują większość języków programowania. Można je pobrać w witrynie
17 Wprowadzenie do JSON 93 Większość kontrolek serwerowych ASP.NET Ajax wymienia się danymi w formacie JSON. Kontrolka wysyła łańcuch JSON, a biblioteka Microsoft Ajax Library przetwarza go przy użyciu wewnętrznych plików.js i przekazuje wynik do klienta. Na format ten zdecydowano się ze względu na rozmiar, zwięzłość oraz łatwość przetwarzania. Pozwala on polepszyć szybkość działania aplikacji ASP.NET Ajax. Przed zapoznaniem się z formatem JSON należy dowiedzieć się nieco na temat literałów tablicowych i obiektów w JavaScripcie. Przechowywanie zbiorów uporządkowanych elementów w tablicach Czym są tablice? Są to uporządkowane szeregi wartości. Granice tablicy wyznaczają znaki [ i ]. Można je tworzyć za pomocą konstruktora lub wpisać wartości bezpośrednio w nawiasie. Poniżej znajduje się deklaracja tablicy przy użyciu konstruktora: var myitems = new Array(); Elementy do tej tablicy można dodać przy użyciu nawiasów i wartości wyznaczającej indeks, który określa położenie elementu w tablicy: myitems[0] = "HP"; myitems[1] = "Compaq"; myitems[2] = "DELL"; Ten sam obiekt można utworzyć w bardziej wydajny sposób, posługując się literałem tablicowym: var myitems = ["HP", "Compaq", "DELL"]; Jeszcze jeden sposób zadeklarowania opisywanej tablicy: var myitems = new Array("HP, "Compaq", "DELL"); W języku JavaScript typ tablic nie jest kontrolowany. Dzięki temu można w nich przechowywać dane różnych typów. Mimo że tablice można tworzyć za pomocą konstruktora, JSON akceptuje tylko sposób literałowy: JSON format: ["HP", "Compaq", "DELL"]
18 94 Rozdział 5. Wymiana informacji z serwerem Przechowywanie par nazwa-wartość w literałach obiektowych Zadaniem obiektów jest przechowywanie par nazwa wartość. Za ich pomocą można przechowywać dane biznesowe w formie obiektów. Pary są otoczone klamrami { i }. Nazwa i wartość w każdej parze są oddzielone znakiem :, a poszczególne pary oddziela się od siebie znakiem,. Poniżej znajduje się przykład obiektu: var objitem = { "Name" : "HP", "Model" : "5446 A", "Make" : "2007", "Price" : "$ " }; Powyższy kod tworzy obiekt objitem z atrybutami Name, Model, Make i Price, które mają przypisane wartości. Dostęp do każdego z nich można uzyskać przy użyciu nazwy obiektu i notacji z kropką: objitem.name // Dostęp do własności Name. objitem.model // Dostęp do własności Model. objitem.make // Dostęp do własności Make. objitem.price // Dostęp do własności Price. Alternatywny sposób dostępu do tych samych własności: objitem["name"]; objitem["model"]; objitem["make"]; objitem["price"]; Inne sposoby Obiekt można także utworzyć za pomocą konstruktora przy użyciu słowa kluczowego new: var objitem = new Object(); Teraz można dodać parametry i przypisać im wartości w następujący sposób: objitem.name = "HP"; objitem.model = "5446 A"; objitem.make = "2007"; objitem.price = "$ ";
19 Wprowadzenie do JSON 95 Własności można także dodać przy użyciu składni tablicowej: objitem["name"] = "HP"; objitem["model"] = "5446 A"; objitem["make"] = "2007"; objitem["price"] = "$ "; W JSON obiekt jest reprezentowany następująco: { "Name": "HP", "Model": "5446 A", "Make": "2007", "Price": "$ " } W JSON nie można używać konstruktorów do tworzenia tablic i obiektów. Służą do tego literały. Format JSON Składnia JSON jest zbiorem literałów tablicowych i obiektowych. W formacie tym nie ma jednak zmiennych, przypisań ani operatorów. Jest to tylko sposób reprezentacji danych i sam w sobie nie jest językiem. Jest to podzbiór JavaScriptu opisujący dane przy użyciu literałów tablicowych i obiektowych. Jak pisaliśmy wcześniej, reprezentacja obiektu Item w JSON może wyglądać następująco: { "Name": "HP", "Model": "5446 A", "Make": "2007", "Price": "$ " } W typowym procesie komunikacji serwera z przeglądarką dane w formacie JSON są zwracane do przeglądarki jako łańcuch. Aby można go było użyć, musi zostać przekonwertowany na obiekt. Do tego służy funkcja eval(). Analizuje ona łańcuch i konwertuje go na obiekt JavaScript. Załóżmy, że odbieramy dane w zmiennej vitem. Poniższa instrukcja konwertuje ten łańcuch JSON na obiekt: var vitem = eval("(" + vitem + ")");
20 96 Rozdział 5. Wymiana informacji z serwerem Teraz zmienna vitem zawiera obiekt Item pobrany z serwera w formacie JSON. Wartości można z niego pobrać w następujący sposób: alert(vitem.name); // wynik: "HP" alert(vitem.model); // wynik: "5446 A" alert(vitem.make); // wynik: "2007" alert(vitem.price); // wynik: "$ " Przy konwersji łańcucha JSON na obiekt za pomocą funkcji eval() konieczne jest zastosowanie dodatkowych nawiasów. Jest to spowodowane tym, że klamry mogą w JavaScripcie zostać zinterpretowane przez instrukcję if, for lub jakąś inną konstrukcję językową. Analiza danych w formacie JSON Funkcja eval() jest ogólną funkcją JavaScript służącą do wykonywania lub analizowania różnych typów danych. Jeśli chcesz użyć specjalnego parsera JSON do tworzenia obiektów i tablic z tekstu JSON i odwrotnie, możesz użyć dostępnego pod adresem Plik ten można skopiować i dołączyć do swojej strony w nagłówku za pomocą poniższego wiersza kodu: <script type="text/javascript" src="json.js"></script> Znajdujący się w pliku json.js parser ma dwie podstawowe funkcje: ParseJSON() tojsonstring() Pierwsza konwertuje tekst JSON na obiekt JavaScript, a druga obiekty JavaScript na tekst lub łańcuch JSON. Po dodaniu pliku json.js do strony funkcja tojsonstring() zostaje dodana do definicji obiektów i tablic JavaScript. Poniżej znajduje się przykład użycia tej metody: <script language="javascript"> var myitem = new Object(); myitem.name = "HP"; myitem.model = "5446 A"; myitem.make = "2007"; myitem.year = "$ "; myitem = myitem.tojsonstring(); alert("reprezentacja obiektu Item jako łańcucha JSON: " + myitem); </script>
21 Wprowadzenie do JSON 97 Skrypt ten zwraca następujący wynik: Reprezentacja obiektu Item jako łańcucha JSON: {"Name": "HP","Model": "5446 A","Make": "2007","Price": "$ "} Zauważ, że jeśli do wykonania operacji Ajax w ASP.NET użyjesz kontrolek serwerowych ASP.NET, takie rzeczy, jak analiza składni lub konwersja, są wykonywane wewnętrznie przez Microsoft Ajax Client Library. Wykorzystanie formatu JSON w Ajaksie W rozdziale 3. Obiekt XMLHttpRequest zademonstrowaliśmy pobieranie danych XML i łańcuchowych za pomocą obiektu XMLHttpRequest. Teraz zobaczymy, jak to się dzieje w przypadku danych w formacie JSON. Ponieważ jest to format tekstowy, dane te musimy pobierać przy użyciu własności responsetext obiektu XMLHttpRequest. Jej implementację już opisaliśmy. Jedyna różnica będzie polegać na tym, że teraz będzie ona przechowywała dane w formacie JSON. Posłużymy się tym samym programem, co w rozdziale 3., ale zamiast XML pobierzemy plik w formacie JSON. Aplikacja ta ma dwa przyciski: Załaduj dane oraz Załaduj JSON jako tekst. Po wczytaniu strony w przeglądarce lista rozwijana dla danych jest początkowo pusta. Kliknięcie przycisku Załaduj dane powoduje pobranie nazw elementów (które są w formacie JSON) ze znajdującego się na serwerze pliku tekstowego Items.txt i asynchroniczne wstawienie ich do listy. Kliknięcie Załaduj JSON jako tekst wstawia dane łańcuchowe z pliku Items.txt do znajdującego się na stronie elementu div. Dalej opisujemy wykonanie tego programu krok po kroku oraz przedstawiamy wynik jego działania w przeglądarce na rysunku 5.2. Otwórz rozwiązanie, które utworzyłeś w rozdziale 3., i wykonaj poniższe czynności: 1. Dodaj nowy element Web Form i nazwij go FetchJSON.aspx. 2. Utwórz plik tekstowy o nazwie Items.txt i wprowadź do niego poniższe dane: {"Items": [ { "Name": "HP", "Model": "5446 A",
22 98 Rozdział 5. Wymiana informacji z serwerem RYSUNEK 5.2. Strona FetchJSON.aspx w oknie przeglądarki "Make": "2007", "Price": "$ " }, { "Name": "Compaq", "Model": "654AN", "Make": "2006", "Price": "$ " }, { "Name": "DELL", "Model": " ", "Make": "2007", "Price": "$ " } ] } 3. Dodaj plik Items.txt do rozwiązania. 4. Otwórz stronę FetchJSON.aspx i wstaw poniższy kod: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="FetchJSON.aspx.cs" Inherits="FetchJSON" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" <head runat="server">
23 Wprowadzenie do JSON 99 <title>pobieranie danych w formacie JSON</title> <script language="javascript" type="text/javascript" src="xmlhttp.js"></script> <script language="javascript" type="text/javascript"> var xmlhttp = false; function LoadItemNames() { getxmlhttprequestobject(); xmlhttp.open("get", "Items.txt", true); xmlhttp.onreadystatechange = function() { if (xmlhttp.readystate == 4) { // Jeśli kod stanu HTTP to 200, tzn. jeśli żądanie jest w porządku. if (xmlhttp.status == 200) { var sjson = xmlhttp.responsetext; sjson = eval("(" + sjson + ")"); // Referencja do znacznika <select> ddlitems. var ddlitems = document.getelementbyid("ddlitems"); for(var i = 0; i < sjson.items.length; i++) { // Tworzy nowy element <option>. var newoption = document.createelement('option'); // Przypisuje wartość i tekst do nowego znacznika. newoption.value = sjson.items[i].name; newoption.text = sjson.items[i].name; // Dodaje nowy element w znaczniku <select> ddlitems. ddlitems.options.add(newoption); } } } } xmlhttp.send(null); } function LoadItemText() { getxmlhttprequestobject(); xmlhttp.open("get", "Items.txt", true); xmlhttp.onreadystatechange = function() { if (xmlhttp.readystate == 4) { // Jeśli kod stanu HTTP to 200, tzn. jeśli żądanie jest w porządku. if (xmlhttp.status == 200) { document.getelementbyid("lbltext").innertext = xmlhttp.responsetext; } } } xmlhttp.send(null); } </script> </head>
24 100 Rozdział 5. Wymiana informacji z serwerem <body> <form id="form1" runat="server"> <input type="button" id="btnloaditemnames" value="załaduj dane" onclick="loaditemnames();" /> <span id="spnitemnames">item</span> <select id="ddlitems"> <option value=""> -</option> </select><br /><br /> <input type="button" id="btnloaditemtext" value="załaduj JSON jako tekst" onclick="loaditemtext();" /> <div id="lbltext"></div> </form> </body> </html> 5. Teraz możesz uruchomić aplikację, aby zobaczyć rezultat jej działania. Ustaw plik FetchJSON.aspx jako stronę startową i uruchom program, naciskając klawisz F5. Jeśli w pliku web.config wyłączone jest narzędzie debugowania, zostaniesz poproszony o jego włączenie. Po tym aplikacja zostanie otwarta w przeglądarce, jak widać na rysunku 5.2. Jedyna zmiana w stosunku do poprzedniej wersji polega na użyciu własności responsetext (która przechowuje dane w formacie JSON) w zmiennej zamiast obiektu XML documentelement (który był używany w rozdziale 3.). Teraz zmienna sjson zawiera dane z pliku Items.txt w postaci łańcucha i jest przepuszczana przez funkcję JavaScript eval(), która konwertuje je na obiekt JavaScript. var sjson = xmlhttp.responsetext; sjson = eval("(" + sjson + ")"); Dane z obiektu sjson można pobrać przez kolekcję Items, jak demonstruje poniższy kod: sjson.items[i].name; // Pobiera wartość własności Name. // i jest indeksem w pętli. Podsumowanie W tym rozdziale zwięźle opisaliśmy różne formaty wymiany danych używane w cyklach żądanie odpowiedź strony. Do najpopularniejszych należą: XML, czysty tekst i format łańcuchowy, HTML oraz JSON, który jest najnowszy i zdobywa
25 Warsztat 101 coraz większą popularność w aplikacjach sieciowych. W porównaniu z formatem XML JSON jest lżejszy, bardziej zwięzły oraz łatwiejszy do opanowania i konserwacji. Przenosi mniejszą liczbę bajtów niż XML, dzięki czemu aplikacje działają szybciej i lepiej reagują na działania użytkownika. Warsztat Test 1. Jak odbywa się analiza składni dokumentu XML? 2. Czym jest JSON? 3. Formatu JSON można używać w aplikacjach okienkowych. Prawda czy fałsz? 4. Jak odbywa się analiza składni danych w formacie JSON w przeglądarce? 5. Jak używa się formatu JSON w połączeniu z Ajaksem? 6. Wymień znane Ci formaty wymiany danych. 7. Jakie typy danych są obsługiwane przez format JSON? Odpowiedzi 1. Dokument XML musi mieć poprawną strukturę. Aby przeprowadzić jego walidację, musi zostać dołączony do niego schemat w postaci DTD (Document Type Definition) lub XSD (XML Schema Definition). 2. JSON (ang. JavaScript Object Notation) to lekki format wymiany danych będący podzbiorem języka JavaScript. Obsługuje dwie struktury danych tego języka: literały obiektowe i tablicowe. 3. Fałsz. Ponieważ JSON jest formatem pochodnym od języka JavaScript, jest on analizowany przez system JavaScript w przeglądarce, dlatego nie jest formatem dla aplikacji okienkowych. 4. Dane JSON są odbierane w postaci łańcucha od obiektu odpowiedzi. Przetwarza je funkcja JavaScript eval(). Funkcja ta konwertuje łańcuch JSON na obiekt JavaScript, który można przeglądać. 5. Łańcuch JSON można pobrać w Ajaksie za pomocą obiektu XMLHttpRequest. Dane znajdują się we własności responsetext tego obiektu.
26 102 Rozdział 5. Wymiana informacji z serwerem 6. Lista dostępnych formatów wymiany danych: HTML, czysty tekst i format łańcuchowy, XML, JSON. Są to najpopularniejsze formaty, ale istnieją jeszcze inne. 7. JSON obsługuje następujące typy danych: String, Number, Boolean, Array, Object, Null.
Tworzenie stron internetowych z wykorzystaniem HTM5, JavaScript, CSS3 i jquery. Łukasz Bartczuk
Tworzenie stron internetowych z wykorzystaniem HTM5, JavaScript, CSS3 i jquery Łukasz Bartczuk Moduł 6 JavaScript w przeglądarce Agenda Skrypty na stronie internetowej Model DOM AJAX Skrypty na stronie
Szczegółowy opis zamówienia:
Szczegółowy opis zamówienia: Rok 2016 budowa stron w html5 (8h v + 4h ćw) 8 szt. html5 - zaawans. (7h v + 5h ćw) 8 szt. programowania w java script (9h v + 7h ćw) 8 szt. java script zaawans (8h v + 4h
XML extensible Markup Language. część 5
XML extensible Markup Language część 5 XML ważne zastosowanie Jak często pracujemy z plikami XML? Wróćmy jeszcze do wykładu poprzedniego. A dokładnie do pliku zawierającego ten wykład. xml_2017_wyklad_4.pptx
JAVAScript w dokumentach HTML (1) JavaScript jest to interpretowany, zorientowany obiektowo, skryptowy język programowania.
IŚ ćw.8 JAVAScript w dokumentach HTML (1) JavaScript jest to interpretowany, zorientowany obiektowo, skryptowy język programowania. Skrypty JavaScript są zagnieżdżane w dokumentach HTML. Skrypt JavaScript
PLAN WYNIKOWY PROGRAMOWANIE APLIKACJI INTERNETOWYCH. KL III TI 4 godziny tygodniowo (4x30 tygodni =120 godzin ),
PLAN WYNIKOWY PROGRAMOWANIE APLIKACJI INTERNETOWYCH KL III TI 4 godziny tygodniowo (4x30 tygodni =120 godzin ), Program 351203 Opracowanie: Grzegorz Majda Tematyka zajęć 1. Wprowadzenie do aplikacji internetowych
Aplikacje Internetowe
Aplikacje Internetowe ITA-103 Wersja 1 Warszawa, październik 2008 Spis treści Wprowadzenie i-4 Moduł 1 Podstawy HTML 1-1 Moduł 2 Kaskadowe Arkusze Stylów CSS 2-1 Moduł 3 Podstawy JavaScript 3-1 Moduł 4
Spis wzorców. Działania użytkownika Strona 147 Obsługa większości Działań użytkownika za pomocą kodu JavaScript przy użyciu metod obsługi zdarzeń.
Spis wzorców Aplikacja Ajax Strona 73 Tworzenie Aplikacji Ajax złożonych aplikacji, które można uruchomić w dowolnej współczesnej przeglądarce internetowej. Bezpośrednie logowanie Strona 509 Uwierzytelnianie
4 Web Forms i ASP.NET...149 Web Forms...150 Programowanie Web Forms...150 Możliwości Web Forms...151 Przetwarzanie Web Forms...152
Wstęp...xv 1 Rozpoczynamy...1 Co to jest ASP.NET?...3 W jaki sposób ASP.NET pasuje do.net Framework...4 Co to jest.net Framework?...4 Czym są Active Server Pages (ASP)?...5 Ustawienia dla ASP.NET...7 Systemy
5-6. Struktura dokumentu html. 2 Określenie charakteru i tematyki strony. Rodzaje witryn. Projekt graficzny witryny. Opracowanie skryptów
Aplikacje internetowe KL. III Rok szkolny: 013/01 Nr programu: 31[01]/T,SP/MENIS/00.06.1 Okres kształcenia: łącznie ok. 170 godz. lekcyjne Moduł Bok wprowadzający 1. Zapoznanie z programem nauczania i
Podstawy programowania w języku JavaScript
Podstawy programowania w języku JavaScript Część piąta AJAX Autor Roman Simiński Kontakt roman.siminski@us.edu.pl www.siminskionline.pl Niniejsze opracowanie zawiera skrót treści wykładu, lektura tych
Zakres treści Czas. 2 Określenie charakteru i tematyki strony. Rodzaje witryn. Projekt graficzny witryny. Opracowanie skryptów
Aplikacje internetowe KL. III Rok szkolny: 011/01 Nr programu: 31[01]/T,SP/MENIS/004.06.14 Okres kształcenia: łącznie ok. 180 godz. lekcyjne Wojciech Borzyszkowski Zenon Kreft Moduł Bok wprowadzający Podstawy
Smarty PHP. Leksykon kieszonkowy
IDZ DO PRZYK ADOWY ROZDZIA SPIS TREœCI KATALOG KSI EK KATALOG ONLINE ZAMÓW DRUKOWANY KATALOG Smarty PHP. Leksykon kieszonkowy Autor: Daniel Bargie³ ISBN: 83-246-0676-9 Format: B6, stron: 112 TWÓJ KOSZYK
Bazy danych i strony WWW
Bazy danych i strony WWW Obsługa baz danych poprzez strony WWW Niezbędne narzędzia: serwer baz danych np. MySQL serwer stron WWW np. Apache przeglądarka stron WWW interpretująca język HTML język skryptowy
PHP: bloki kodu, tablice, obiekty i formularze
1 PHP: bloki kodu, tablice, obiekty i formularze SYSTEMY SIECIOWE Michał Simiński 2 Bloki kodu Blok if-else Switch Pętle Funkcje Blok if-else 3 W PHP blok if i blok if-else wyglądają tak samo i funkcjonują
Programowanie internetowe
Programowanie internetowe Wykład 1 HTML mgr inż. Michał Wojtera email: mwojtera@dmcs.pl Plan wykładu Organizacja zajęć Zakres przedmiotu Literatura Zawartość wykładu Wprowadzenie AMP / LAMP Podstawy HTML
Zaawansowane aplikacje internetowe
Zaawansowane aplikacje internetowe AJAX 1 Celem tego laboratorium jest pokazanie moŝliwości technologii AJAX. W ramach ćwiczeń zostanie zbudowana prosta aplikacja, przechwytująca kliknięcia uŝytkownika
Wykład 03 JavaScript. Michał Drabik
Wykład 03 JavaScript Michał Drabik Język programowania wykorzystywany na stronach internetowych głównie w celu umożliwienia interakcji z użytkownikiem. Kod JavaScript może być umieszczany w kodzie XHTML
I Podstawy... 13. 1 Wprowadzenie do technologii Ajax... 15. 2 Żądanie... 19. 3 Odpowiedź... 31 XML 31 JSON 39
Spis treści O autorze... 9 Przedmowa... 11 I Podstawy... 13 1 Wprowadzenie do technologii Ajax... 15 Obiektowy model dokumentu XML 16 Zestawienie korzyści 16 2 Żądanie... 19 XMLHttpRequest od podszewki
Programowanie dla początkujących w 24 godziny / Greg Perry, Dean Miller. Gliwice, cop Spis treści
Programowanie dla początkujących w 24 godziny / Greg Perry, Dean Miller. Gliwice, cop. 2017 Spis treści O autorach 11 Podziękowania 12 Wprowadzenie 13 CZĘŚĆ I ZACZNIJ PROGRAMOWAĆ JUŻ DZIŚ Godzina 1. Praktyczne
Czym jest AJAX. AJAX wprowadzenie. Obiekt XMLHttpRequest (XHR) Niezbędne narzędzia. Standardowy XHR. XHR z obsługą baz danych
Czym jest AJAX AJAX wprowadzenie Beata Pańczyk na podstawie: 1. Lis Marcin, Ajax, Helion, 2007 2. Hadlock Kris, Ajax dla twórców aplikacji internetowych, Helion, 2007 AJAX (Asynchronous JavaScript and
Programowanie Komponentowe WebAPI
Programowanie Komponentowe WebAPI dr inż. Ireneusz Szcześniak jesień 2016 roku WebAPI - interfejs webowy WebAPI to interfejs aplikacji (usługi, komponentu, serwisu) dostępnej najczęściej przez Internet,
Aplikacje Internetowe
Aplikacje Internetowe ITA-103 Wersja 1 Warszawa, październik 2008 2008 Piotr Bubacz. Autor udziela prawa do bezpłatnego kopiowania i dystrybuowania wśród pracowników uczelni oraz studentów objętych programem
Zdarzenia Zdarzenia onload i onunload
Zdarzenia Zdarzenia onload i onunload Ćwiczenie 1. Rysunek 1. Okno powitalne wykorzystujące zdarzenie onload Na stronie mogą zachodzić różne zdarzenia, np. użytkownik kliknie myszą lub zacznie wprowadzać
Zajęcia 4 - Wprowadzenie do Javascript
Zajęcia 4 - Wprowadzenie do Javascript Co to jest Javascript Javascript jest językiem skryptowym pozwalającym na dołączanie dodatkowej funkcjonalności do stron WWW. Jest ona najczęściej związana z modyfikacją
Format HTML. Wybrane działy Informatyki Stosowanej. Definicja i przeznaczenie Struktura dokumentu Znaczniki Formularze i komponenty
Wybrane działy Informatyki Stosowanej Format HTML Definicja i przeznaczenie Struktura dokumentu Znaczniki Formularze i komponenty dr hab. inż. Andrzej Czerepicki 2019 Definicja HTML HyperText Markup Language
Przygotowanie do nowoczesnego programowania po stronie przeglądarki. (HTML5, CSS3, JS, wzorce, architektura, narzędzia)
Program szkolenia: Przygotowanie do nowoczesnego programowania po stronie przeglądarki (HTML5, CSS3, JS, wzorce, architektura, narzędzia) Informacje: Nazwa: Kod: Kategoria: Grupa docelowa: Czas trwania:
Po zakończeniu rozważań na temat World Wide Web, poznaniu zasad organizacji witryn WWW, przeczytaniu kilkudziesięciu stron i poznaniu wielu nowych
rk Po zakończeniu rozważań na temat World Wide Web, poznaniu zasad organizacji witryn WWW, przeczytaniu kilkudziesięciu stron i poznaniu wielu nowych pojęć, prawdopodobnie zastanawiasz się, kiedy zaczniesz
OpenLaszlo. OpenLaszlo
OpenLaszlo Spis Treści 1 OpenLaszlo Co to jest? Historia Idea Architektura Jako Flash lub DHTML Jako servlet lub SOLO Jak to działa? Język LZX Struktura programu Skrypty Obiekty i klasy Atrybuty i metody
Funkcje i instrukcje języka JavaScript
Funkcje i instrukcje języka JavaScript 1. Cele lekcji a) Wiadomości Uczeń : zna operatory i typy danych języka JavaScript, zna konstrukcję definicji funkcji, zna pętlę If i For, Do i While oraz podaje
Podstawy technologii WWW
Podstawy technologii WWW Ćwiczenie 14 AJAX, czyli jak odświeżyć bez odświeżania, część trzecia Na dzisiejszych zajęciach będziemy kontynuować realizację serwisu do wymiany wiadomości z wykorzystaniem technologii
Ćwiczenie: JavaScript Cookies (3x45 minut)
Ćwiczenie: JavaScript Cookies (3x45 minut) Cookies niewielkie porcje danych tekstowych, które mogą być przesyłane między serwerem a przeglądarką. Przeglądarka przechowuje te dane przez określony czas.
Rys.2.1. Drzewo modelu DOM [1]
1. CEL ĆWICZENIA Celem ćwiczenia jest przedstawienie możliwości wykorzystania języka JavaScript do tworzenia interaktywnych aplikacji działających po stronie klienta. 2. MATERIAŁ NAUCZANIA 2.1. DOM model
Bazy Danych i Usługi Sieciowe
Bazy Danych i Usługi Sieciowe Język PHP Paweł Witkowski Wydział Matematyki, Informatyki i Mechaniki Jesień 2011 P. Witkowski (Wydział Matematyki, Informatyki i Mechaniki) BDiUS w. VIII Jesień 2011 1 /
Tworzenie Stron Internetowych. odcinek 10
Tworzenie Stron Internetowych odcinek 10 JavaScript JavaScript (ECMAScript) skryptowy język programowania powszechnie używany w Internecie. Skrypty JS dodają do stron www interaktywność i funkcjonalności,
Część I Dostęp do danych oraz moŝliwości programowe (silnik bazy danych)
Spis treści Wstęp... xi Część I Dostęp do danych oraz moŝliwości programowe (silnik bazy danych) 1 Program SQL Server Management Studio oraz język Transact SQL... 3 Omówienie programu SQL Server Management
Generated by Foxit PDF Creator Foxit Software http://www.foxitsoftware.com For evaluation only. System Szablonów
System Szablonów System szablonów System szablonów to biblioteka, która pozwala oddzielić warstwę prezentacji od warstwy logicznej. Aplikacja WWW najpierw pobiera wszystkie dane, przetwarza je i umieszcza
Tworzenie i wykorzystanie usług sieciowych
Ćwiczenie 14 Temat: Tworzenie i wykorzystanie usług sieciowych Cel ćwiczenia: W trakcie ćwiczenia student zapozna się z procedurą tworzenia usługi sieciowej w technologii ASP.NET oraz nauczy się tworzyć
Liczba godzin. N (nauczyciel) studia niestacjonarne
OPIS MODUŁU KSZTAŁCENIA (przedmiot lub grupa przedmiotów) Nazwa modułu Przedmioty Wprowadzenie do programowania aplikacji internetowych Nazwa jednostki prowadzącej przedmiot Instytut Matematyki kierunek
Cw.12 JAVAScript w dokumentach HTML
Cw.12 JAVAScript w dokumentach HTML Wstawienie skryptu do dokumentu HTML JavaScript jest to interpretowany, zorientowany obiektowo, skryptowy język programowania.skrypty Java- Script mogą być zagnieżdżane
Zakres tematyczny dotyczący podstaw programowania Microsoft Office Excel za pomocą VBA
Zakres tematyczny dotyczący podstaw programowania Microsoft Office Excel za pomocą VBA 1 Rozdział 1 Praca z makropoleceniami Opis: W tym rozdziale kursanci przechodzą przez wprowadzenie do programowania
TOPIT Załącznik nr 3 Programowanie aplikacji internetowych
Szkolenie przeznaczone jest dla osób chcących poszerzyć swoje umiejętności o tworzenie rozwiązań internetowych w PHP. Zajęcia zostały przygotowane w taki sposób, aby po ich ukończeniu można było rozpocząć
Aplikacje WWW. Możliwość wykorzystania elementów interfejsu użytkownika znanych z aplikacji Windows tj. wskaźniki postępu.
Laboratorium z przedmiotu Aplikacje WWW - zestaw 07 Cel zajęć. Celem zajęć jest zapoznanie się z technologią AJAX w aplikacjach WWW. Wprowadzenie teoretyczne. Rozważana w ramach niniejszych zajęć tematyka
Front-end: solidne podstawy. Wszystko, co warto wiedzieć o HTML, CSS, JavaScript i Bootstrap.
Kod szkolenia: Tytuł szkolenia: FRONT-END Front-end: solidne podstawy. Wszystko, co warto wiedzieć o HTML, CSS, JavaScript i Bootstrap. Dni: 5 Opis: Adresaci szkolenia Kurs przeznaczony jest zarówno dla
Ministerstwo Finansów
Ministerstwo Finansów Departament Informatyzacji Specyfikacja Wejścia-Wyjścia Wersja 1.0 Warszawa, 16.02.2017 r. Copyright (c) 2017 Ministerstwo Finansów MINISTERSTWO FINANSÓW, DEPARTAMENT INFORMATYZACJI
HTML, CSS i JavaScript / Laura Lemay, Rafe Colburn, Jennifer Kyrnin. Gliwice, cop Spis treści
HTML, CSS i JavaScript / Laura Lemay, Rafe Colburn, Jennifer Kyrnin. Gliwice, cop. 2017 Spis treści O autorach 11 Wprowadzenie 13 CZĘŚĆ I ROZPOCZĘCIE PRACY Lekcja 1. Co oznacza publikowanie treści w sieci
Programowanie obiektowe
Laboratorium z przedmiotu Programowanie obiektowe - zestaw 07 Cel zajęć. Celem zajęć jest zapoznanie z praktycznymi aspektami tworzenia aplikacji okienkowych w C#. Wprowadzenie teoretyczne. Rozważana w
WYKŁAD 3 XML DOM XML DOCUMENT OBJECT MODEL CZĘŚĆ 1
WYKŁAD 3 XML DOM XML DOCUMENT OBJECT MODEL CZĘŚĆ 1 XML DOM (ang. XML Document Object Model Obiektowy Model Dokumentu XML) Inaczej drzewo DOM to hierarchiczny, obiektowy model dokumentu XML. DOM to platforma
Komunikacja i wymiana danych
Budowa i oprogramowanie komputerowych systemów sterowania Wykład 10 Komunikacja i wymiana danych Metody wymiany danych Lokalne Pliki txt, csv, xls, xml Biblioteki LIB / DLL DDE, FastDDE OLE, COM, ActiveX
Podstawy technologii WWW
Podstawy technologii WWW Ćwiczenie 8 PHP, czyli poczatki nowej, dynamicznej znajomosci Na dzisiejszych zajęciach rozpoczniemy programowanie po stronie serwera w języku PHP. Po otrzymaniu żądania serwer
TECHNOLOGIE INTERNETOWE WYKŁAD 6. JavaScript Funkcje i obiekty
1. Co to jest funkcja? Funkcja jest oddzielnym blokiem kodu, który może być wielokrotnie wykonywany w danym programie, poprzez jej wielokrotne wywoływanie. Do funkcji przekazujemy przeważnie jakieś argumenty,
REFERAT O PRACY DYPLOMOWEJ
REFERAT O PRACY DYPLOMOWEJ Temat pracy: Projekt i budowa systemu zarządzania treścią opartego na własnej bibliotece MVC Autor: Kamil Kowalski W dzisiejszych czasach posiadanie strony internetowej to norma,
Programowanie obiektowe
Programowanie obiektowe Laboratorium 1. Wstęp do programowania w języku Java. Narzędzia 1. Aby móc tworzyć programy w języku Java, potrzebny jest zestaw narzędzi Java Development Kit, który można ściągnąć
Ćwiczenie 8. Kontrolki serwerowe
Ćwiczenie 8 Temat: Kontrolki serwerowe ASP.NET cz.2 Cel ćwiczenia: W ramach tego ćwiczenie student zapozna się z kolejnymi kontrolkami serwerowymi oraz z metodami ich walidacji, a także z kontrolkami umożliwiającymi
Efektywne tworzenie aplikacji webowych z wykorzystaniem AngularJS, HTML5 i JavaScript
Kod szkolenia: Tytuł szkolenia: HTML5/ANG Efektywne tworzenie aplikacji webowych z wykorzystaniem AngularJS, HTML5 i JavaScript Dni: 5 Opis: Adresaci szkolenia: Kurs przeznaczony jest dla programistów
Bazy danych 2. Wykład 1
Bazy danych 2 Wykład 1 Sprawy organizacyjne Materiały i listy zadań zamieszczane będą na stronie www.math.uni.opole.pl/~ajasi E-mail: standardowy ajasi@math.uni.opole.pl Sprawy organizacyjne Program wykładu
ITA-103 Aplikacje Internetowe. Piotr Bubacz. Moduł 13. Wersja 1 ASP.NET AJAX
Piotr Bubacz Moduł 13 Wersja 1 Spis treści... 1 Informacje o module... 2 Przygotowanie teoretyczne... 3 Przykładowy problem... 3 Podstawy teoretyczne... 3 Uwagi dla studenta... 7 Dodatkowe źródła informacji...
1.Formatowanie tekstu z użyciem stylów
1.Formatowanie tekstu z użyciem stylów Co to jest styl? Styl jest ciągiem znaków formatujących, które mogą być stosowane do tekstu w dokumencie w celu szybkiej zmiany jego wyglądu. Stosując styl, stosuje
JQuery. $('#pierwszy').css('color','red').hide('slow').show(3000); $(document).ready(function() { //... tutaj nasze skrypty jquery //...
JQuery jquery (jquery.com) to jedna z najbardziej popularnych bibliotek/frameworków do javascript. Jej popularność oczywiście znikąd się nie bierze. Dzięki tej bibliotece jesteśmy w stanie o wiele szybciej
PHP: bazy danych, SQL, AJAX i JSON
1 PHP: bazy danych, SQL, AJAX i JSON SYSTEMY SIECIOWE Michał Simiński 2 Bazy danych Co to jest MySQL? Jak się połączyć z bazą danych MySQL? Podstawowe operacje na bazie danych Kilka dodatkowych operacji
Programowanie Multimediów. Programowanie Multimediów JAVA. wprowadzenie do programowania (3/3) [1]
JAVA wprowadzenie do programowania (3/3) [1] Czym jest aplikacja Java Web Start? Aplikacje JAWS są formą pośrednią pomiędzy apletami a aplikacjami Javy. Nie wymagają do pracy przeglądarki WWW, jednak mogą
Uwagi dotyczące notacji kodu! Moduły. Struktura modułu. Procedury. Opcje modułu (niektóre)
Uwagi dotyczące notacji kodu! Wyrazy drukiem prostym -- słowami języka VBA. Wyrazy drukiem pochyłym -- inne fragmenty kodu. Wyrazy w [nawiasach kwadratowych] opcjonalne fragmenty kodu (mogą być, ale nie
Umieszczanie kodu. kod skryptu
PHP Definicja PHP jest językiem skryptowym służącym do rozszerzania możliwości stron internetowych. Jego składnia jest bardzo podobna do popularnych języków programowania C/C++, lecz jest bardzo uproszczona
Paweł Rajba, pawel.rajba@continet.pl
Paweł Rajba, pawel.rajba@continet.pl Wprowadzenie Zalety Wady XMLHttpRequest AJAX w praktyce AJAX + jquery Literatura Z czego się składa? JavaScript + DOM Obiekt XMLHttpRequest Jakakolwiek technologia
Projekt: Mikro zaprogramowane na sukces!
Projekt współfinansowany przez Unię Europejską w ramach Europejskiego Funduszu Społecznego Projekt: Mikro zaprogramowane na sukces! Opis autoryzowanych szkoleń Microsoft planowanych do realizacji w ramach
KARTA KURSU. Przetwarzanie dokumentów XML i zaawansowane techniki WWW
KARTA KURSU Nazwa Nazwa w j. ang. Przetwarzanie dokumentów XML i zaawansowane techniki WWW XML processing and advanced web technologies Kod Punktacja ECTS* 3 Koordynator dr Maria Zając Zespół dydaktyczny:
Pierwsza strona internetowa
HTML i CSS Pierwsza strona internetowa Rozpoczynając pracę na swoim komputerze powinieneś posiadać: dowolny edytor tekstowy (np. Notatnik), dostęp do Internetu, Microsoft Visual Studio. Podstawy formatowania
Ajax. Æwiczenia IDZ DO KATALOG KSI EK TWÓJ KOSZYK CENNIK I INFORMACJE CZYTELNIA PRZYK ADOWY ROZDZIA. SPIS TREœCI KATALOG ONLINE
IDZ DO PRZYK ADOWY ROZDZIA SPIS TREœCI KATALOG KSI EK KATALOG ONLINE Ajax. Æwiczenia Autor: Marcin Lis ISBN: 83-246-0686-6 Format: A5, stron: 168 Przyk³ady na ftp: 32 kb ZAMÓW DRUKOWANY KATALOG TWÓJ KOSZYK
Słowem wstępu. Część rodziny języków XSL. Standard: W3C XSLT razem XPath 1.0 XSLT Trwają prace nad XSLT 3.0
Słowem wstępu Część rodziny języków XSL Standard: W3C XSLT 1.0-1999 razem XPath 1.0 XSLT 2.0-2007 Trwają prace nad XSLT 3.0 Problem Zakładane przez XML usunięcie danych dotyczących prezentacji pociąga
PROGRAM NAUCZANIA DLA ZAWODU TECHNIK INFORMATYK, 351203 O STRUKTURZE PRZEDMIOTOWEJ
PROGRAM NAUCZANIA DLA ZAWODU TECHNIK INFORMATYK, 351203 O STRUKTURZE PRZEDMIOTOWEJ Systemy baz danych 1. 2 Wstęp do baz danych 2. 2 Relacyjny model baz danych. 3. 2 Normalizacja baz danych. 4. 2 Cechy
Facelets ViewHandler
JSF i Facelets Wprowadzenie JSP (JavaServer Pages) są natywną i najczęściej używaną technologią do tworzenia warstwy prezentacyjnej dla JSF (JavaServer Faces) Istnieją alternatywne technologie opisu wyglądu
Wyrażenie include(sciezka_do_pliku) pozwala na załadowanie (wnętrza) pliku do skryptu php. Plik ten może zawierać wszystko, co może się znaleźć w
Wyrażenie include(sciezka_do_pliku) pozwala na załadowanie (wnętrza) pliku do skryptu php. Plik ten może zawierać wszystko, co może się znaleźć w obrębie skryptu. Wyrażenia include() i require() są niemal
Rola języka XML narzędziem
Wprowadzenie do XML dr inż. Adam Iwaniak Szkolenie w Luboradzy, ZCPWZ, 12-13.02.2009r. Rola języka XML narzędziem Pierwszą rewolucją internetową było dostarczenie ludziom informacji. Znajdujemy się teraz
JAVAScript w dokumentach HTML - przypomnienie
Programowanie obiektowe ćw.1 JAVAScript w dokumentach HTML - przypomnienie JavaScript jest to interpretowany, zorientowany obiektowo, skryptowy język programowania. Skrypty JavaScript są zagnieżdżane w
T-SQL dla każdego / Alison Balter. Gliwice, cop Spis treści. O autorce 11. Dedykacja 12. Podziękowania 12. Wstęp 15
T-SQL dla każdego / Alison Balter. Gliwice, cop. 2016 Spis treści O autorce 11 Dedykacja 12 Podziękowania 12 Wstęp 15 Godzina 1. Bazy danych podstawowe informacje 17 Czym jest baza danych? 17 Czym jest
Zacznij Tu! Poznaj Microsoft 2012. Visual Basic. Michael Halvorson. Przekład: Joanna Zatorska
Zacznij Tu! Poznaj Microsoft 2012 Visual Basic Michael Halvorson Przekład: Joanna Zatorska APN Promise, Warszawa 2013 Spis treści Wstęp...................................................................vii
EXSO-CORE - specyfikacja
EXSO-CORE - specyfikacja System bazowy dla aplikacji EXSO. Elementy tego systemu występują we wszystkich programach EXSO. Może on ponadto stanowić podstawę do opracowania nowych, dedykowanych systemów.
Microsoft.NET: LINQ to SQL, ASP.NET AJAX
Microsoft.NET: LINQ to SQL, ASP.NET AJAX Do realizacji projektu potrzebne jest zintegrowane środowisko programistyczne Microsoft Visual Studio 2008 oraz serwer bazy danych SQL Server Express 2005 (lub
JAVAScript w dokumentach HTML (1)
JAVAScript w dokumentach HTML (1) JavaScript jest to interpretowany, zorientowany obiektowo, skryptowy język programowania. Skrypty JavaScript mogą być zagnieżdżane w dokumentach HTML. Instrukcje JavaScript
Extensible Markup Language (XML) Wrocław, Java - technologie zaawansowane
Extensible Markup Language (XML) Wrocław, 15.03.2019 - Java - technologie zaawansowane Wprowadzenie XML jest językiem znaczników (ang. markup language) używanym do definiowania zbioru zasad rozmieszczenia
Języki skryptowe w programie Plans
Języki skryptowe w programie Plans Warsztaty uŝytkowników programu PLANS Kościelisko 2010 Zalety skryptów Automatyzacja powtarzających się czynności Rozszerzenie moŝliwości programu Budowa własnych algorytmów
Referat z przedmiotu Technologie Internetowe SPIS TREŚCI
SPIS TREŚCI 1.Dwie metody przekazu danych do serwera 2 2.Metoda GET przykład 3 3.Metoda POST przykład 4 4.Kiedy GET a kiedy POST 5 5.Szablony po co je stosować 7 6.Realizacja szablonu własną funkcją 8
Instrukcja użytkownika
Instrukcja użytkownika Bydgoszcz 2017 Strona: 1/12 Spis treści 1 Konfiguracja i obsługa funkcjonalności... 3-1.1 Wstęp... 3 1.2 Konfiguracja stacji klienckiej... 3 1.3 Weryfikacja istniejącego dokumentu...
XML extensible Markup Language. część 5
XML extensible Markup Language część 5 JavaScript Co to jest JavaScript? JavaScript był zaprojektowany w celu dodania interaktywności do stron HTML JavaScript jest językiem skryptowym JavaScript jest zwykle
Plan dzisiejszego wykładu. Narzędzia informatyczne w językoznawstwie. XML - Definicja. Zalety XML
Plan dzisiejszego wykładu Narzędzia informatyczne w językoznawstwie Perl - Wprowadzenie do XML Marcin Junczys-Dowmunt junczys@amu.edu.pl Zakład Logiki Stosowanej http://www.logic.amu.edu.pl 16. kwietnia
Obiektowy model dokumentu. Katedra Mikroelektroniki i Technik Informatycznych
Katedra Mikroelektroniki i Technik Informatycznych Łódź, 14 października 2005 roku Wstęp DOM Document Object Model zapewnia: Zbiór obiektów reprezentujących dokumenty XML i HTML. Model łączenia obiektów.
JAVASCRIPT PODSTAWY. opracowanie: by Arkadiusz Gawełek, Łódź
JAVASCRIPT PODSTAWY materiały dydaktyczne dla uczniów słuchaczy opracowanie: 2004-2007 by Arkadiusz Gawełek, Łódź 1. Czym jest JavaScript JavaScript tak naprawdę narodził się w firmie Netscape jako LiveScript,
CZYM JEST JAVASCRIPT?
JAVASCRIPT JAVASCRIPT - CECHY Język skryptowy stosowany w sieci WWW Stosowany przez autorów witryn WWW głównie w celu: poprawy wyglądu stron walidacji danych z formularzy wykrywania typu przeglądarki tworzenia
Krótki kurs JavaScript
Krótki kurs JavaScript Java Script jest językiem wbudowanym w przeglądarkę. Gdy ma się podstawy nabyte w innych językach programowania jest dość łatwy do opanowania. JavaScript jest stosowany do powiększania
Serwery Statefull i Stateless
Serwery Statefull i Stateless Wszystkie serwery aplikacji są określone jako stateless podczas projektowania. Te aplikacje nie przetrzymują stałego połączenia z klientem. Wysyłają one pakiety danych na
Instrukcja konfiguracji funkcji skanowania
Instrukcja konfiguracji funkcji skanowania WorkCentre M123/M128 WorkCentre Pro 123/128 701P42171_PL 2004. Wszystkie prawa zastrzeżone. Rozpowszechnianie bez zezwolenia przedstawionych materiałów i informacji
Platformy programistyczne:.net i Java L ABORATORIUM 7,8: HACKATHON - JTTT
Platformy programistyczne:.net i Java L ABORATORIUM 7,8: HACKATHON - JTTT O co chodzi? - Przypomnienie Hackathon - http://en.wikipedia.org/wiki/hackathon A hackathon is an event in which computer programmers
Projektowanie aplikacji internetowych Tworzenie własnego portalu Internetowego przy użyciu oprogramowania SharePoint Services
Instrukcja numer W01 Projektowanie aplikacji internetowych Tworzenie własnego portalu Internetowego przy użyciu oprogramowania SharePoint Services SharePoint Zasada działania Zasada działania SharePoint
Wprowadzenie (17) Część I. Makra w Excelu - podstawy (23)
Wprowadzenie (17) Omówione zagadnienia (18) Co trzeba wiedzieć? (18) Co trzeba mieć? (18) Układ książki (18) o Część I. Makra w Excelu - podstawy (19) o Część II. Praca ze skoroszytami (19) o Część III.
REFERAT O PRACY DYPLOMOWEJ
REFERAT O PRACY DYPLOMOWEJ Temat pracy: Projekt i realizacja elektronicznego dziennika ocen ucznia Autor: Grzegorz Dudek wykonanego w technologii ASP.NET We współczesnym modelu edukacji, coraz powszechniejsze