elementy interfejsu użytkownika

Edytuj w trybie z połączeniem

Użytkownicy wchodzą w interakcję z aplikacją biznesową za pośrednictwem interfejsów użytkownika. Przed rozpoczęciem budowania aplikacji należy zapoznać się z tymi elementami interfejsu użytkownika.

Strony

Strony są interfejsami użytkownika dla aplikacji. Stron można używać do budowania różnych typów interfejsów użytkownika dla użytkownika.

Strony są tworzone przy użyciu projektanta niskokodowego, w którym można przeciągać różne komponenty na stronę i konfigurować je. Po wdrożeniu aplikacji strony są wyświetlane jako strony WWW HTML w czasie wykonywania.

Istnieją trzy sposoby dodawania stron do aplikacji:

Użytkownicy podstawowi i zaawansowani mogą kliknąć menu strony w górnym panelu nawigacyjnym, a następnie kliknąć opcję Nowy.
Po pierwszym uruchomieniu tworzenia aplikacji domyślnie tworzona jest pierwsza strona. Paleta widoków jest również natychmiast uruchamiana, dzięki czemu można rozpocząć dodawanie widoków do pierwszej strony. Ta strona początkowa jest nazywana stroną początkową. Za każdym razem, gdy strona jest tworzona za pomocą tej metody, paleta widoku jest automatycznie uruchamiana.
Użytkownicy podstawowi i zaawansowani mogą dodawać nowe strony podczas konfigurowania określonych widoków w aplikacji.
Podczas dostosowywania niektórych widoków można również dodawać nowe strony. Wyobraź sobie, że dodajesz przycisk do strony początkowej. Przycisk jest przyciskiem Dalej , który wywołuje działanie, a następnie kieruje użytkownika do wyznaczonej strony. Podczas definiowania wartości Następny krok należy wybrać wpis dla właściwości Przejdź do strony . Tę właściwość można ustawić na wartość Nowa strona, a następnie można określić nazwę nowej strony. Po zakończeniu konfigurowania strony Następny krok zostanie wygenerowana nowa strona. Nowe strony można tworzyć podczas konfigurowania dowolnego widoku korzystającego z konfiguracji produktu Next steps (Następne kroki).
Zaawansowani użytkownicy mogą użyć diagramu dla swojego projektu aplikacji, aby dodać nową stronę do swojej aplikacji.

Podczas tworzenia stron można skonfigurować sprawdzanie poprawności bez stron kodowych, które pozwala upewnić się, że oczekiwane dane są wprowadzane przez użytkownika końcowego i że wartości danych są poprawne dla tej strony:

Element można oznaczyć jako wymagany i sprawdzić jego wartość. Na przykład, jeśli na stronie znajduje się wartość wieku, można skonfigurować sprawdzanie poprawności, aby upewnić się, że wartość jest obecna i że jest zgodna z zakresem poprawnych wartości.
Istnieją dwie możliwe konfiguracje do obsługi błędów sprawdzania poprawności. Można uniemożliwić użytkownikowi opuszczenie strony w przypadku wystąpienia błędu i wyłączyć widok w przypadku wystąpienia błędu. Na przykład można pozostać na bieżącej stronie po kliknięciu przycisku OK i wystąpieniu błędu. Przycisk OK można również wyłączyć, dopóki nie wystąpią błędy sprawdzania poprawności.

Istnieją dwa sposoby usuwania strony:

Użytkownicy podstawowi i zaawansowani mogą usunąć stronę z aplikacji, przełączając się na stronę, która ma zostać usunięta, a następnie klikając ikonę usuwania w górnym panelu nawigacyjnym.
Wskazówka: przed usunięciem stron utwórz obraz stanu aplikacji.
Użytkownicy zaawansowani mogą przejść do diagramu aplikacji, kliknąć prawym przyciskiem myszy stronę, a następnie wybrać opcję Usuń.

Usunięcie strony, która jest używana przez inny widok dla właściwości Idź do strony , spowoduje przerwanie logiki tego widoku. Każdy widok, który wskazuje usuniętą stronę, musi zostać zaktualizowany tak, aby wskazywał istniejącą stronę.

Menu nawigacyjne strony

Strony aplikacji można zorganizować w menu nawigacyjnym, które jest widoczne dla użytkowników. Po dodaniu strony do menu nawigacyjnego tworzona jest pozycja menu dla tej strony i dodawana do menu.

Można utworzyć trzy typy pozycji menu nawigacyjnego:

Strony: Element menu, który umożliwia przejście do jednej lub większej liczby stron.
Foldery: Element menu, który może zagnieżdżać w nim inne elementy menu.
Odsyłacze zewnętrzne: Element menu, który łączy użytkownika z miejscem docelowym poza aplikacją.

Strony można również powiązać z istniejącymi pozycjami menu nawigacyjnego, a w szczególności ze stronami. Powiedzmy, że aplikacja ma przepływ stron czterech stron, ale nie chcesz, aby każda strona w przepływie miała własną pozycję menu nawigacyjnego. Cztery strony przepływu można powiązać z jedną pozycją menu nawigacyjnego. W ten sposób, niezależnie od tego, gdzie użytkownik znajduje się w przepływie stron, zostanie podświetlony powiązany element menu.

W przypadku zaawansowanych scenariuszy pozycje menu nawigacyjnego mogą inicjować zdarzenia graniczne. Aby skonfigurować zdarzenia graniczne, przejdź do trybu widoku Zaawansowane i użyj widoku Diagram.

Widoki

Widoki są zestawami widgetów interfejsu użytkownika przeznaczonych do wielokrotnego użytku (takich jak pola tekstowe, okna wyboru daty i godziny oraz przyciski), które są wykorzystywane przez użytkowników do interakcji z obiektami biznesowymi lub usługami. Widoki mogą zawierać co najmniej jeden zestaw innych widoków, powiązania danych, instrukcje dotyczące układu oraz zachowania.

Ponieważ widoki są wielokrotnego użytku, każda instancja widoku może współużytkować części swojego interfejsu użytkownika z innymi instancjami widoku. Na przykład można utworzyć stronę zawierającą instancję widoku zawierającą zestaw pól adresu. Jeśli zostanie utworzona druga strona, która wymaga tych samych pól adresu, można ponownie wykorzystać ten sam widok. W obu przypadkach strona używa instancji widoku. Właściwości poszczególnych instancji można edytować niezależnie od siebie. Na przykład zmiana etykiety jednej instancji widoku nie powoduje zmiany etykiety drugiej instancji. Obie instancje widoku do wskazywania definicji widoku używają odwołania. Oznacza to, że jeśli definicja widoku ulegnie zmianie, widać, że zmiana została odzwierciedlona w instancjach widoku.

Instancje widoku można zmodyfikować za pomocą właściwości konfiguracyjnych i przez nadpisanie stylów domyślnych. Jeśli powiązanie jest definiowane dla instancji, musi być zgodne z typem w definicji strony. Jeśli typ obiektu biznesowego jest niezgodny z typem powiązania danych zdefiniowanego dla widoku, zostanie wyświetlone ostrzeżenie. Dla każdej instancji widoku wyświetlane są właściwości konfiguracyjne. Aby nadpisać wartość domyślną, można podać konkretną wartość lub przypisać zmienną. Właściwość konfiguracyjną można również udostępnić dla dowolnego widoku, który zawiera ten widok. Ujawnienie właściwości konfiguracyjnej powoduje utworzenie opcji konfiguracyjnej w bieżącym widoku ze zgodnym powiązaniem. Nie trzeba tworzyć opcji konfiguracyjnej i jej powiązania.

Widoki w bibliotekach narzędziowych lub aplikacjach: Widok można utworzyć w aplikacji lub w bibliotece narzędziowej. Ogólnie rzecz biorąc, można tworzyć widoki wielokrotnego użytku w bibliotekach narzędziowych i bardziej wyspecjalizowane widoki w aplikacjach. Wybranie aplikacji oznacza, że można ją ponownie wykorzystać tylko w aplikacji. Jednak oznacza to również, że jeśli ktoś edytuje widok, zmiany mają zastosowanie do instancji widoku w tej aplikacji. Jeśli widok znajduje się w bibliotece narzędziowej, a następnie ktoś go edytuje, zmiany mogą mieć zastosowanie do wszystkich instancji widoku we wszystkich aplikacjach, które korzystają z tej wersji biblioteki narzędziowej. Ponieważ edytowanie definicji widoku może mieć wpływ na wiele instancji, należy zachować ostrożność podczas wprowadzania zmian. Na przykład usunięcie pola treści w definicji widoku może oznaczać, że strony lub widoki zawierające instancje tego widoku nie mogą wyświetlać treści zdefiniowanej w tym polu treści. Nie można bezpośrednio edytować definicji widoku z poziomu strony nadrzędnej lub widoku nadrzędnego. Definicję widoku należy najpierw otworzyć, aby można było ją zmienić.

Biblioteka narzędziowa Interfejs użytkownika: Biblioteka narzędziowa Interfejs użytkownika, która jest domyślną biblioteką narzędziową, udostępnia bogaty zestaw widoków, których można używać do budowania aplikacji działających na wielu urządzeniach. Widoków interfejsu użytkownika należy używać podczas nowych prac programistycznych. W poznaniu widoków interfejsu użytkownika pomaga przykład Discover UI (Odkrywanie interfejsu użytkownika).

Biblioteka narzędziowa Workplace: Biblioteka narzędziowa Workplace składa się z zestawu widoków, których można użyć do zaprojektowania własnych aplikacji biznesowych i paneli kontrolnych opartych na usługach personelu po stronie klienta, dostosowanych do zarządzania pracą w Workplace. Widoki biblioteki narzędziowej Workplace są dostępne na palecie Application Designer dla projektowania paneli kontrolnych i aplikacji.

Biblioteka narzędziowa Content Services: Biblioteka narzędziowa Content Services zawiera wszystkie komponenty interfejsu użytkownika, działania i dane, które mogą być używane do udostępniania funkcji zarządzania treścią.

Tworzenie widoków w stylu kompozytowym a tworzenie widoków w stylu widgetowym

Zwykle podczas budowania widoku można skorzystać z jednego z poniższych wzorców. Można również użyć kombinacji obu wzorców, jeśli interfejs użytkownika jest bardziej złożony i wymaga tego.

Widoki w stylu kompozytowym są proste, a ich tworzenie nie wymaga zaawansowanych umiejętności technicznych. Aby utworzyć widok w stylu kompozytowym, należy dodać do układu treść z palety. Jeśli w widoku jest wiele obszarów informacyjnych, do rozmieszczania widoków należy użyć układu siatki, a następnie trzeba ustawić ich właściwości i utworzyć powiązanie danych (w razie potrzeby). Widoki w stylu kompozytowym mogą być ponownie wykorzystywane na wielu stronach lub w innych widokach, które można budować hierarchicznie.
Widoki w stylu widgetowym są bardziej złożone i wymagają większych umiejętności technicznych. Zwykle widoki w stylu widgetowym są widokami niestandardowymi i mogą zawierać na przykład niestandardowy segment HTML, który można zapełnić kodem HTML lub i-ramką o konkretnym identyfikatorze. W przypadku widoku w stylu widgetowym można ustawić właściwości konfiguracyjne oraz dodać wstawianą logikę CSS i JavaScript na stronie Zachowanie. W przypadku zachowania występującego w czasie wykonywania (np. przy ładowaniu strony lub kliknięciu przycisku) logikę JavaScript można umieścić w procedurach obsługi zdarzeń widoku (na karcie Zdarzenia).

Wyświetl szablony

Szablony umożliwiają tworzenie standardowego wyglądu na wielu stronach.

Szablon jest widokiem, który został oznaczony przez użytkownika we właściwościach Przegląd jako możliwy do wykorzystania jako szablon. Użytkownicy mogą następnie wybierać ten szablon podczas tworzenia widoków. W nowych widokach treść szablonu jest wykorzystywana jako treść podstawowa, do której następnie użytkownicy mogą dodawać swoją treść. Na przykład można utworzyć widok, który zawiera logo firmy i jej nazwę w obszarze banera oraz pole treści jako obiekt zastępczy dla innej treści. Jeśli ten widok jest używany jako szablon, można go wybrać podczas tworzenia innego widoku lub strony. Nowy widok zawiera obszar banera zdefiniowany w szablonie wraz z obszarem treści. Inni użytkownicy mogą również używać tego szablonu podczas tworzenia widoków, aby zapewnić spójny wygląd w nowych widokach. Ponieważ szablony są widokami, można je również upuścić na strony. Jeśli na przykład istnieje szablon, który ma wspólny baner, można go upuścić na stronę, aby strona miała wspólny baner.

Wskazówka: Jeśli szablon używa komórek w układzie siatki, ustawienia kierunku komórek przesłaniają ustawienia podglądu wszystkich pól treści w tych komórkach.

Szablony umożliwiają również jednoczesne aktualizowanie wielu widoków. Ponieważ szablon jest odwołaniem do widoku, a nie jego kopią, w przypadku zmiany szablonu wszystkie widoki i strony oparte na tym szablonie zostaną również zaktualizowane przy użyciu tych zmian. Kontynuując wcześniejszy przykład załóżmy, że szablon zostanie zmieniony w celu zmodyfikowania obrazu logo. Wszystkie widoki, które korzystają z tego szablonu, zostaną zaktualizowane i będą miały nowe logo.