Udostępnij za pośrednictwem

Instruktaż: Tworzenie aplikacji kliniki wizji

  • Artykuł

W instruktażu przedstawiono od początku do końca proces tworzenia aplikacji w Visual Studio LightSwitch.Będziesz używać wielu funkcji LightSwitch w celu tworzenia aplikacji dla fikcyjnej kliniki okulistycznej.Aplikacja zawiera funkcje do planowania spotkań oraz tworzenia faktur.

Wymagania wstępne

Pobierz bazę danych PrescriptionContoso z Galerii kodów MSDN.

Kroki

  • Utwórz projekt

    Utwórz projekt aplikacji.

  • Definiowanie tabel

    Dodaj jednostki Patient (Pacjent), Invoice (Faktura) i Invoice Detail (Szczegóły faktury).

  • Tworzenie listy wyboru

    Utwórz listę wartości.

  • Definiowanie relacji

    Połącz tabele powiązane.

  • Dodawanie innej jednostki

    Dodaj jednostkę Appointment (Termin wizyty).

  • Utwórz ekran

    Utwórz ekran do wyświetlania pacjentów.

  • Uruchamianie aplikacji

    Uruchom aplikację i wprowadź dane.

  • Połączenie z bazą danych

    Połącz się z zewnętrzną bazą danych.

  • Zmiany w jednostkach

    Zmodyfikuj jednostki Products (Produkty) i Product Rebate (Rabaty produktu).

  • Tworzenie ekranu listy i szczegółów

    Utwórz ekran do wyświetlania produktów.

  • Zmiana układu ekranu

    Modyfikuj układ ekranu listy produktów.

  • Zmiany w trakcie wykonywania

    Wprowadź zmiany w działającej aplikacji.

  • Tworzenie zapytania

    Utwórz zapytanie parametryczne i powiąż ją z ekranem.

  • Dodawanie pola obliczanego

    Utwórz pole obliczane i dodaj je do ekranu.

  • Tworzenie relacji między bazami danych

    Utwórz wirtualną relację między jednostkami w różnych bazach danych.

  • Tworzenie ekranu faktur

    Utwórz ekran do wyświetlania faktur.

  • Modyfikowanie ekranu faktur

    Zmień układ ekranu faktur w działającej aplikacji.

  • Dodawanie logiki ekranu

    Pisanie kodu do obliczania dat.

  • Dodawanie większej liczby pól obliczanych

    Utwórz więcej pól obliczanych i dodaj je do ekranu faktur.

  • Wdrażanie aplikacji

    Opublikuj aplikację jako komputerową aplikację dwuwarstwową.

Utwórz projekt

Pierwszym krokiem w tworzeniu aplikacji LightSwitch jest otwarcie nowego projektu.

Aby utworzyć projekt

  1. W menu Start Windows kliknij Visual Studio 2012.

    Pojawi się projektant LightSwitch.

  2. W menu Plik kliknij opcję Nowy projekt.

    Zostanie otwarte okno dialogowe Nowy projekt.

  3. Na liście Zainstalowane szablony, wybierz węzeł LightSwitch.

  4. W środkowym okienku wybierz opcję LightSwitchAplikacja (VB) lub LightSwitchAplikacja (C#).

  5. W polu Nazwa wpisz Vision Clinic (Klinika okulistyczna), a następnie kliknij OK.

    Pojawi się okno Projektant Kliniki okulistycznej i foldery niezbędne dla projektu zostaną dodane do okna Eksplorator rozwiązań.

    Projekt kliniki okulistycznej

Definiowanie tabel

W LightSwitch, tabele są zwane jednostkami; modelują one obiekt reprezentowany przez dane, a w tym przypadku pacjenta.LightSwitch aplikacje używają modelu "formularzy nad danymi", oznacza to, że formularze lub ekrany wyświetlają dane z jednego lub kilku źródeł.LightSwitch zawiera wewnętrzną bazę danych, używaną do przechowywania danych aplikacji.W następnym kroku utworzysz tabelę bazy danych do przechowywania informacji pacjenta.

Aby utworzyć jednostkę Patient (Pacjent)

  1. W oknie Projektanta Kliniki okulistycznej kliknij opcję Utwórz nową tabelę.

    Projektant danych pojawia się i węzeł Table1Items jest wyświetlany pod Źródłami danych w Solution Explorer.

  2. W oknie Właściwości wybierz właściwość Nazwa i wpisz Patient (Pacjent), a następnie naciśnij klawisz Enter.

    Należy zauważyć, że pasek tytułu Projektant danych zmienia się na „Patient”, a nazwa w Eksploratorze rozwiązań zmienia się na „Patients”.

  3. W kolumnie Nazwa kliknij opcję <Dodaj właściwość> i wpisz FirstName, a następnie naciśnij klawisz Enter.

    Należy zauważyć, że typ danych String pojawia się w kolumnie Typ i że pole wyboru Wymagane jest zaznaczone.Pacjent musi mieć nazwisko.

  4. Kliknij przycisk <Dodaj właściwość> w kolumnie Nazwa i wpisz LastName.

  5. Kliknij przycisk <Dodaj właściwość> w kolumnie Nazwa i wpisz Street.

  6. Kliknij przycisk <Dodaj właściwość> w kolumnie Nazwa i wpisz Street2.

  7. Wyczyść pole wyboru w kolumnie Wymagane.

    Drugi wiersz adresu pocztowego jest opcjonalny.

  8. Kliknij przycisk <Dodaj właściwość> w kolumnie Nazwa i wpisz City.

  9. Kliknij przycisk <Dodaj właściwość> w kolumnie Nazwa i wpisz State.

  10. Kliknij przycisk <Dodaj właściwość> w kolumnie Nazwa i wpisz Zip.

  11. Kliknij przycisk <Dodaj właściwość> w kolumnie Nazwa i wpisz PrimaryPhone.

  12. W kolumnie Typ, wybierz z listy rozwijanej pozycję PhoneNumber.

    PhoneNumber jest niestandardowym typem biznesowym reprezentującym wspólny wzorzec wprowadzania i formatowania numerów telefonów.

  13. Wyczyść pole wyboru w kolumnie Wymagane.

  14. Kliknij przycisk <Dodaj właściwość> w kolumnie Nazwa i wpisz SecondaryPhone.

  15. W kolumnie Typ, wybierz z listy rozwijanej pozycję PhoneNumber.

  16. Wyczyść pole wyboru w kolumnie Wymagane.

  17. Kliknij przycisk <Dodaj pole> w kolumnie Nazwa i wpisz Email.

  18. W kolumnie Typ wybierz z listy rozwijanej pozycję EmailAddress.

    EmailAddress jest innym niestandardowym typem biznesowym, który reprezentuje poprawnie sformatowany adres e-mail.

  19. Wyczyść pole wyboru w kolumnie Wymagane.

  20. Kliknij przycisk <Dodaj właściwość> w kolumnie Nazwa i wpisz PolicyNumber.

  21. W oknie Właściwości wybierz właściwość Maksymalna długość i wpisz 12.

    Uniemożliwi to użytkownikom wprowadzanie numeru polisy z więcej niż 12 znakami.

    Jednostkę pacjenta

  22. W menu Plik kliknij Zapisz wszystko, aby zapisać pracę.

Następnie utworzysz dwie kolejne jednostki reprezentujące elementy faktury i wiersza faktury.

Aby utworzyć jednostki Invoice (Faktura) i InvoiceDetail (Szczegóły faktury)

  1. W Eksploratorze rozwiązań kliknij Data Sources.W menu Projekt kliknij opcję Dodaj tabelę.

    Pojawi się nowe wystąpienie Projektanta danych.

  2. W oknie Właściwości wybierz właściwość Nazwa.Wpisz Invoice, a następnie naciśnij klawisz Enter.

  3. W kolumnie Nazwa kliknij <Dodaj właściwość>.Wpisz InvoiceDate, a następnie naciśnij klawisz Enter.

  4. W kolumnie Typ wybierz z listy rozwijanej pozycję DateTime.

  5. W kolumnie Nazwa kliknij <Dodaj właściwość>.Wpisz InvoiceDue, a następnie naciśnij klawisz Enter.

  6. W kolumnie Typ wybierz z listy rozwijanej pozycję DateTime.

  7. Wyczyść pole wyboru w kolumnie Wymagane.

  8. W kolumnie Nazwa kliknij <Dodaj właściwość>.Wpisz InvoiceStatus, a następnie naciśnij klawisz Enter.

  9. W kolumnie Typ wybierz z listy rozwijanej pozycję Integer.

  10. W kolumnie Nazwa kliknij <Dodaj właściwość>.Wpisz ShipDate, a następnie naciśnij klawisz Enter.

  11. W kolumnie Typ wybierz z listy rozwijanej pozycję DateTime.

    Jednostki faktury

  12. W Eksploratorze rozwiązań kliknij Data Sources.W menu Projekt kliknij opcję Dodaj tabelę.

  13. W oknie Właściwości wybierz właściwość Nazwa i wpisz InvoiceDetail, a następnie naciśnij klawisz Enter.

  14. W kolumnie Nazwa kliknij opcję <Dodaj właściwość>, wpisz Quantity, a następnie naciśnij klawisz Enter.

  15. W kolumnie Typ wybierz z listy rozwijanej pozycję Integer.

  16. Kliknij przycisk <Dodaj właściwość> w kolumnie Nazwa i wpisz UnitPrice.

  17. W kolumnie Typ wybierz z listy rozwijanej pozycję Money.

    Money jest innym niestandardowym typem biznesowym, który reprezentuje i poprawnie formatuje walutę.

    Jednostki InvoiceDetails

  18. W menu Plik kliknij Zapisz wszystko, aby zapisać pracę.

Tworzenie listy wyboru

W następnym kroku utworzysz listę wyboru dla jednostki Invoice.Lista wyboru umożliwia przedstawienie użytkownikowi ustalonego zestawu wartości do wyboru.

Aby utworzyć listę wyboru

  1. W Eksploratorze rozwiązań kliknij dwukrotnie Invoices.

  2. W Projektancie danych zaznacz pole InvoiceStatus.

  3. W oknie Właściwości kliknij łącze Lista wyboru.

    Okno dialogowe listy wyboru

    Pojawi się okno dialogowe Lista wyboru.

  4. W oknie dialogowym Lista wyboru wprowadź następujące wartości, a następnie kliknij OK.

    Wartość

    Nazwa wyświetlana

    0

    Aktywne

    1

    Zapłacone

    2

    Zaległe

    Jeśli to pole jest wyświetlane na ekranie, przedstawi użytkownikowi listę rozwijaną, która zawiera trzy wprowadzone wartości Nazwa wyświetlana.

  5. W menu Plik kliknij Zapisz wszystko, aby zapisać pracę.

Definiowanie relacji

W następnym kroku zdefiniujesz relacje między jednostkami Patient, Invoice i InvoiceDetail.

Aby zdefiniować relacje

  1. W Eksploratorze rozwiązań kliknij dwukrotnie Invoices.

  2. Na pasku narzędzi Projektanta danych kliknij Relacja.

    Pojawi się okno dialogowe Dodaj nową relację.

  3. W oknie dialogowym Dodaj nową relację zaznacz kolumnę Do w wierszu Nazwa:.Wybierz Patient, a następnie kliknij przycisk OK.

    Tworzona jest relacja jeden do wielu między jednostką Patient (Pacjent) i Invoice (Faktura); pacjent może mieć wiele faktur.

  4. Na pasku narzędzi Projektanta danych kliknij Relacja.

    Pojawi się okno dialogowe Dodaj nową relację.

  5. W oknie dialogowym Dodaj nową relację zaznacz kolumnę Do w wierszu Nazwa: i wybierz InvoiceDetail.

  6. Zaznacz kolumnę Od w wierszu Liczebność:, a następnie wybierz Jeden.

  7. Wybierz kolumnę Do w wierszu Liczebność:, wybierz Wiele, a następnie kliknij przycisk OK.

    Tworzona jest relacja jeden do wielu między jednostką Invoice (Faktura) i InvoiceDetail (Szczegóły faktury); faktura może mieć wiele szczegółów faktury.

    Relacja między faktury i

  8. W menu Plik kliknij Zapisz wszystko, aby zapisać pracę.

Tworzenie jednostki Appointment (Termin wizyty)

W następnym kroku dodasz jeszcze jedną jednostkę reprezentują termin wizyty, a następnie dodasz relację i listę wyboru.

Aby dodać jednostkę Appointment (Termin wizyty)

  1. W Eksploratorze rozwiązań kliknij Data Sources, a następnie w menu Projekt kliknij menu Dodaj tabelę.

  2. W oknie Właściwości zmień właściwość Nazwa na Appointment.

  3. W Projektancie danych, kliknij <Dodaj właściwość> w kolumnie Nazwa i wpisz AppointmentTime.

  4. W kolumnie Typ wybierz z listy rozwijanej pozycję DateTime.

  5. Kliknij przycisk <Dodaj właściwość> w kolumnie Nazwa i wpisz AppointmentType.

  6. W kolumnie Typ wybierz z listy rozwijanej pozycję Short Integer.

  7. Kliknij przycisk <Dodaj właściwość> w kolumnie Nazwa i wpisz DoctorNotes.

  8. Zaakceptuj domyślny typ, String, i wyczyść pole wyboru Wymagane.

  9. Na pasku narzędzi Projektanta danych kliknij Relacja.

  10. W oknie dialogowym Dodaj nową relację zaznacz kolumnę Do w wierszu Nazwa:.Wybierz Patient, a następnie kliknij przycisk OK.

    Tworzona jest relacja jeden do wielu między jednostką Patient (Pacjent) i Appointment (Termin wizyty); pacjent może mieć wiele terminów wizyt.

  11. W Projektancie danych zaznacz pole AppointmentType .

  12. W oknie Właściwości kliknij łącze Lista wyboru.

    Pojawi się okno dialogowe Lista wyboru.

  13. W oknie dialogowym Lista wyboru wprowadź następujące wartości, a następnie kliknij OK.

    Wartość

    Nazwa wyświetlana

    0

    Roczne

    1

    Kontynuacja

    2

    Awaryjne

    Jednostkę terminu

  14. W menu Plik kliknij Zapisz wszystko, aby zapisać pracę.

Utwórz ekran

W następnym kroku utworzysz ekran do wyświetlania listy pacjentów.

Aby utworzyć ekran

  1. W Eksploratorze rozwiązań kliknij węzeł Ekrany, a następnie w menu Projekt kliknij menu Dodaj ekran.

    Pojawi się okno dialogowe Dodaj nowy ekran.

  2. Na liście Wybierz szablon ekranu wybierz Edytowalny ekran siatki.

  3. W polu Nazwa ekranu wpisz PatientList.

  4. Wybierz listę rozwijaną Dane ekranu i wybierz Patients.Kliknij przycisk OK.

    Definiowanie ekran PatientList

    Projektant ekranu otwiera się i wyświetla hierarchiczną reprezentację układ ekranu.

  5. W menu Plik kliknij Zapisz wszystko, aby zapisać pracę.

Uruchamianie aplikacji i wprowadzanie danych

Masz teraz działającą aplikację.W następnym kroku lekcji uruchomisz aplikację i wprowadzisz pewne dane.

Aby uruchomić aplikację

  1. Naciśnij klawisz F5, aby uruchomić aplikację.

  2. W działającej aplikacji wybierz ekran PatientList, a następnie kliknij przycisk dodawania +….

    Pojawi się okno dialogowe Dodaj nowego pacjenta.

  3. Wprowadź dane dotyczące nowego pacjenta.W polu Email wprowadź nieprawidłową wartość, na przykład john#example.com.

    Nieprawidłowy adres e-mail

    Podczas przesuwania kursora od pola zostanie wyświetlone czerwone obramowanie.Typ biznesowy EmailAddress posiada wbudowane reguły sprawdzania poprawności, które mogą wykryć niepoprawnie sformatowany adres e-mail.

  4. Popraw błąd, zakończ wprowadzanie danych, a następnie kliknij OK.

    Przycisk Zapisz na pasku narzędzi aplikacji jest teraz włączony.

  5. Kliknij przycisk dodawania +….Dodaj dane dla drugiego pacjenta, a następnie kliknij przycisk OK.

  6. Kliknij przycisk Zapisz, aby zapisać dane.

    Możesz teraz zmienić kolejność kolumn w siatce PatientList oraz sortować według dowolnej kolumny.

  7. Kliknij przycisk Zamknij w prawym górnym rogu uruchomionej aplikacji, aby powrócić do trybu projektowania.

  8. W menu Plik kliknij Zapisz wszystko, aby zapisać pracę.

Połączenie z bazą danych

W następnym kroku połączysz się z zewnętrzną bazą danych zawierającą informacje o produkcie.

[!UWAGA]

Przed wykonaniem tej czynności, należy pobrać i zainstalować bazę danych PrescriptionContoso.Bazy danych można pobrać z Galerii kodów MSDN.Postępuj zgodnie z instrukcjami w pliku Install.htm, aby zainstalować bazę danych.

Aby dołączyć do źródła danych

  1. W Eksploratorze rozwiązań, wybierz węzeł Źródła danych.

  2. W menu Projekt, kliknij opcję Dodaj źródło danych.

    Zostanie otwarty Kreator dołączania źródła danych.

  3. W kreatorze Dołączania źródła danych kliknij przycisk Baza danych, a następnie kliknij przycisk Dalej.

    Zostanie wyświetlone okno dialogowe Wybierz źródło danych.

    [!UWAGA]

    Jeżeli wcześniej podłączono się do bazy danych w LightSwitch, to okno dialogowe nie jest wyświetlane i można pominąć następny krok.

  4. W oknie dialogowym Wybierz źródło danych kliknij przycisk Microsoft SQL Server (SQL Client), a następnie kliknij przycisk Kontynuuj.

    Zostanie wyświetlone okno dialogowe Właściwości połączenia.

  5. W oknie dialogowym Właściwości połączenia wprowadź wartości w następującej tabeli, a następnie kliknij OK.

    Pole

    Wartość

    Nazwa serwera

    (localdb)\v11.0

    Zaloguj się do serwera

    Użyj uwierzytelniania systemu Windows

    Wybierz lub wprowadź nazwę bazy danych

    C:\Temp\PrescriptionContoso.mdf

    Właściwości połączenia

    Zostanie wyświetlona strona kreatora Wybierz obiekty bazy danych.

  6. Rozwiń węzeł Tabele.

  7. Wybierz tabele Product i ProductRebate, a następnie kliknij przycisk Zakończ.

    Źródło danych C_TEMP_PRESCRIPTIONCONTOSO_MDFData jest dodawane do projektu i są tworzone jednostki dla Products (Produktów) i ProductRebates (Rabatów produktów).

  8. W Eksploratorze rozwiązań kliknij prawym przyciskiem myszy C_TEMP_PRESCRIPTIONCONTOSO_MDFData i kliknij przycisk Zmień nazwę, typ PrescriptionContoso

  9. W menu Plik kliknij Zapisz wszystko, aby zapisać pracę.

Modyfikuj jednostki Products (Produkty) i ProductRebate (Rabaty produktu).

W następnym kroku wprowadzisz zmiany do jednostek rabatu produktów i produktów.

Aby zmodyfikować jednostki ProductRebate (Rabaty produktu) i Products (Produkty)

  1. W Eksploratorze rozwiązań kliknij dwukrotnie węzeł ProductRebates.

  2. Zaznacz pole Rebate, a następnie zmień Typ na Money.

  3. W Eksploratorze rozwiązań kliknij dwukrotnie węzeł Products.

  4. W Projektancie danych zaznacz pole MSRP, a następnie zmień Typ na Money.

  5. Zaznacz pole ProductImage, a następnie zmień Typ na Image.

  6. W menu Plik kliknij Zapisz wszystko, aby zapisać pracę.

Tworzenie ekranu listy i szczegółów

W następnym kroku utworzysz ekran do wyświetlania informacji o produktach.

Aby utworzyć ekran listy i szczegółów

  1. W Eksploratorze rozwiązań, wybierz węzeł Ekrany.W menu Projekt kliknij opcję Dodaj ekran.

  2. W oknie dialogowym Dodaj nowy ekran na liście Wybierz szablon ekranu wybierz opcję Ekran listy i szczegółów.

  3. W polu Nazwa ekranu wpisz ProductList.

  4. Wybierz listę rozwijaną Dane ekranu i wybierz PrescriptionContoso.Products.

  5. Na liście Dodatkowe dane do dołączenia zaznacz oba pola wyboru Product Details i Product ProductRebates, a następnie kliknij OK.

Zmiana układu ekranu

W następnym kroku zmienisz układ ekranu ProductList.

Aby dostosować układ

  1. W Projektancie ekranu wybierz węzeł Układ wierszy |Product Details w Drzewie zawartości ekranu.

  2. Na liście rozwijanej Układ wierszy wybierz Obraz i tekst.

  3. Wybierz następujące wartości z listy rozwijanej dla każdego pola poniżej węzła Obraz i tekst:

    Pole

    Wartość

    (OBRAZ)

    Obraz produktu

    (TYTUŁ)

    Nazwa produktu

    (NAPIS)

    MSRP

    (OPIS)

    Opis

    Obraz i układu tekstu

  4. Naciśnij klawisz F5, aby uruchomić aplikację i zobaczyć wyniki.

  5. W uruchomionej aplikacji, kliknij menu ProductList, aby wyświetlić ekran.

    Nie zamykaj aplikacji.W następnym kroku wprowadzisz zmiany w działającej aplikacji.

Wprowadzanie zmian w działającej aplikacji

W następnym kroku zmodyfikujesz ekran Lista produktów, gdy aplikacja jest uruchomiona.

Aby dostosować ekran w czasie wykonywania

  1. Na Lista produktów ekranu, kliknij Ekranu projekt przycisk w prawym dolnym rogu.

  2. W lewym okienku wybierz węzeł Siatka danych | Product Rebates.

  3. W oknie Właściwości zmień właściwość Nazwa wyświetlana na Contoso Rebates.

    W oknie aplikacji zmienia się również nazwa.

  4. Zaznacz pole MSRP, a następnie zmień właściwość Opis na Sugerowana cena przed rabatem.

    Dostosowywanie czasu projektowania

  5. Kliknij przycisk Zapisz, aby powrócić do uruchomionej aplikacji i wyświetlić zmiany.Najedź kursorem na pole MSRP, aby zobaczyć opis.

  6. Kliknij przycisk Zamknij w prawym górnym rogu uruchomionej aplikacji, aby powrócić do trybu projektowania.

  7. W menu Plik kliknij Zapisz wszystko, aby zapisać pracę.

Tworzenie zapytania

W następnym kroku utworzysz zapytanie parametryczne i powiążesz je z ekranem.

Aby utworzyć zapytanie parametryczne

  1. W Eksploratorze rozwiązań wybierz węzeł Products.W menu Projekt kliknij Dodaj zapytanie.

    Pojawi się Projektant zapytań.

  2. W oknie Właściwości wybierz pole Nazwa i wpisz RelatedProducts.

  3. W Projektancie zapytań kliknij Dodaj filtr.

    Warunek filtru jest dodawany do sekcji Filtr.

  4. Z drugiej listy rozwijanej wybierz pozycję Kategoria.

  5. Na czwartej liście rozwijanej, wybierz Parametr.

  6. Na piątej liście rozwijanej kliknij pozycję Dodaj nowy.

    Nowy parametr Parameter (Parametr) o nazwie Category (Kategoria) typu String zostanie dodany do sekcji Parametry.

    Kwerenda RelatedProducts

  7. W oknie Eksplorator rozwiązań kliknij dwukrotnie węzeł ProductList, aby uruchomić Projektanta ekranów.

  8. Na pasku zadań Projektanta ekranu kliknij Dodaj element danych.

    Pojawi się okno dialogowe Dodaj element danych.

  9. W oknie dialogowym Dodaj element danych kliknij Zapytanie.W kolumnie Nazwa zaznacz PrescriptionContoso.RelatedProducts, a następnie kliknij przycisk OK.

    Węzeł RelatedProducts pojawia się w lewym okienku.

  10. Wybierz węzeł Category w obszarze Parametry zapytania.

  11. W oknie Właściwości wybierz właściwość Wiązanie parametrów i wpisz Products.SelectedItem.Category.

  12. W środkowym okienku rozwiń węzeł Dodaj poniżej węzła DataGrid |Contoso Rebates i kliknij przycisk Related Products.

    Dodawanie produktów pokrewnych

  13. Naciśnij klawisz F5, aby uruchomić aplikację i zobaczyć wyniki.

    Otwórz ekran Lista produktów i zobacz, że dla każdego wybranego produktu zostanie wyświetlona lista produktów pokrewnych.

  14. Kliknij przycisk Zamknij w prawym górnym rogu uruchomionej aplikacji, aby powrócić do trybu projektowania.

  15. W menu Plik kliknij Zapisz wszystko, aby zapisać pracę.

Dodawanie pola obliczanego

W następnym kroku dodasz pole używające wartości obliczanej.Wartością obliczoną będzie cena produktu po uwzględnieniu rabatu.

Aby dodać pole obliczane

  1. W Eksploratorze rozwiązań kliknij dwukrotnie węzeł jednostki Products.

  2. W Projektancie danych kliknij <Dodaj właściwość>.Wpisz CurrentPrice, a następnie kliknij Karta.

  3. W kolumnie Typ wybierz z listy rozwijanej pozycję Money.

    W oknie Właściwości w obszarze Ogólne właściwość Czy jest obliczane jest domyślnie zaznaczona.

  4. W oknie Właściwości kliknij łącze Edytuj metodę.

    Zostanie wyświetlony Edytor kodu i metoda CurrentPrice_Compute.

  5. Dodaj następujący kod do narzędzia obsługi zdarzeń:

    Dim rebates As Decimal
    For Each item In ProductRebates
        If item.RebateStart <= Date.Today And item.RebateEnd >= Date.Today Then
            rebates = rebates + item.Rebate
        End If
    Next

    result = Me.MSRP - rebates

    decimal rebates = default(decimal);


            foreach (var item in ProductRebates)
            {
                if (item.RebateStart <= System.DateTime.Today && item.RebateEnd >= System.DateTime.Today)
                {
                    rebates += item.Rebate.Value;
                }
            }

            result = this.MSRP - rebates;

    Kod, aby obliczyć aktualna cena

  6. W menu Plik kliknij Zapisz wszystko, aby zapisać pracę.

W następnym kroku dodasz pole obliczane do ekranu ProductList.

Aby dodać pole obliczane do ekranu

  1. W Eksploratorze rozwiązań kliknij dwukrotnie węzeł ekranu ProductList.

  2. W lewym okienku Projektanta ekranu wybierz węzeł CurrentPrice i przeciągnij go poniżej węzła (Opis) | Opis w środkowym okienku.

    Aktualna cena po operacji przeciągania i upuszczania

  3. Naciśnij klawisz F5, aby uruchomić aplikację i zobaczyć wyniki.

  4. Na ekranie Lista produktów, edytuj pola Rebate lub MSRP.CurrentPrice (Bieżąca cena) jest ponownie przeliczana.Kliknij przycisk Zamknij, aby powrócić do trybu projektowania.

  5. Kliknij przycisk Zamknij w prawym górnym rogu uruchomionej aplikacji, aby powrócić do trybu projektowania.

  6. W menu Plik kliknij Zapisz wszystko, aby zapisać pracę.

Tworzenie relacji między bazami danych

W następnym kroku utworzysz wirtualną relację między jednostkami w dwóch różnych bazach danych i wyświetlisz dane z dwóch różnych źródeł na jednym ekranie listy i szczegółów.

Aby utworzyć relację między bazami danych

  1. W Eksploratorze rozwiązań kliknij dwukrotnie węzeł jednostki InvoiceDetails.

  2. W Projektancie danych, kliknij Relacja na pasku narzędzi.

  3. W oknie dialogowym Dodaj nową relację zaznacz pole Nazwa w kolumnie Do i wybierz Product.

    Nowa sekcja jest wyświetlana u dołu okna dialogowego.Pokazuje pola pokrewne w dwóch jednostkach.W razie potrzeby można zmienić pola pokrewne na inne pole tego samego typu danych lub zdefiniować wiele powiązanych pól jako klucze.

    Relacja między bazami danych

  4. Kliknij OK, aby zapisać relację.

    Nowa relacja jest wyświetlana jako linia kropkowana w projektancie.Oznacza to, że jednostki są w różnych źródłach danych, w tym przypadku InvoiceDetails (Szczegóły faktury) z wewnętrznej bazy danych i Products (Produkty) z bazy danych PrescriptionContoso.

  5. W menu Plik kliknij Zapisz wszystko, aby zapisać pracę.

Tworzenie ekranu do wyświetlania faktur

W następnym kroku utworzysz nowy ekran do wyświetlania faktur.

Aby utworzyć ekran

  1. W Eksploratorze rozwiązań, wybierz węzeł Ekrany.W menu Projekt kliknij opcję Dodaj ekran.

  2. W oknie dialogowym Dodaj nowy ekran na liście Wybierz szablon ekranu wybierz opcję Ekran listy i szczegółów.

  3. W polu Nazwa ekranu: wpisz InvoiceScreen.

  4. Wybierz listę rozwijaną Dane ekranu i wybierz Invoices (Faktury).

  5. Na liście Dodatkowe dane do dołączenia: zaznacz pola Invoice Details (Szczegóły faktury) i Invoice InvoiceDetails, a następnie kliknij OK .

    Układ InvoiceScreen

  6. Rozwiń węzeł Wiersz siatki danych | Invoice Detail.Wybierz węzeł Product Product ID i usuń go.

  7. Aby zmienić kolejność pól, kliknij węzeł UnitPrice i przeciągnij go pod węzeł Product.

  8. Naciśnij klawisz F5, aby uruchomić aplikację.W menu kliknij Invoice Screen, aby wyświetlić ekran.

  9. W okienku Invoices kliknij przycisk dodaj + … .

    Wprowadź niektóre dane faktury.Zauważ, że pole InvoiceStatus zawiera listę rozwijaną wartości, a pole Patient zawiera przycisk, który otwiera okno dialogowe zawierające listę pacjentów.

  10. W okienku Invoice Details kliknij przycisk dodaj +… .

    Wprowadź niektóre szczegółowe dane faktury.Zauważ, że pole Product zawiera listę rozwijaną produktów z bazy danych PrescriptionContoso.

  11. Kliknij przycisk Zapisz, aby zapisać dane faktury.

  12. Nie zamykaj aplikacji.W następnym kroku wprowadzisz zmiany w działającej aplikacji.

Modyfikowanie ekranu faktur

W następnym kroku wprowadzisz zmiany do ekranu faktur w uruchomionej aplikacji.

Aby zmodyfikować ekran w działającej aplikacji

  1. Na ekranie Invoice Screen kliknij przycisk Zaprojektuj ekran w prawym górnym rogu.

  2. W lewym okienku wybierz węzeł Listy | Invoices.Z listy rozwijanej Siatka danych wybierz pozycję Lista.

  3. Wybierz węzeł Patient.Użyj strzałki w górę w lewym marginesie, aby przenieść go powyżej węzła Invoice Date.

    Dostosowane ekranu faktury

  4. Kliknij przycisk Zapisz, aby powrócić do uruchomionej aplikacji i wyświetlić zmiany.

  5. Kliknij przycisk Zamknij w prawym górnym rogu uruchomionej aplikacji, aby powrócić do trybu projektowania.

  6. W menu Plik kliknij Zapisz wszystko, aby zapisać pracę.

Definiowanie logiki ekranu

W następnym kroku dodasz kod w celu zdefiniowania domyślnej logiki dla dat faktury.

Aby zdefiniować logikę ekranu

  1. W Eksploratorze rozwiązań kliknij dwukrotnie węzeł jednostki Invoices.

  2. W Projektancie danych kliknij listę rozwijaną Pisanie kodu na pasku narzędzi.Kliknij łącze Invoice_Created.

    Zostanie otwarty Edytor kodu i wyświetlona zostanie metoda Invoice_Created.

  3. W metodzie Invoice_Created, dodaj następujący kod, aby ustawić domyślne zachowanie dat:

    InvoiceDate = Date.Today
InvoiceDue = Date.Today.AddDays(30)
ShipDate = Date.Today.AddDays(3)

    InvoiceDate = System.DateTime.Today;
InvoiceDue = System.DateTime.Today.AddDays(30);
ShipDate = System.DateTime.Today.AddDays(3);

  4. W Eksploratorze rozwiązań kliknij dwukrotnie węzeł jednostki Invoices.

  5. W Projektancie danych zaznacz pole InvoiceDate .

  6. Kliknij listę rozwijaną Pisanie kodu na pasku narzędzi, a następnie kliknij łącze InvoiceDate_Changed.

  7. W metodzie InvoiceDate_Changed, dodaj następujący kod, aby zaktualizować daty po zmianie daty faktury:

    InvoiceDue = InvoiceDate.AddDays(30)
‘ If the ShipDate is earlier than the new InvoiceDate, update it.
If ShipDate < InvoiceDate Then
    ShipDate = InvoiceDate.AddDays(2)
End If

    InvoiceDue = InvoiceDate.AddDays(30); 
    // If the ShipDate is earlier than the new InvoiceDate, update it
if (ShipDate < InvoiceDate)
    {
        ShipDate = InvoiceDate.AddDays(2);
    }

  8. W Eksploratorze rozwiązań kliknij dwukrotnie węzeł InvoiceDetails.

  9. W Projektancie danych zaznacz pole Product, kliknij listę rozwijaną Pisanie kodu na pasku narzędzi, a następnie kliknij łącze Product_Changed.

  10. W Edytorze kodu, dodaj następujący kod, aby ustawić cenę jednostkową i domyślną ilość:

    UnitPrice = Product.CurrentPrice
Quantity = 1

    UnitPrice = Product.CurrentPrice;

Quantity = 1;

  11. Naciśnij klawisz F5, aby uruchomić aplikację i zobaczyć zmiany.

    Otwórz ekran Invoice (Faktura) i dodaj nową fakturę.Pola daty, ceny i ilości teraz są automatycznie aktualizowane.

  12. Kliknij przycisk Zapisz, aby zapisać zmiany.

  13. Kliknij przycisk Zamknij w prawym górnym rogu uruchomionej aplikacji, aby powrócić do trybu projektowania.

  14. W menu Plik kliknij Zapisz wszystko, aby zapisać pracę.

Dodawanie większej liczby pól obliczanych

W następnym kroku dodasz pola obliczane dla sumy częściowej, podatku i sumy w jednostkach InvoiceDetails (Szczegóły faktury) i Invoices (Faktura).

Aby dodać pola obliczane

  1. W Eksploratorze rozwiązań kliknij dwukrotnie węzeł jednostki InvoiceDetails.

  2. W Projektancie danych kliknij <Dodaj właściwość>, wpisz SubTotal, a następnie kliknij Karta.

  3. W kolumnie Typ wybierz z listy rozwijanej pozycję Money.

  4. W oknie Właściwości w obszarze Właściwości ogólne zaznacz pole wyboru IsComputed.

  5. Kliknij łącze Edytuj metodę.

    Pojawi się Edytor kodu i zostanie wyświetlona metoda SubTotal_Compute.

  6. Dodaj następujący kod, aby obliczyć SubTotal:

    result = Quantity * UnitPrice

    result = Quantity * UnitPrice;

  7. W Eksploratorze rozwiązań kliknij dwukrotnie węzeł jednostki Invoices.

  8. W Projektancie danych kliknij <Dodaj właściwość>, wpisz Tax, a następnie kliknij Karta.

  9. W kolumnie Typ wybierz z listy rozwijanej pozycję Money.

  10. W oknie Właściwości zaznacz pole wyboru IsComputed.

  11. Kliknij łącze Edytuj metodę.

    Zostanie otwarty Edytor kodu i wyświetlona zostanie metoda Tax_Compute.

  12. Zastąp istniejący kod w metodzie Tax_Compute poniższym kodem, aby obliczyć Tax:

    Private Sub Tax_Compute(ByRef result As Decimal)
    Result =  GetSubTotal() * 0.095
End Sub
Protected Function GetSubTotal() As Decimal
    GetSubtotal = 0
    For Each item In InvoiceDetails
        GetSubTotal = GetSubTotal + item.SubTotal
    Next
End Function

    partial void Tax_Compute(ref decimal result)
    {
        result = GetSubTotal() * (decimal)0.095;
    }
protected decimal GetSubTotal()
    {
        return this.InvoiceDetails.Sum(i => i.SubTotal);
    }

  13. W Eksploratorze rozwiązań kliknij dwukrotnie węzeł jednostki Invoices.

  14. W Projektancie danych kliknij <Dodaj właściwość>.Wpisz Total (Suma), a następnie kliknij przycisk Karta.

  15. W kolumnie Typ wybierz z listy rozwijanej pozycję Money.

  16. W oknie Właściwości zaznacz pole wyboru IsComputed.

  17. Kliknij łącze Edytuj metodę.

    Zostanie otwarty Edytor kodu i wyświetlona zostanie metoda Total_Compute.

  18. Dodaj następujący kod, aby obliczyć Tax:

    result = GetSubTotal() + Tax

    result = GetSubTotal() + Tax;

  19. W menu Plik kliknij Zapisz wszystko, aby zapisać pracę.

W następnym kroku dodasz nowe pola do ekranu Invoices (Faktury).

Aby dodać pole do ekranu

  1. W Eksploratorze rozwiązań kliknij dwukrotnie węzeł ekranu InvoiceScreen.

  2. W środkowym okienku wybierz i rozwiń węzeł Układ wierszy | Invoice Details.

  3. Wybierz i rozwiń listę rozwijaną Dodaj i wybierz Tax.

    Pole Tax jest dodawane do sekcji Pionowy stos | InvoiceDetails.

  4. Ponownie wybierz i rozwiń listę rozwijaną Dodaj i wybierz pole Total.

  5. Naciśnij klawisz F5, aby uruchomić aplikację i zobaczyć wyniki.

    Otwórz ekran Invoice Screen.Pola Tax i Total są teraz wyświetlane dla każdego wiersza faktury.

  6. Kliknij przycisk Ekranu projektu, aby przejść w tryb dostosowywania.

  7. W lewym okienku wybierz węzeł Wiersz siatki danych |Invoice Detail i rozwiń go.

  8. Kliknij listę rozwijaną Dodaj i wybierz Suma częściowa.

  9. Kliknij przycisk Zapisz, aby zapisać zmiany.Pole Suma częściowa zostanie wyświetlone w siatce Invoice Details.

    Zaktualizowany ekran faktury

  10. Kliknij przycisk Zamknij w prawym górnym rogu uruchomionej aplikacji, aby powrócić do trybu projektowania.

  11. W menu Plik kliknij Zapisz wszystko, aby zapisać pracę.

Wdrażanie aplikacji

W następnym kroku wdrożysz aplikację jako komputerową aplikację dwuwarstwową.

Aby opublikować dwuwarstwową aplikację komputerową

  1. W Eksploratorze rozwiązań zaznacz węzeł Klinika okulistyczna, a następnie w menu Tworzenie, kliknij Opublikuj klinikę okulistyczną.

    Pojawi się Kreator publikowania aplikacji LightSwitch.

  2. Na stronie Kreator publikacji LightSwitch — Zapraszamy upewnij się, że pole Pulpit jest zaznaczone, a następnie kliknij przycisk Dalej.

  3. Na stronie Usługi aplikacji sprawdź, czy zaznaczone jest pole Lokalne, a następnie kliknij przycisk Dalej.

  4. Na stronie Określ preferencje publikacji zaznacz pole Gdzie chcesz umieści pliki aplikacji? i wpisz C:\Publish.

  5. W sekcji Jak chcesz opublikować domyślną bazę danych? wybierz Publikuj bezpośrednio w bazie danych teraz, a następnie kliknij przycisk Dalej.

  6. Na stronie Baza danych aplikacji LightSwitch — połączenie z bazą danych SQL zaakceptuj domyślne wartości parametrów połączeń, a następnie kliknij przycisk Dalej.

  7. Na stronie Zainstaluj wymagania wstępne zaakceptuj ustawienia domyślne, a następnie kliknij przycisk Dalej.

  8. Na stronie Inne informacje o połączeniach zaakceptuj ustawienia domyślne, a następnie kliknij przycisk Publikuj.

  9. W Eksploratorze Windows zlokalizuj katalog C:\Publish i kliknij dwukrotnie plik Setup.exe w celu zainstalowania aplikacji na komputerze lokalnym.

    [!UWAGA]

    Aby zainstalować aplikację na innym komputerze, skopiuj zawartość folderu publikowania i wszystkie jego podfoldery.Przed rozpoczęciem instalacji należy wykonać kroki opisane w pliku Install.htm, który można znaleźć w folderze publikowania.

  10. Jeżeli pojawi się okno dialogowe Instalacja aplikacji — Ostrzeżenie o zabezpieczeniach, kliknij Zainstaluj.

    Aplikacja Klinika okulistyczna zostanie zainstalowana i uruchomiona.

    Gotowych aplikacji

  11. Wprowadź dane i sprawdź, czy aplikacja działa zgodnie z oczekiwaniami.

    PoradaPorada

    Jeśli chcesz uruchomić ponownie aplikację Kliniki okulistycznej, możesz otworzyć ją z menu Start.

To kończy przewodnik po aplikacji Kliniki okulistycznej.Teraz znasz już podstawy procesu typu od początku do końca tworzenia aplikacji LightSwitch.

W tym instruktażu zademonstrowano podstawowe funkcje LightSwitch, jest jednak znacznie więcej funkcji, których można użyć z LightSwitch.Po rozpoczęciu tworzenia własnych aplikacji można zapoznać się z dalszymi możliwościami w dokumentacji produktu.

Zobacz też

Koncepcje

LightSwitch Wycieczki z przewodnikiem

Visual Studio LightSwitch

Inne zasoby

Wprowadzenie do programu LightSwitch