如何使用JsViews创建路由？

Question

我有多个页面

Index.jsp，contact.html，content.html

我尝试在

的帮助下创建自己的路由器

window.addEventListener('hashchange', router);

如果我想创建一个带有jsviews的路由器，请你解释或提供文档链接。

我已经检查了https://www.jsviews.com/，但我发现只有Hapi集成的路由，没有原生解决方案。 您还可以建议一种简单的路由方式吗？

Answer 1

如果您希望路由从服务器加载不同的HTML页面，那么您的路由需要在服务器上实现，因此如果您在服务器上使用Express或Hapi，则可以考虑使用Express或Hapi路由到返回不同的页面。有关此示例，请参阅https://github.com/BorisMoore/jsrender-node-starter。

JsViews在浏览器中运行，因此不参与从服务器获取新页面。 （当然，您可以进行ajax调用，但是从服务器加载的初始页面保持不变 - 并且您实际上正在使用SPA模式 - 单页应用程序。）

作为SPA，您确实可以拥有客户端路线，而www.jsviews.com网站就是这样做的。浏览左侧内容树窗格，您将看到URL哈希更改。类似地使用搜索功能，哈希将包含搜索参数，并且将是“可收藏”的（例如http://www.jsviews.com/#search?s=hash）。但在这些情况下，您不会从服务器加载任何新页面（例如您的contact.html）。您可以从这一行开始查看www.jsviews.com如何做到这一点：https://github.com/BorisMoore/jsviews.com/blob/gh-pages/index.js#L1428。