如何在liferay 7中创建单页应用程序？

任何人都可以分享一些关于如何使用SennaJS在Liferay 7中创建单页应用程序（SPA）的详细信息。

---

我找不到有关如何在Liferay 7中创建SPA的任何文档。

它默认提供，除非您取消设置以下属性：

javascript.single.page.application.enabled=true

---

顺便说一句，在dev实例中，这相当烦人，因为在第一次访问时加载页面需要一段时间，有时甚至需要重新加载页面。另外，请注意，在某些特殊情况下，某些应用程序可能会中断，这通常是由于重新加载页面以正常运行的代码造成的。

默认情况下，除非您取消设置以下属性：

javascript.single.page.application.enabled=true

---

顺便说一句，在dev实例中，这相当烦人，因为在第一次访问时加载页面需要一段时间，有时甚至需要重新加载页面。另外，请注意，在某些特殊情况下，一些应用程序可能会中断，这通常是由于重新加载页面以正常运行的代码造成的。

无论您将使用Liferay SDK/Workspace或任何兼容的Liferay插件创建和部署哪个portlet，默认情况下都是SPA。

---

无需在其上进行任何编码。

无论您将使用Liferay SDK/Workspace或任何兼容的Liferay插件创建和部署哪个portlet，默认情况下都是SPA。

---

无需在其上进行任何编码。

您甚至可以使用以下代码在6.2中创建它

// initializing senna 
                 var app = new senna.App();
                 // Set links selector for navigations
                 app.setLinkSelector(".senna-link");
                 // set basic path of liferay site
                 app.setBasePath('/web/spa-demo/');
                 // Id of DOM element which will be replaced from
                 // next page request
                 // using content div - default in liferay theme
                 app.addSurfaces('content');
                 // define routes for all the navigation links
                 // route link = Base path + page link
                 app.addRoutes([
                     new senna.Route('home', senna.HtmlScreen),
                     new senna.Route('second', senna.HtmlScreen),
                     new senna.Route('third', senna.HtmlScreen),
                 ]);

您需要处理的事情，如果是SPA，则需要首先绑定所有事件，即委托，因为不会进行页面刷新

---

i、 例如document.getReady只调用一次

您甚至可以使用以下代码在6.2中创建它

// initializing senna 
                 var app = new senna.App();
                 // Set links selector for navigations
                 app.setLinkSelector(".senna-link");
                 // set basic path of liferay site
                 app.setBasePath('/web/spa-demo/');
                 // Id of DOM element which will be replaced from
                 // next page request
                 // using content div - default in liferay theme
                 app.addSurfaces('content');
                 // define routes for all the navigation links
                 // route link = Base path + page link
                 app.addRoutes([
                     new senna.Route('home', senna.HtmlScreen),
                     new senna.Route('second', senna.HtmlScreen),
                     new senna.Route('third', senna.HtmlScreen),
                 ]);

您需要处理的事情，如果是SPA，则需要首先绑定所有事件，即委托，因为不会进行页面刷新

i、 例如document.getReady只调用一次