ASP.NET Quickstart Tutorial
Úvod do Visual Web Developer 2005 Express Edition
Visual Web Developer 2005 Express Edition je časť rodiny Microsoft Visual Studio 2005 a je to najlepší nástroj pre budovanie databázových web aplikácií s ASP.NET 2.0. Ako časť rodiny produktov Express, Visual Web Developer prináša jednoduchý a bezproblémový upgrade na produkty Visual Studio Standard, Professional a Team System.
Visual Web Developer je prispôsobený špecifickým potrebám webových vývojárov pomocou nového
webového profilu, ktorý prináša menu a prostredie optimalizované pre webový vývoj. Prostredie
obsahuje perfektný editor HTML kódu a vylepšený dizajner vizuálnej časti stránky, nový systém
projektov, lepšiu podporu pre prácu s dátami a plnú podporu XHTML štandardov.
Tieto rysy dovoľujú vývoj databázových webových aplikácií rýchlejšie a jednoduchšie ako kedykoľvek
predtým.
Lepšia editácia zdrojového kódu
Visual Web Developer má vylepšený editor HTML kódu, ktorý dovoľuje písať a modifikovať Vaše stránky rýchlešie.
Editor zdrojového kódu poskytuje plnú podporu Intellisense a má nové funkcie pre navigáciu a validáciu obsahu.
Intellisense všade
Intellisense -- otváracia ponuka kódu, ktorá sa ukazuje pri písaní kódu -- má dramatický dopad na
Vašu produktivitu ako vývojára. Kým je dnešná podpora Intellisense vo Visual Studiu .NET 2003
výnimočná, podpora vo Visual Web Developer je podstatne lepšia.
Vo Visual Web Developer, Intellisense sa otvára všade. Napríklad môžete využiť plnú podporu Intellisense pri písaní
v bloku skriptov v jednoduchom súbore stránky ASP.NET. Visual Web Developer tiež podporuje
Intellisense Page direktívu a pri písaní CSS atribútových štýlov v stránke.
Visual Web Developer prináša Intellisense pre všetky sekcie v konfiguračnom súbore Web.Config,
a tiež v ľubovolnom XML súbore, ktorý obsahuje DTD alebo XML schému.
Intellisense použitý v jednoduchej ASP.NET stránke
Zachovanie HTML kódu
Visual Web Developer rešpektuje Vaše HTML. Formátovanie Vašich HTML značiek -- vrátane
všetkych medzier, veľkosti písma, odriadkovania, a zalamovania riadkov -- je teraz zachované
tak, ako bolo originálne napísané vždy, keď sa prepnete medzi zobrazením designu a kódu a opačne.
Môžete plne dôverovať Visual Web Developer-u, ktorý nikdy neporuší Váš kód.
Možnosti formátovania HTML
Visual Web Developer umožňuje presnú kontrolu formátovania všetkých HTML značiek
a značiek ASP.NET serverovských ovládacích prvkov generovaných WYSIWYG dizajnerom.
Môžete nakonfigurovať veľkosť písmen v tagoch, štýly záražiek a charakteristiku zalamovania riadkov
každého HTML tagu alebo tagu serverovského ovládacieho prvku na stránke.
Tieto možnosti formátovania môžete nastaviť ako predvolené pre všetky značky a tiež pre každý tag osobitne.
Tieto možnosti Vám dovoľujú mať plnú kotrolu nad ovládacími prvkami, ich generovaním a formátovaním ich značiek.
Nastavenie HTML formátu môže byť exportované a importované z Visual Web Developera, čo dovoľuje
zdieľať Vaše štandardy medzi všetkými vývojármi v tíme.
Visual Web Developer tiež dovoľuje jednoducho aplikovať pravidlá formátovania na už existujúce
zdroje značiek (čiže máte možnosť nafrmátovať už existujúce web stránky podľa nových pravidiel).
Tag Navigator
Editor HTML kódu vo Visual Web Developer-i prichádza s Tag navigátorom, ktorý pomáha vývojárom jednoducho
sledovať ich pozíciu a navigovať sa v zložitom HTML dokumente. Tag navigátor zobrazuje aktuálnu "cestu"
v zdrojovom kóde HTML stránky zobrazením všetkých HTML tagov, ktoré obsahujú tag na ktorom stojí aktuálne kurzor.
Klikaním na ľubovolnú nódu dovoľuje vývojárom jednoduchý a rýchly pohub hore a dolu v zložitej HTML hierarchii.
Predstavte si napríklad, že editujete zdroj HTML stránky s niekoľkonásobne vnorenými HTML tabuľkami.
Editovanie vnorených HTML tabuliek môže byť podstatne náročné a je jednoduché sa v nich stratiť.
Tag navigátor Vám pomáha zabrániť strateniu sa v dokumente, pretože Vám zobrazuje aktuálnu cestu v hierarchii
elementov tabuľky.
Návrh tagov
Navrhovanie tagov vám dovoľuje pracovať oveľa efektívnejšie s veľkými HTML dokumentami.
S touto funkciou, kliknutím pravým tlačítkom myši na ľubovolný HTML tag v editore zdrojového kódu
a vyberiete Collapse Tag, skryjete (zbalíte) obsah tohoto tagu.
Zbalením rôznych častí HTML kódu máte jednoduchšiu možnosť pracovať iba s potrebnou časťou HTML kódu.
Flexible Browser Targeting and Validation
Visual Web Developer Vám dovoľuje jednoducho definovať špecifický HTML štandard alebo prehliadač
pri písaní Vašich HTML stránok. Napríklad, môžete prispôsobiť Vaše HTML stránky pre prácu s
jednotlivými prehliadačmi ako sú Netscape Navigator 4.0 alebo Internet Explorer 6.0.
Prípadne môžete stránky prispôsobiť štandardom ako sú XHTML 1.0 Strict alebo XHTML 1.0 Transitional.
Váš HTML bude potom validovaný v reálnom čase ako ho píšete v editore kódu. Nesprávny HTML kód
bude automaticky podčiarknutý červenou vlnovkou (tooltip Vám zobrazí vysvetlenie ako je porušený štandard).
Tieto chyby vo validácii sú zhrnuté v reálnom čase v okne "Task List".
Všetky validačné pravidlá prehliadača/štandardu sú pripojené do Visual Web Developera a môžu
byť jednoducho zmenené alebo pridané vývojármi. Visual Web Developer ponúka množstvo
automatických validačných nastavení vrátane zabudovanej podpory pre XHTML, XHTML Transitional a
všetky hlavné desktopové a mobilné prehliadače.
Výber validačného pravidla
Code Refactoring
Code Refactoring Vám dovoľuje robiť zmeny kódu jednoducho a systematicky.
Code Refactoring je podporovaný všade kde môžete písať kód vrátane Code-behind
aj jednoduchých ASP.NET stránok. Napríklad môžete použiť Code Refactoring na automatické usporiadanie
verejných premenných do plných vlastností.
Intellitask
Intellitask je ako super schránka navrhnutá pre prácu s kódom. Intellitask zlepšuje Vašu
produktivitu tým, že Vám umožňuje jednoducho aplikovať štandardné kúsky kódu hocikde v editore kódu.
Stlačením pravého tlačítka myši môžete vkládať bežné kúsky kódu na Vaše stránky.
Visual Web Developer je dodávaný s vyše 200 špecifickými kúskami kódu (code snippets).
Čo je ešte lepšie, môžete pridať Vaše vlastné šablóny kódu do Intellitask, a tak môžete
rýchlo modifikovať Váš kód v budúcnosti.
Bohatší Visual Designer
Visual Web Developer má vylepšený dizajner, pomocou ktorého budete vytvárať
jednoducho a vizuálne ASP.NET web aplikácie. Vďaka výhodám nových dizajnérskych nástrojov
máte možnosť budovať bohaté databázové web aplikácie bez napísania jedného riadku kódu.
ASP.NET Master Page Designer
Master Pages Vám dáva možnosť vytvoriť spoločný vzhľad pre stránky v ASP.NET aplikáciách.
Výhody Master Pages využijete pri vytváraní jednoduchého vzhľadu stránky a tento vzhľad použijete
vo viacerých "Content Pages".
Napríklad môžete použiť Master Page na každej stránke v aplikácii pre zaistenie použitia jednotnej hlavičky,
pätičky a navigačného panelu.
Visual Web Developer poskytuje plnú WYSIWYG podporu pre ASP.NET Master Pages. Po vytvorení Master Page
môžete aplikovať túto šablónu na nové ASP.NET stránky. Visual Web Developer poskytuje vynikajúcu
podporu editácie pri vytváraní stránok založených na týchto šablónach. V dizajnéri pri editácii stránky
(content page) vidíte celú stránku,
vrátane prvkov zo šablńy, kde však môžete editovať iba obsah samotnej stránky a nie šablóny.
Master Pages v dizajnéri
Inteligentné úlohy (Smart Tasks)
Visual Web Developer dovoľuje vykonávať množstvo základných programátorských úloh
priamo z prostredia dizajnéra. Pomocou Inteligentných úloh máte možnosť vytvoriť
obsah, bohaté rysy, databázové web aplikácie bez napísania jedného riadku kódu.
Keď presuniete nový ovládací prvok do plochy dizajnéra, otvorí sa Vám automaticky
otvárací zoznam základných úloh. Pomocou tohoto zoznamu môžete rýchlo nakonfigurovať
vlastnosti ovládacieho prvku a tiež s ním vykonať základné operácie.
Napríklad ked pridáte na stránky ovládací prvok GridView, zoznam základných úloh
(common task list) Vám dovolí nastaviť zoraďovanie (sorting), stránkovanie (paging)
alebo editáciu GridView.
Keď pridáte ovládací prvok TextBox na stránku zoznam základných úloh Vám poskytne
rýchle napojenie na validačný ovládací prvok.
GridView nastavenia pomocou Inteligentných úloh (Smart Tasks)
Vylepšená editácia ASP.NET šablón
Visual Web Developer má lepšiu podporu dizajnera na editáciu šablón. Vlastnosti editácie
nových šablón využijete pri práci s dátovými ovládacími prvkami ako sú DataList a GridView ovládacie prvky.
Keď pridávate ovládací prvok do šablóny v dizajneri, môžete jednoducho špecifikovať výraz databound
na prepojenie s vlastnosťami ovládacieho prvku. Napríklad ak pretiahnete TextBox ovládací prvok
do šablóny, môžete napojiť vlastnosť Text na potrebné pole z dátového zdroja.
Okno Edit Databindings poskytované dizajnerom Vám dovoľuje jednoduché pripojenie poľa podľa mena.
Vylepšená editácia tabuliek
Visual Web Developer má lepšie možnosti editácie HTML tabuliek. Vylepšené okno
Insert Table Vám prináša možnosť jednuchej definície HTML tabuľky a jej pridania na plochu dizajnéra.
Získavate tiež možnosti zmeny veľkosti tabuľky, stĺpcov a riadkov priamo v dizajnéri
(kliknutím a ťahaním potrebného elementu).
Lepšie Web Projekty
Visual Web Developer prináša väčšiu flexibilitu a rysy pre správu súborov vo webovom
projekte. Nový systém webových projektov obsahuje nové nástroje pre prístup,
kompiláciu a publikovanie Vašich projektov web aplikácií.
Podpora súborového systému
Visual Web Developer prináša možnosti vytvárania nových Web aplikácií v ľubovolnom priečinku
na Vašom počítači. Keď vytvárate projekt typu súborový systém (file system project) nepotrebuejte
mať na počítači IIS ani Front Page Server Extensions. Základný bod pre štart zostavovania web stránok
je jednoduchý priečinok.
Vytvorenie File System Web site
Visual Web Developer obsahuje vlastný zabudovaný ASP.NET Web server. Toto dovoľuje vývoj
a ladenie aplikácií na počítači bez IIS.
Tiež to dovoľuje vývoj aplikácií používateľom bez administrátorských oprávnení na počítači.
Zabudovaný web server Vám prináša bezpečnejšiu cestu vývoja aplikácií na vývojarskom počítači.
Zabudovaný web server nemôže byť kontaktovaný vzdialene (je dostupný iba pre lokálny prehliadač
na počítači) a je automaticky ukončený pri zatvorení prostredia Visual Web Developer.
Podpora lokálneho IIS (nie sú vyžadované FrontPage Server Extensions)
Visual Web Developer teraz prináša jednoduchšiu prácu s projektami, ktoré bežia na IIS Web Serveri.
Môžete vytvoriť nový IIS projekt a môžete prezerať všetky Web sídla a aplikácie konfigurované
na Vašom počítači. Máte možnosť vytvoriť nové IIS Web aplikácie alebo virtuálne adresáre priamo
z okna New Web Site.
FrontPage Server Extensions (FPSE) už nie sú potrebné pre lokálny vývoj IIS web aplikácií.
Môžete vytvoriť a plne spravovať Vaše web sídla bez inštalovaného alebo konfigurovaného FPSE.
Podpora FTP
Visual Web Developer prináša podporu pre editáciu a zmeny vzialených web projektov pomocou
klasického štandardu File Transfer Protocol (FTP). Môžete rýchlo pripojiť vzdialené web sídlo
pomocou FTP priamo v oknách New Web Site a Open Web Site.
Lepšie publikovanie webov
Pomocou Visual Web Developer môžete teraz publikovať Web sídlo na vzdialený server
jednoduchšie ako kedykoľvek predtým. Zabudované funkcie publikovania dovoľujú vývojárom
udržiavať synchronizované súbory na lokálnom počítači a vzdialenom serveri.
Visual Web Developer automaticky zaznamenáva zmeny pre všetky súbory a
dáva vývojárom podporu na jednoduchú identifikáciu, ktoré súbory boli naposledy zmenené.
Publikovanie webového sídla na vzdialený server
Predkompilácia ASP.NET Web sídiel
Visual Web Developer teraz obsahuje zabudoavnú podporu pre predkompiláciu ASP.NET 2.0 aplikácií.
Môžete automaticky validovať a kompilovať kompletný kód v projekte a vystaviť do výstupného adresára
iba kompilované dll zostavenia a Web.config súbor (všetky HTML stránky a .aspx súbory môžu byť
voliteľne odstránené).
Výsledný kód môžete tiež ochrániť výsledný kód (obfuscate) pre lepšiu ochranu intelektuálneho vlastníctva.
Predkompilácia (pre-compilation) dovoľuje vývojárom jednoduchšie zostavovať a predávať ASP.NET
aplikácie bez ich zdrojových kódov. Tiež to prináša zlepšenie výkonu na produkčných serveroch.
Lepšia podpora prístupu k dátam
Visual Web Developer prináša omnoho jednoduchšiu prácu s dátami vo Vašich aplikáciách.
Drag and Drop prístup k dátam
Môžete jednoducho vytvoriť web stránky s pripojením na databázu pomocou pretiahnutia ovládacích
prvkov na stránku. Vďaka výhodám nových ASP.NET 2.0 dátových ovládacích prvkov, môžete sa jednoducho
pripojiť na databázu, získať záznamy z databázy a upravovať tieto záznamy bez napísania
aplikačného kódu (alebo Visual Studio napíše potrebný kód za Vás!).
Prestavte si napríklad, ze potrebujete zobraziť všetky záznamy z tabuľky Produkty
z Microsoft SQL Servera na Web stránku. Nato stačí jednoducho predtiahnuť dva ovládacie prvky
na stránku: SqlDataSource a GridView. Nastavením pár vlastností týchto ovládacích prvkov
môžete automaticky získať a zobraziť záznamy na Web stránke.
Dizajnér dátovej vrstvy
Visual Web Developer poskytuje zabudovanú podporu dizajnéra pre budovanie a údržbu
dátovej vrstvy aplikácie priamo z Vašej web aplikácie. Data dizajnér dáva možnosť vývojárom
modelovať databázové tabuľky a uložené procedúry ako komponenty, ktoré zapúzdrujú procedurálnu
logiku ADO.NET dátového prístupu.
Môžete jednoducho pristupovať a editovať Vaše dáta z web stránok a tiež z aplikačných objektov
týchto dátových komponent.
Výkonné pripájanie dátových objektov (data binding)
Visual Web Developer poskytuje rýchle vytváranie 3 vrstvých aplikácií s oddelenou
prezentačnou, business a dátovou vrstvou. Vďaka novému ovládaciemu prvku ASP.NET ObjectDataSource
môžete deklaratívne pripájať dátové ovládacie prvky -- napr. GridView, DataList
a DropDownList ovládacie prvky --
na business alebo dátové komponenty namiesto priameho pripájania na databázu.
Toto dovoľuje čisté zapúzdrenie a abstrakciu funkcionality vo Vašej aplikácii
a eliminuje potrebu písania kódu
na prístup k dátam v prezentačnej vrstve aplikácie.
Vývojové prostredie automiticky navádza vývojárov celým procesom pripájania dátových ovládacích prvkov
na business objeky. Vývojári sú žiadaní na výber potrebných metód z business objektu na použitie
výberu, vkladania, úprav a mazania dát. Žiaden kód nie je požadovaný od vývojára stránky.
Správa reťazcov na prístup k dátam (Connection String Management)
Visual Web Devloper pomáha vyvarovať sa zložitým reťazcom na prístup k dátam vo
Vašich ASP.NET stránkach. Všetky okná a sprievodcovia na pripojenie k databáze Vám dávaju možnosť
uložiť reťazce na prístup k dátam vo Web.config súbore.
Uloženie reťazcov na prístup k dátam vo Web.config súbore dáva týmto reťazcom lepšiu možnosť
správy a bezpečnosť. Ak potrebujete zmeniť heslo k databáze, meníte ho iba na jednom mieste.
ASP.NET 2.0 MMC Administračný nástroj automaticky poskytuje admistrátorovi jednoduché rozhranie
pre zmenu reťazcov na prístup k dátam na serveri. Tento nástroj poskytuje možnosť zašifrovať tieto
reťazce na produkčných serveroch.
Lepšia podpora štandardov
Visual Web Developer prináša jednoduchšie budovanie aplikácií, ktoré spĺňajú priemyselné
a vládne štandardy. Vývojové prostredie obsahuje nové nástroje pre podporu W3C
štandardov ako XHTML a vládne štandardy ako sú štandardy dostupnosti.
XHTML validný dizajnér
Všetok HTML kód generovaný prostredím Visual Web Developer je XHTML validný.
Napríklad všetky formátovacie možnosti dostupné z tlačídlovej lišty generuje
HTML, ktorý je XHTML validný. Všetky tagy generované dizajnérom sú tiež validné podľa XHTML.
Okrem podpory XHTML dizajnéra, Visual Web Developer poskytuje nástroje pre napomáhanie
písania XHTML validného kódu. Keď pracujete v editore zdrojového kódu (source editor)
môžete validovať Váš HTML zdrojový kód znovy podľa XHTML
1.0 Transitional alebo XHTML 1.0 Strict štandardov. Ak nie je kód úspešne validovaný
budete navádzaný na vyriešenie problémov v kóde.
Kontrolór dostupnosti
Creating accessible Web pages -- Web pages which can be used by persons with disabilities
-- is a requirement for many government agencies and large corporations. Visual Web Developer now enables
you to easily validate and enforce accessibility standards.
Vytvorenie dostupných web stránok -- web stránok, ktoré môžu byť použité osobami s postihnutím --
je požiadavka pre viaceré vládne agentúru a veľké spoločnosti. Visual Web Developer ponúka možnosti
pre jednoduchú validáciu a vynucovanie štandardov dostupnosti.
Môžete využiť intergovaný Visual Web Developer Accessibility Checker (dostupný vo Visual Studio Standard alebo vyššom) pre rýchle identifikovanie problémov s dostupnosťou v aplikácii. Accessibility Checker validuje
Vaše ASP.NET stránky znovu podľa Sekcie 508 a W3C Web Content Accessibility
Guidelines (WCAG) štandardu a automaticky Vám vypíše problémy do zoznamu úloh (IDE Task List).
Zhrnutie
Visual Web Developer je najlepší vývojársky nástroj pre budovanie dynamických, databázových web aplikácií
s ASP.NET 2.0. Podľa informácií na tejto stránke a ukážok v tejto príručke vidíte hlavné výhody pre vývojárov
web aplikácií. S Visual Web Developer a ASP.NET vylepšeniami budete budovať bohatšie databázové
aplikácie rýchlejšie a jednoduchšie ako kedykoľvek predtým.
|