Wyk 1b 3xApp, szkoła, Projektowanie Aplikacji Internetowych


Wykład 1b

Język C#

Środowisko programistyczne VS 2005

Trzy typy aplikacji

Aplikacja konsolowa

  • Widzimy okna:

    1. “Code and text editor” - “edytor kodu i tekstu” - domyślnie zajmuje największą część ekranu IDE (Integrated Development Environment - Zintegrowane środowisko programistyczne),

      1. Tu piszemy i edytujemy kod źródłowy

      2. Tu automatycznie powstała domyślna część kodu programu

    2. „Solution Explorer” - odpowiednik eksploratora Windows, wyświetla pliki związane z projektem

    3. „Properties” - tu wyświetlane są i mogą być zmieniane własności „obiektów”

    4. W ustalonej lokalizacji powstały katalogi i pliki:

      1. „Solution” - plik leżący najwyżej w hierarchii plików aplikacji, jeden plik dla całej „solucji (rozwiązania)”, plik tekstowy.

        1. HejNazwisko.sln

      2. W tym samym katalogu jest plik „Solution User Options” (.suo), opisuje strukturę składowania plików, zależności, wybranych opcji, plik binarny.

        1. HejNazwisko.suo

      3. Katalog niżej zwykle nazwa taka jak nazwa projektu

        1. W tym katalogu:

          1. Plik „.csproj” HejNazwisko.csproj - plik projektu

          2. Plik „Program.cs” - jedyny wyświetlany w oknie IDE w oknie Code and text editor.

            1. Plik źródłowy z kodem programisty

            2. Tutaj jest klasa „Progam” z metodą „Main” od której zaczyna się wykonywanie programu.

            3. Uwaga wielkość liter ma znaczenie „Main” i „main” to dwa różne napisy.

            4. Każde polecenie musi kończyć się średnikiem

    0x01 graphic

  • Tworzenie interfejsu użytkownika

    1. Z karty „Toolbox”, z podzbioru „Common Controls” wybieramy:

      1. Kontrolkę „Label” - label1

        1. Ustawiamy jej własności w karcie „Properties”

          1. Text = „Podaj swoje imię:”

      2. Kontrolkę „TextBox” - textBox1

      3. Kontrolkę „Button” - button1

      4. Kontrolkę „Label” - label1

      5. Możemy zobaczyć kod częściowy związany z budowanym interfejsem

        1. W Solution Explorer zaznaczamy - prawy klik - View Code

          1. Otwieramy okno - Edytor kodu częściowego

          2. Widzimy elementy:

            1. „using”

            2. „namespace”

            3. „class”

            4. Reszta kodu jest ukryta

            5. Dopiszemy kod obsługi przycisku button1

              1. Dwuklik w przycisk

                1. Wpisujemy kod:

            private void button1_Click(object sender, EventArgs e)

            {

            label2.Text = "witaj " + textBox1.Text;

            }

            • Zbuduj aplikację i uruchom.

            Aplikacja sieci WEB

            • Menu, File, New, Web Site.

              1. W oknie New Web Site wybieramy: ASP.NET Web Site

                1. Location: File System (będziemy używać Web serwera pakietu Visual Studio)

                2. Sprawdzamy czy wybrana jest odpowiedni katalog

                3. Dopisujemy podkatalog (nazwa opisująca aplikację)

                4. OK.

                  1. Utworzony zostanie plik o nazwie „Default.aspx”

                  2. Utworzony zostanie katalog „App_Data”

          3. Mamy do dyspozycji dwa okna dostępu do formularza „Default.aspx”

            1. „Design View” - tu widzimy makietę formularza, tu możemy wklejać kontrolki z zakładki Toolbox.

            2. „Source View” - tu widzimy wygenerowany kod HTML.

            3. W oknie „Design” dodamy z zakładki „Toolbox” kontrolki

              1. Label - „Label1”

                1. Zmieniamy własność „text” na „Podaj swoje imię”

              2. TextBox - „Textbox1”

              3. Button - „Button1”

                1. Zmieniamy własność „text” na „Przywitaj mnie komputerze”

              4. Label - „Label2”

              5. Zmieniamy własność „text” na pusty napis

              6. Uwaga - sterowanie pozycjonowania kontrolek

                1. Będąc w oknie „Design”

                  1. Menu, Layout, Position,

                    1. Absolute,

                    2. Relative,

                    3. Auto-position Options…, HTML Designer CSS Positioning

                    4. Dwuklik w „Button1” przenosi nas do okna „Default.aspx.cs” - to okno formularza w którym piszemy obsługujący okno i jego kontrolki kod w C#

                      1. Dwuklik w kontrolkę generuje podstawy kodu domyślnego zdarzenia kontrolki

                    protected void Button1_Click(object sender, EventArgs e)

                    {

                    Label2.Text = "Witaj " + TextBox1.Text + " w świecie aplikacji Web";

                    }

                    • Testowanie formularza sieci Web

                      1. Start Debugging

                        1. Przy pierwszym uruchomieniu pojawi się informacja, że debugowanie jest wyłączone. Godzimy się na modyfikację pliku „Web.config” umożliwiającą debugowanie.

                        2. nic



                  Wyszukiwarka

                  Podobne podstrony:
                  Wykład 8 (2a), szkoła, Projektowanie Aplikacji Internetowych
                  Wykład 1aa, szkoła, Projektowanie Aplikacji Internetowych
                  02.Protokoły, Studia PŚK informatyka, Semestr 5, semestr 5, moje, Pai, Projektowanie aplikacji inter
                  Magia interfejsu Praktyczne metody projektowania aplikacji internetowych
                  pai5, Studia PŚK informatyka, Semestr 5, Projektowanie aplikacji internetowych 1, laborki
                  Projekt aplikacje internetowe
                  Projektowanie dostępnych i funkcjonalnych aplikacji internetowych na przykładzie bazy pomiarów hy
                  Aplikacje internetowe projekt
                  Aplikacje internetowe Kopia
                  Projekt strony internetowej
                  Objawy otrzewnowe, Szkoła, III rok, interna głównie ''P
                  projektowanie stron internetowych

                  więcej podobnych podstron