Crash Course 101
10 moduły
5 Tygodnie

Poznaj interfejs

Kliknij, aby skopiować

Dowiedz się o interfejsie AppMaster Web Designer.


Po otwarciu aplikacji AppMaster Web Designer zobaczysz nawigator edytora, nagłówek i obszar roboczy, w którym będzie wyświetlana zawartość aktualnie wybranej karty.

AppMaster Web Designer Interface

Nawigator

AppMaster Web Designer Navigator

Nawigator udostępnia łącza szybkiego dostępu do zakładek edytora stron internetowych, pomocne łącza oraz przycisk z logo umożliwiający powrót do listy aplikacji internetowych lub innych sekcji AppMaster Studio.

Przycisk powrotu

Back button

Kliknij logo AppMaster, aby otworzyć menu rozwijane, w którym możesz:

  • Powrót do listy aplikacji internetowych.
  • Przejdź do innych sekcji AppMaster Studio.

AppMaser Web Designer Menu

AppMaster Web Designer zawiera nie tylko narzędzie do tworzenia interfejsu użytkownika. Zapewnia także zestaw dodatkowych narzędzi i usług.

Aby szybko poruszać się pomiędzy nimi, skorzystaj z menu Web Designera, które zawiera następujące zakładki:

  • Projektant interfejsu użytkownika
  • Lokalny DB
  • Wyzwalacz aplikacji
  • Logika biznesowa
  • Zmienne globalne
  • Planista
  • i18n (lokalizacja)
  • Kreator motywów
  • Ustawienia aplikacji

Przydatne linki

Helpful Links AppMaster Web Designer

Na liście rozwijanej znajdują się takie działania, jak:

  • Czatuj z nami: włącz lub wyłącz czat w prawym dolnym rogu edytora internetowego.
  • Dokumentacja: otwórz kompletny przewodnik techniczny dotyczący użytkowania studia AppMaster.
  • Samouczki: otwórz zbiór samouczków i przykładów AppMaster.
  • Społeczność: otwórz społeczność AppMaster, aby połączyć się z innymi użytkownikami AppMaster.
  • Zresetuj onboarding: otwórz ponownie onboarding, aby zapoznać się z interfejsem edytora internetowego.
  • Skróty klawiaturowe: otwórz listę skrótów klawiaturowych, która pomaga przyspieszyć proces projektowania. Możesz wyświetlić te skróty, naciskając Shift + /.
  • Co nowego: jeśli przegapisz jakieś aktualizacje, możesz zapoznać się z pełną listą aktualizacji, klikając ten link.
  • Podsumowanie prawne: otwórz wszystkie dokumenty prawne AppMaster.

nagłówek

Header of AppMaster Web Designer

Nagłówek edytora zawiera informacje o aplikacji i pasek narzędzi aplikacji.

Informacje o aplikacji

Web app information in AppMaster Web Designer

Po lewej stronie nagłówka wyświetlane są podstawowe informacje o Twojej aplikacji:

  • Ikona aplikacji: ikona aplikacji umożliwiająca szybką identyfikację wizualną aplikacji.
  • Nazwa aplikacji: nazwa Twojej aplikacji.
  • Nazwa projektu: projekt, do którego należy aplikacja.
  • Wskaźnik aplikacji domyślnej: jeśli aplikacja jest oznaczona jako domyślna, obok jej nazwy zobaczysz ikonę gwiazdki.

Lista współpracowników

Collaborators in AppMaster Web Designer

Lista współpracowników wyświetla wszystkich członków projektu aktualnie pracujących nad aplikacją. Każdy współpracownik ma osobisty kolor obramowania, ten kolor będzie używany dla jego kursora.

Jeśli liczba współpracowników przekracza 5, kliknij licznik, aby wyświetlić ukrytych współpracowników. Twój awatar jest zawsze wyświetlany na pierwszym miejscu.

Najedź kursorem na awatar, aby zobaczyć nazwę współpracownika.

Więcej o trybie współpracy możesz przeczytać tutaj .

Zapowiedź

Realtime preview in AppMaster Web Designer

Aby uruchomić podgląd aplikacji należy kliknąć przycisk Podgląd i wybrać plan wdrożenia w celu załadowania jej danych lub wybrać opcję Podgląd z próbnymi danymi.

Podgląd będzie uruchamiany w nowej karcie i aktualizowany w czasie rzeczywistym podczas wprowadzania zmian w aplikacji bez konieczności zapisywania.

Więcej o trybie podglądu w czasie rzeczywistym możesz przeczytać tutaj .

Przyciski akcji

Wypychanie zmian

Wszystkie zmiany dokonane w aplikacji zapisywane są w wersji roboczej. Nie musisz zapisywać aplikacji w trakcie pracy.

Ale jeśli opublikujesz swój projekt bez wypychania, nie zobaczysz tej zmiany w wersji kompilacji. Aby uwzględnić zmiany w kompilacji projektu, należy je wypchnąć na serwer przed opublikowaniem projektu. Po wypchnięciu zmiany zostaną uwzględnione przy kolejnej publikacji projektu.

Opublikuj aplikację WKRÓTCE

Aby zaktualizować zbudowaną wersję projektu, musisz opublikować aplikację w jednym z planów wdrożenia.

Publish Application from AppMaster Web Designer

Publikowanie możesz rozpocząć bezpośrednio z poziomu edytora. Aby opublikować, kliknij przycisk Rakieta i wybierz docelowy plan wdrożenia.

Miejsce pracy

Obszar roboczy to centralna część AppMaster Web Designer, w której tworzysz i konfigurujesz aplikację.

Work area Canvas AppMaster Web Designer

Zawartość obszaru roboczego będzie się zmieniać w zależności od aktualnie wybranej zakładki. Opis każdej z dostępnych zakładek znajdziesz w kolejnych artykułach.

Po otwarciu Edytora aplikacji internetowych pierwszą sekcją, która zostanie otwarta, będzie Projektant interfejsu użytkownika.

Was this article helpful?
Nadal szukasz odpowiedzi?