Rámec7 - Framework7

Rámec7
Stabilní uvolnění
5.7.10 / 14. července 2020 (2020-07-14)
Úložištěhttps://github.com/framework7io/framework7
K dispozici vAngličtina
LicenceLicence MIT
webová stránkarámec7.io

Rámec7 je otevřený zdroj a bezplatný rámec pro vývoj mobilních, desktopových nebo webových aplikací; Framework7 lze také použít jako a prototypový nástroj.[1][2][3][4]

Funkce

Některé funkce Framework7 jsou uvedeny níže:

  • podporovat více platforem
  • použití mnoha nástrojů (např. webpack)
  • Prvky uživatelského rozhraní
  • Bohatý ekosystém.[1]

Příklad

Ukázkový kód může vypadat takto:

<!DOCTYPE html><html>  <hlava>    <!-- Required meta tags-->    <meta znaková sada="utf-8">    <meta název=„výřez“ obsah="width = device-width, initial-scale = 1, maximum-scale = 1, minimum-scale = 1, user-scalable = no, minimal-ui, viewport-fit = cover">    <meta název=„Apple-mobile-web-app-schopný“ obsah="Ano">    <!-- Color theme for statusbar -->    <meta název="téma-barva" obsah=„# 2196f3“>    <!-- Your app title -->    <titul>Moje aplikace</titul>    <!-- Path to Framework7 Library Bundle CSS -->    <odkaz rel="stylový list" href=„cesta / k / framework7.bundle.min.css“>    <!-- Path to your custom app styles-->    <odkaz rel="stylový list" href=„cesta / k / moje-app.css“>  </hlava>  <tělo>    <!-- App root element -->    <div id="aplikace">      <!-- Statusbar overlay -->      <div třída="stavový řádek"></div>      <!-- Your main view, should have "view-main" class -->      <div třída="zobrazit hlavní pohled">        <!-- Initial Page, "data-name" contains page name -->        <div data-name="Domov" třída="strana">          <!-- Top Navbar -->          <div třída="navbar">            <div třída="navbar-vnitřní">              <div třída="titul">Úžasná aplikace</div>            </div>          </div>          <!-- Bottom Toolbar -->          <div třída="panel nástrojů panel nástrojů dole">            <div třída="panel nástrojů-vnitřní">              <!-- Toolbar links -->              <A href="#" třída="odkaz">Odkaz 1</A>              <A href="#" třída="odkaz">Odkaz 2</A>            </div>          </div>          <!-- Scrollable page content -->          <div třída="obsah stránky">            <str>Obsah stránky jde sem</str>            <!-- Link to another page -->            <A href="/o/">O aplikaci</A>          </div>        </div>      </div>    </div>    <!-- Path to Framework7 Library Bundle JS-->    <skript typ=„text / javascript“ src=„cesta / k / framework7.bundle.min.js“></skript>    <!-- Path to your app js-->    <skript typ=„text / javascript“ src=„path / to / my-app.js“></skript>  </tělo></html>

[5]

Části ekosystému

Některé části ekosystému jsou uvedeny níže:

  • Framework7 Core / API
  • Framework7 Vue
  • Framework7 Reagovat
  • Framework7 CLI
  • Framework7 ikony.[6]

Viz také

Reference

  1. ^ A b „Framework7 - plně vybavený rámec pro vytváření aplikací pro iOS, Android a stolní počítače“. framework7.io. Citováno 2019-08-21.
  2. ^ Cheng, Fu (02.05.2017). Vytvářejte mobilní aplikace s Ionic 2 a Firebase: Hybridní vývoj mobilních aplikací. Apress. p. 3. ISBN  9781484227374.
  3. ^ Zammetti, Frank (10.03.2018). Praktický Webix: Naučte se urychlit a vylepšit svůj vývoj webových aplikací. Apress. p. 5. ISBN  9781484233849.
  4. ^ Sun, Yiyi (01.01.2019). Praktický vývoj aplikací s AppRun: Vytváření spolehlivých a vysoce výkonných webových aplikací pomocí architektury inspirované elmem, Event Pub-Sub a komponent. Apress. p. 177. ISBN  9781484240694.
  5. ^ "Rozložení HTML aplikace | Dokumentace Framework7". framework7.io. Citováno 2019-08-21.
  6. ^ „Dokumentace Framework7“. framework7.io. Citováno 2019-08-21.

externí odkazy