qooxdoo

qooxdooJavaScript-Фреймворк с открытым исходным кодом для разработки пользовательских интерфейсов. Служит каркасом для одностраничных приложений. Разработка веб-приложений возможна полностью на JavaScript без использования HTML и каскадных таблиц стилей (CSS). По своему стилю и философии похож на библиотеки виджетов Qt и SWT, о чем заявляли сами разработчики qooxdoo.

qooxdoo

Браузер с запущенным qooxdoo приложением
Тип фреймворк,библиотека JavaScript
Разработчики 1 & 1[1],GMX
Написана на JavaScript[2]
Первый выпуск 17 декабря 2009
Последняя версия 6.0.0 (4 февраля 2021 (2021-02-04)[3])
Лицензия лицензия MIT
Сайт qooxdoo.org

Компоненты

НазваниеНазначение
qx.DesktopСоздание веб-приложений в стиле настольных программ
qx.MobileСоздание веб-приложений для мобильных устройств
qx.ServerИспользуется в средах без поддержки DOM, таких как Node.js и Rhino
qx.WebsiteПредставляет собой библиотеку для добавления динамических возможностей сайту (аналог JQuery)

Особенности

Компилятор

До версии 5.0 включительно использовался для создания конечного приложения, документации, запуска Unit-тестов набор скриптов написанных на языке python. В версии 6.0 был разработан специальный компилятор qx написанный на языке JavaScript. Компилятор распространяется в виде NPM пакета и включает следующие основные команды:

  • qx compile - сборка qooxdoo проекта
  • qx test - сборка и запуск модульных тестов
  • qx package - менеджер пакетов qooxdoo
  • qx serve - запуск встроенного веб-сервера для работы веб-приложения
  • qx clean - очистить результаты сборки

Компилятор собирает приложения, написанные на стандарте ES6, благодаря чему возможен их запуск в браузере.

Пример использования

Ниже приведен пример использования qooxdoo.

qx.Class.define("custom.Application",
{
  extend : qx.application.Standalone,

  members :
  {
    main : function()
    {
      this.base(arguments);

      // Создать кнопку
      var button1 = new qx.ui.form.Button("First Button", 
                                          "icon/22/apps/internet-web-browser.png");

      // документ является корнем приложения
      var doc = this.getRoot();

      // Добавить кнопку к документу с заданными координатами
      doc.add(button1, {left: 100, top: 50});

      // Добавить подсказку
      button1.setToolTip(new qx.ui.tooltip.ToolTip("A nice tooltip",
                                                   "icon/32/status/dialog-information.png"));

      // Добавить обработчик к кнопке
      button1.addListener("execute", function(e) {
        alert("Hello World!");
      });
    }
  }
});

Система пакетов

Фреймворк позволяет разделить исходный код приложения по модулям или библиотекам и описать зависимости между ними через конфигурационные файлы. Библиотеки можно преобразовать в пакеты (плагины) и опубликовать их в общедоступный qooxdoo репозиторий, который базируется на GitHub. Данная особенность позволяет создавать и совместно использовать эти пакеты.

Дополнительный инструментарий

Для удобства разработки фреймворк включает следующие инструменты:

  • Playground — среда для написания исходного кода qooxdoo и его запуска
  • API Viewer — API справочник по классам, который может быть создан по Javadoc-подобным комментариям
  • Package Browser — обозреватель репозитория qooxdoo пакетов
  • Demo Browser — обозреватель коллекции демонстрационных примеров с приложенным JavaScript кодом

Данные инструменты являются базовыми и распространяются в виде пакетов.

См. также

Примечания

  1. 1&1 Internet AG, Germany
  2. The qooxdoo Open Source Project on Open Hub: Languages Page
  3. qooxdoo 6.0.0 release. github.com (4 февраля 2021). Дата обращения: 10 марта 2021.

Литература

  • Mohamed Raffi, Rajesh Kumar Bachu. qooxdoo пособие для начинающих = qooxdoo Beginner's Guide. — Packt Publishing, 2011. — 420 с. — ISBN 978-1849513708.

Ссылки

This article is issued from Wikipedia. The text is licensed under Creative Commons - Attribution - Sharealike. Additional terms may apply for the media files.