Polymer 高级聚合物布线

Polymer 高级聚合物布线,polymer,web-component,polymer-2.x,polymer-starter-kit,app-route,Polymer,Web Component,Polymer 2.x,Polymer Starter Kit,App Route,我正在尝试构建一个聚合网络应用程序。我遵循了示例,阅读了文档,了解了初学者工具包。问题是我不知道如何超越这些例子。特别是应用程序路由。我有一个基本的应用程序结构的想法,并正在寻找一些帮助开始。我想有我的主要网站,还有一个管理面板-你可以通过登录页面访问 管理门户-管理是硬编码的 /admin/:collection /admin/:collection/:document /admin/users /admin/users/userA 这就是管理页面的内容。可能还有一个管理仪表板页面 如果你

我正在尝试构建一个聚合网络应用程序。我遵循了示例,阅读了文档,了解了初学者工具包。问题是我不知道如何超越这些例子。特别是应用程序路由。我有一个基本的应用程序结构的想法,并正在寻找一些帮助开始。我想有我的主要网站,还有一个管理面板-你可以通过登录页面访问

管理门户-
管理
是硬编码的

/admin/:collection
/admin/:collection/:document

/admin/users
/admin/users/userA
这就是管理页面的内容。可能还有一个
管理仪表板
页面

如果你不知道的话,我使用Firebase Firestore作为后端,所以一切都是基于集合/文档的(想想mongodb)

静态页面 所以, 在页面上放置一个观察者。 如果管理员-做什么? 否则-加载单个页面

我是否处理
我的应用程序中的所有页面导航?我是否必须设置
应用程序路径
来处理每种情况

<app-route
    route="{{route}}"
    pattern="/:page"
    data="{{routeData}}"
    tail="{{subroute}}">
</app-route>
<app-route
    route="{{subroute}}"
    pattern="/:subpage"
    data="{{subrouteData}}">
</app-route>

处理大型动态网站的最佳实践是什么?
谢谢

这其实是个很好的问题。令人惊讶的是,谷歌没有人尝试过。我在应用程序路径、应用程序位置和查询参数方面遇到了很多麻烦@Nelson.b.austin您在polymer应用程序中找到了布线的最佳实践吗?我切换到Vue.js而不是polymer,玩得更开心!
/coming-soon
/about
/terms-and-services
/admin
<app-route
    route="{{route}}"
    pattern="/:page"
    data="{{routeData}}"
    tail="{{subroute}}">
</app-route>
<app-route
    route="{{subroute}}"
    pattern="/:subpage"
    data="{{subrouteData}}">
</app-route>