* Название - будет отображаться на верхней панели, при работе с приложением и в списке при выборе пункта меню "Открыть приложение"
* Код - уникальный код приложения. Может содержать латинские буквы, цифры и символ "_" (нижнее подчеркивание)
* URL - уникальный адрес, по которому можно будет открыть приложение.
* Поставить галочку "Требуется авторизация" или указать логин и пароль для пользователя по умолчанию.
* Поставить галочку "Требуется авторизация", или указать логин и пароль для пользователя по умолчанию.
3. Выделить корневую папку root, нажать на "+" и добавить поочередно страницы с названиями "Авторизация" и "Главная". При создании нужно указать свойства для каждой страницы:
...
...
@@ -39,7 +39,7 @@
Сама страница открывается двойным кликом по названию или иконке в блоке "Страницы".
По умолчанию каждая страница содержит компонент ``root-panel`` - панель, в которой будут содержаться все остальные компоненты страницы.
По умолчанию каждая страница содержит компонент ``root-panel`` - панель, в которой будут размещены все остальные компоненты страницы.
Перед тем, как добавлять на страницу новый компонент, необходимо выделить панель, на которой он будет расположен, кликом левой кнопкой мыши. После этого справа отобразится блок свойств выделенной панели, а в верхней части (выше панели вкладок) будут расположены кнопки управления компонентами:
.. figure:: img/5.png
...
...
@@ -48,13 +48,13 @@
Добавим на ``root-panel`` компонент "Панель" - это будет наше окно авторизации. Укажем компоненту выравнивание - по центру.
Выделив только что созданную панель, добавим в нее еще 3 панели:
Выделив только что созданную панель, добавим в нее еще три панели:
.. figure:: img/7.png
Создание панелей для окна авторизации
* В верхнюю из добавленных 3 панелей добавляем компонент - Надпись, в Свойствах указываем текст надписи - "Авторизация"
* В среднюю добавим 2 компонента "Поле для ввода" - для логина и пароля. Выбираем иконки и прописываем текст для плейсхолдера
* В верхнюю из добавленных трёх панелей добавляем компонент - Надпись, в Свойствах указываем текст надписи - "Авторизация"
* В среднюю добавим два компонента "Поле для ввода" - для логина и пароля. Выбираем иконки и прописываем текст для плейсхолдера
* В нижнюю добавим компонент "Кнопка" с текстом "Войти"
Страница авторизации почти готова:
...
...
@@ -62,7 +62,7 @@
.. figure:: img/6.png
Окно авторизации
Добавим кейс для кнопки "Войти":
Добавим кейс для кнопки "Войти":
.. figure:: img/8.png
Кейс перехода на главную страницу
...
...
@@ -103,7 +103,7 @@
.. figure:: img/15.png
Добавление видео
Сохраняем страницу, переходим в меню приложения и нажимаем "Деплой". По адресу, указанномуу в свойствах приложения, можно открыть наше приложение (http://ip:8080/url):
Сохраняем страницу, переходим в меню приложения и нажимаем "Деплой". По адресу, указанному в свойствах приложения, можно открыть наше приложение (http://ip:8080/url):