Декларативные формы для сценарного языка OneScript

23.01.25

Разработка - Работа с интерфейсом

Графический интерфейс с применением веб-технологий в коллекцию инструментария сценарного языка OneScript. Библиотека создает десктопное приложение имеющее декларативный пользовательский интерфейс (GUI), построенный веб-браузером. Возможности веб-технологий по представлению информации огромны. Эти возможности соответственно добавляются и к сценариям OneScript.

Цель разработки

Сделать простой инструмент для OneScript для создания мультиплатформенного интерфейса с возможностями веб-технологий. 
Сделать возможным построение GUI там, где возможно запустить сценарий односкрипта.
При этом избавить программиста от изучения дополнительных языков программирования или фреймворков.

 

Кратко о возможностях

  • Синтаксис совпадает с синтаксисом 1С. Программисту 1С всё будет знакомо и привычно.
  • Задействован язык гипертекстовой разметки HTML. Теги html представлены классами со свойствами, событиями и методами. Для установки значений возможно (но не обязательно) использование синтаксиса html.
  • Задействован язык иерархических правил CSS. CSS-свойства представлены как свойства элементов формы. Так же можно просто подключить в сценарий файл CSS-стилей.
  • Задействован язык сценариев веб-страниц JavaScript. Так же можно просто подключить в сценарий файл js скрипта.
  • Обработка событий формы.
  • Создание анимации объектов.
  • Есть класс Математика (Math) с набором основных функций.
  • Создание главного меню окна и контекстного меню для объектов.
  • Рисование на объекте Холст (Canvas).
  • Использование всей палитры цвета для элементов (по имени цвета или через задание rgb значений).
  • Создание таблиц.
  • Есть таймер для отсчета промежутков времени.
  • Создание значка в системном лотке.
  • Вывод сообщений для пользователя и всплывающих уведомлений.
  • И многое другое, что возможно представить на веб-странице веб-технологиями.

 

Немного кода

ПодключитьВнешнююКомпоненту("ВашКаталогНаДиске\DeclarativeForms.dll");
ДФ = Новый ДекларативныеФормы();
Форма1 = ДФ.Форма;
Форма1.НачальнаяШирина = 350;
Форма1.НачальнаяВысота = 100;
Форма1.Значок = "icon2.png";

РаскрываемыйБлок1 = Форма1.ДобавитьДочерний(ДФ.РаскрываемыйБлок());
РаскрываемыйБлок1.Стиль.ЦветФона = ДФ.Цвет.БледноБирюзовый;

ЗаголовокРаскрываемогоБлока1 = ДФ.ЗаголовокРаскрываемогоБлока();
РаскрываемыйБлок1.ДобавитьДочерний(ЗаголовокРаскрываемогоБлока1);
ЗаголовокРаскрываемогоБлока1.Текст = "Жители деревни Простоквашино";

НеупорядоченныйСписок1 = РаскрываемыйБлок1.ДобавитьДочерний(ДФ.НеупорядоченныйСписок());

ЭлементСписка1 = НеупорядоченныйСписок1.ДобавитьДочерний(ДФ.ЭлементСписка());
ЭлементСписка1.Текст = "Кот Матроскин";
ЭлементСписка2 = НеупорядоченныйСписок1.ДобавитьДочерний(ДФ.ЭлементСписка());
ЭлементСписка2.Текст = "Пёс Шарик";
ЭлементСписка3 = НеупорядоченныйСписок1.ДобавитьДочерний(ДФ.ЭлементСписка());
ЭлементСписка3.Текст = "Птица Галчонок";

РаскрываемыйБлок1.Открыт = Истина;

Форма1.Открыть();

Как видите всё просто. Результат можно увидеть на третьем рисунке вверху публикации.

 

Ссылки

Исходный код доступен на github (OneScriptDeclarativeForms). 

Документация находится здесь и она содержит подробные примеры и проверочные тесты.

OneScript GUI интерфейс форма

См. также

Работа с интерфейсом Системный администратор Программист Платформа 1С v8.3 Управляемые формы Конфигурации 1cv8 Платные (руб)

Механизм «Динамическое управление доступом к элементам форм объектов 1С8» предназначен для обеспечения возможности оперативного управления видимостью и доступностью элементов форм документов и справочников продуктов фирмы «1С» «1С:Предприятие 8». Решение универсальное, встраивается в любую конфигурацию с минимальными доработками, что позволяет без проблем обновлять типовые решения.

5000 руб.

14.01.2016    55389    17    23    

43

Работа с интерфейсом Рабочее место Платформа 1С v8.3 Управляемые формы Конфигурации 1cv8 Платные (руб)

Богатый редактор картинок 1С предназначен для обработки изображений в режиме «Предприятие», с возможностью РИСОВАТЬ на них. Поддерживается работа как в обычных формах (толстый клиент) так и на управляемых формах (тонкий клиент). Обработка позволяет редактировать как картинки, хранимые в базе, так и графические файлы с диска на файловой системе. Помимо базовых функций (изменение размеров, преобразование формата, обрезание картинки, повороты и т.п.) – редактор имеет богатый набор инструментов для рисования. Доступна функция вставки изображения из буфера обмена. Объект может быть использован: на стороне клиента, на стороне сервера, из внешнего соединения. Обработка будет особенно полезна тем, кто вносит картинки в базу (изображения номенклатуры, фотографии физических лиц и т.п.). Функционал реализуется с использованием JavaScript и бесплатного ПО ImageMagick (без использования внешних компонент).

6000 руб.

16.01.2015    63779    44    59    

82

Работа с интерфейсом Программист Платформа 1С v8.3 Конфигурации 1cv8 1С:ERP Управление предприятием 2 Платные (руб)

Обработка предназначена для создания и управления дашбордами.

2400 руб.

29.06.2020    19646    27    6    

43

Работа с интерфейсом Программист Стажер Платформа 1С v8.3 Бесплатно (free)

Это инструкция по дизайну форм в среде 1С. Гайд охватывает рекомендации и стандарты для оптимизации пользовательского интерфейса. В гайде содержатся указания по использованию элементов интерфейса, включая как основные, так и продвинутые аспекты. Предоставляются также примеры и антипримеры для наглядного понимания принципов дизайна

20.08.2024    21404    mrXoxot    44    

128

Работа с интерфейсом Программист Платформа 1С v8.3 Бесплатно (free)

Пример простого и симпатичного прогресс-бара в динамическом списке, без картинок, используя редактирование запроса.

27.05.2024    10680    smielka    37    

105

Работа с интерфейсом Платформа 1С v8.3 1С:Бухгалтерия 3.0 1С:Управление торговлей 11 1С:Зарплата и Управление Персоналом 3.x 1С:Управление нашей фирмой 3.0 Бесплатно (free)

Добавьте новогоднего настроения! Расширение создает декорацию в виде гирлянды на некоторых формах объектов.

27.12.2023    17871    1223    elcoan    53    

125

Инструментарий разработчика Работа с интерфейсом Программист Платформа 1С v8.3 Конфигурации 1cv8 Абонемент ($m)

Подходит для создания web-страниц для замены управляемых форм 1С, красивых отчетов, интерфейса мобильного приложения на платформе 1С и для простых страниц веб-сайтов.

3 стартмани

10.04.2023    12590    167    acces969    31    

126
Вознаграждение за ответ
Показать полностью
Комментарии
Подписаться на ответы Инфостарт бот Сортировка: Древо развёрнутое
Свернуть все
1. aximo 2126 23.01.25 13:07 Сейчас в теме
покажите больше примеров
4. sikuda 678 25.01.25 23:36 Сейчас в теме
(1) Когда сама 1С не желает использовать браузерные технологии возникают велосипеды
Кратко что может webgl:
https://madebyevan.com/webgl-water/
2. ahyahy 100 23.01.25 14:47 Сейчас в теме
(1)
покажите больше примеров

Вот здесь больше скриншотов
https://ahyahy.github.io/OneScriptDeclarativeForms/screenshot.html
Что то попрезентабельнее я не делал.
Кое что можно найти в справке в разделе-Дополнения
https://ahyahy.github.io/OneScriptDeclarativeForms/OSDFormsRu/index.html
Раздел -Дополнения-Примеры тестирования содержит код тестов на каждое свойство, метод, событие. Но
чтобы увидеть результат их нужно запускать.
Веб-технологии, Вы можете представить в программе всё, что хотите.
Оставьте свое сообщение