Framework7 и одностраничное приложение - PullRequest
Новая
       18

Framework7 и одностраничное приложение

0 голосов
/ 10 июня 2019

Я бы хотел создать одностраничное приложение, используя Framework7.Учитывая некоторые ограничения системы, в которой будет работать приложение, я не могу использовать AngularJS.Насколько я понимаю, vanilla Framework7 не поддерживает SPA s, каждая HTML страница загружается по требованию, когда пользователь нажимает на ссылку, кнопку или все остальное, что может вызвать переход страницы.

Есть ли способ построить SPA только с Framework7?

В соответствии с этим примером:

https://github.com/framework7io/framework7-template-vue-simple

Похоже, что это возможно, но я не совсем понимаю, если мне тоже нужно Vue.js илиесли я могу сделать это только с помощью Framework7.

Из официальной документации это базовый скелет, который должен иметь каждый Framework7: 

<!DOCTYPE html>
<html>
  <head>
    <!-- Required meta tags-->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui, viewport-fit=cover">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!-- Color theme for statusbar -->
    <meta name="theme-color" content="#2196f3">
    <!-- Your app title -->
    <title>My App</title>
    <!-- Path to Framework7 Library Bundle CSS -->
    <link rel="stylesheet" href="path/to/framework7.bundle.min.css">
    <!-- Path to your custom app styles-->
    <link rel="stylesheet" href="path/to/my-app.css">
  </head>
  <body>
    <!-- App root element -->
    <div id="app">

      <!-- Your main view, should have "view-main" class -->
      <div class="view view-main">
        <!-- Initial Page, "data-name" contains page name -->
        <div data-name="home" class="page">
          <!-- Scrollable page content -->
          <div class="page-content">
            <p>Page content goes here</p>
            <!-- Link to another page -->
            <a href="/about/">About app</a>
          </div>
        </div>
      </div>
    </div>
    <!-- Path to Framework7 Library Bundle JS-->
    <script type="text/javascript" src="path/to/framework7.bundle.min.js"></script>
    <!-- Path to your app js-->
    <script type="text/javascript" src="path/to/my-app.js"></script>
  </body>
</html>

Мой вопрос: могу ли яесть несколько страниц в родительском «представлении» div вместо основной?Если да, могу ли я переключать страницу с помощью Framework7 маршрутизации API, даже не запрашивая внешнюю HTML страницу?

...