Оглавление
Другие типы страниц приложения предлагают множество вариантов настройки, но задают структуру и поведение страницы. С помощью HTML-страниц вы можете добавить в приложение полностью индивидуальные страницы на основе HTML, JavaScript и CSS. Так вы сможете оформить приложения точно по своим представлениям и без проблем реализовать даже сложные взаимодействия. Типичные сценарии использования:
- Индивидуально оформленные формы, списки и информационные страницы
- Собственные типы диаграмм или схем с кликабельными элементами
- Комбинированные представления, например таблица и отдельная запись на одной странице
HTML-страницы могут отображать статическое содержимое, однако свой истинный потенциал они раскрывают в сочетании с данными базы. Как и другие типы страниц App Builder, они могут получать данные из базы и изменять записи в базе. При оформлении пользовательского интерфейса практически нет ограничений. Всё, что можно реализовать с помощью HTML, CSS и JavaScript, вы можете встроить в своё приложение в виде HTML-страницы.
Как создать HTML-страницу
- Откройте приложение в режиме редактирования. Для этого наведите курсор мыши на приложение и нажмите на значок карандаша
.
- Нажмите вверху слева на оранжевый круг со значком плюса и затем выберите Добавить HTML-страницу.
- Задайте странице имя и при желании определите значок для страницы.
- Подтвердите кнопкой Отправить.
- Создайте на своём устройстве zip-файл, содержащий файлы HTML, JavaScript и CSS.
- Загрузите файл, нажав на предусмотренную для этого область или перетащив файл в неё.
- После этого SeaTable отобразит файл как страницу в приложении.
Как создать необходимые файлы
Существует два способа создать HTML-страницу и предоставить её в виде zip-файла:
- Low-code-подход: оформите страницу в визуальном HTML-редакторе, свяжите её с вашей базой с помощью готовых фрагментов кода, при желании добавьте изображения и графику и упакуйте всё в zip-файл. Этот способ идеально подходит для индивидуально оформленных форм, дашбордов и страниц с простыми операциями чтения и записи.
- Подход разработчика: как только вы захотите создать более крупные HTML-страницы с более сложной логикой, например когда элементы страницы должны взаимодействовать друг с другом, вам потребуется полный набор инструментов JavaScript. Для разработки необходимы Node.js и npm, сервер разработки с живой перезагрузкой, а также API-токен, созданный в базе.
Дополнительную информацию, примеры и шаблоны вы найдёте в нашем руководстве для разработчиков .