Framework7 - Framework7

Framework7
Стабильный выпуск
5.7.10 / 14 июля 2020 г. (2020-07-14)
Репозиторийhttps://github.com/framework7io/framework7
Доступно ванглийский
ЛицензияЛицензия MIT
Интернет сайтframework7.io

Framework7 является Открытый исходный код и бесплатная платформа для разработки мобильных, настольных или веб-приложений; Framework7 также можно использовать как инструмент для создания прототипов.[1][2][3][4]

Функции

Некоторые особенности Framework7 приведены ниже:

  • поддержка нескольких платформ
  • использование многих инструментов (например, webpack)
  • Элементы пользовательского интерфейса
  • Богатая экосистема.[1]

Пример

Пример кода может выглядеть следующим образом:

<!DOCTYPE html><html>  <голова>    <!-- Required meta tags-->    <мета кодировка=«УТФ-8»>    <мета имя="область просмотра" содержание="ширина = ширина устройства, начальный масштаб = 1, максимальный масштаб = 1, минимальный масштаб = 1, масштабируемый пользователем = нет, минимальный пользовательский интерфейс, размер окна просмотра = обложка">    <мета имя="Apple-мобильное-приложение-совместимое" содержание="да">    <!-- Color theme for statusbar -->    <мета имя="цвет темы" содержание="# 2196f3">    <!-- Your app title -->    <заглавие>Мое приложение</заглавие>    <!-- Path to Framework7 Library Bundle CSS -->    <связь rel="таблица стилей" href="путь / к / framework7.bundle.min.css">    <!-- Path to your custom app styles-->    <связь rel="таблица стилей" href="путь / к / my-app.css">  </голова>  <тело>    <!-- App root element -->    <div я бы="приложение">      <!-- Statusbar overlay -->      <div учебный класс="статус бар"></div>      <!-- Your main view, should have "view-main" class -->      <div учебный класс="просмотр основной страницы">        <!-- Initial Page, "data-name" contains page name -->        <div имя-данных="дома" учебный класс="страница">          <!-- Top Navbar -->          <div учебный класс="навигационная панель">            <div учебный класс="навигационная панель-внутренний">              <div учебный класс="заглавие">Отличное приложение</div>            </div>          </div>          <!-- Bottom Toolbar -->          <div учебный класс="панель инструментов внизу">            <div учебный класс="внутренняя панель инструментов">              <!-- Toolbar links -->              <а href="#" учебный класс="связь">Ссылка 1</а>              <а href="#" учебный класс="связь">Ссылка 2</а>            </div>          </div>          <!-- Scrollable page content -->          <div учебный класс="содержание страницы">            <п>Содержимое страницы размещается здесь</п>            <!-- Link to another page -->            <а href="/о/">О приложении</а>          </div>        </div>      </div>    </div>    <!-- Path to Framework7 Library Bundle JS-->    <сценарий тип="текст / javascript" src="путь / к / framework7.bundle.min.js"></сценарий>    <!-- Path to your app js-->    <сценарий тип="текст / javascript" src="путь / к / my-app.js"></сценарий>  </тело></html>

[5]

Части экосистемы

Некоторые части экосистемы представлены ниже:

  • Framework7 Core / API
  • Framework7 Vue
  • Framework7 React
  • Framework7 CLI
  • Framework7 Иконки.[6]

Смотрите также

Рекомендации

  1. ^ а б «Framework7 - полнофункциональная платформа для создания приложений для iOS, Android и настольных компьютеров». framework7.io. Получено 2019-08-21.
  2. ^ Ченг, Фу (2017-05-02). Создавайте мобильные приложения с помощью Ionic 2 и Firebase: разработка гибридных мобильных приложений. Апресс. п. 3. ISBN  9781484227374.
  3. ^ Замметти, Франк (2018-03-10). Практический Webix: научитесь ускорять и улучшать свою веб-разработку. Апресс. п. 5. ISBN  9781484233849.
  4. ^ Вс, Ии (04.01.2019). Практическая разработка приложений с помощью AppRun: создание надежных, высокопроизводительных веб-приложений с использованием архитектуры, вдохновленной Elm, Event Pub-Sub и компонентов. Апресс. п. 177. ISBN  9781484240694.
  5. ^ "HTML-макет приложения | Документация по Framework7". framework7.io. Получено 2019-08-21.
  6. ^ «Документация Framework7». framework7.io. Получено 2019-08-21.

внешняя ссылка