聚合物飞镖 - 多视图答案

【问题标题】：Polymer Dart - Multiple View聚合物飞镖 - 多视图
【发布时间】：2014-10-05 01:55:03
【问题描述】：

我正在尝试使用 Dart 和 Polymers 创建一个示例 CRUD 应用程序。

我注意到几乎所有飞镖聚合物示例只有一页。我正在尝试寻找具有多页的样本。

即

屏幕包含 Person 对象表
然后，当单击添加按钮时，它会转到 Person 对象的添加视图
在添加页面上，有一个添加其他子对象的链接。

仅使用一个屏幕这是非常可行的，但我正在寻找实现多个屏幕的最佳实践。在 GWT 中，它使用活动和地点。飞镖计数器部分是什么？

我在其他一些post 上看到使用路由，但似乎不适用于我的 Dart 编辑器。而且我不确定这是否仍然是最新的，因为发布了将近一年。

 ShadowRoot.resetStyleInheritance and ShadowRoot.applyAuthorStyles now deprecated in dart:html.
 Please remove them from your code.

 Uncaught Error: Illegal argument(s): No handler found for /routes_example.html#one
 Stack Trace:

【问题讨论】：

标签： dart dart-polymer

【解决方案1】：

我刚刚发布了一个使用 Polymer 进行路由的包（请参阅 https://github.com/bwu-dart/bwu_polymer_routing）有两个指向在线简单演示的链接。我对 1.6.0（开发通道版本）有一个 SDK 依赖项，因为我没有使用 Dart 1.5.x 对其进行测试。我可能会在下一个版本中取消此限制。

一些亮点：

分层视图会根据当前路径自动创建和插入。
路由参数值会在路由或参数值更改时自动传递给视图属性。
参数值在视图中更新，无需再次创建视图。
无论 usePushState 是启用还是禁用，都会运行相同的代码。
与事件处理程序混合用于简单的转到路由链接或按钮。
为您的 Polymer 元素添加 DI 支持的 Mixin。

另见https://stackoverflow.com/a/25228357/217408

【讨论】：

谢谢。似乎您创建了自己的框架来处理路由。实际上，我一直在寻找目前在没有框架的情况下是如何完成的。聚合物飞镖是否仅设计用于单页？是否打算使用不同的 html 文件从一个页面导航到另一个页面？诸如此类。
它使用 Angular.dart 也使用的 route_hierarchical 包。我刚刚添加了一些辅助元素/mixin。例如<bind-view> 元素，一个占位符，其中视图元素（在路由配置中配置）被自动插入。这主要是从 Angular.dart 如何使用 route_hierarchical 到 Polymer 的一个端口。
知道了。将详细研究它。但是现在，您是否知道任何关于如何设计多个飞镖页面的文章。在实际实施之前，我首先对理论感兴趣。
我想没什么可考虑的。我想到的一件事是您如何绑定到数据模型。我想这主要取决于您正在构建什么样的应用程序。是否应该替换整个内容，或者应该某些菜单或脚手架保持不变，并且只替换页面的某些部分。
实际上，我更了解的是，Dart 是不是像 GWT 一样非常适合单页 Web 应用程序，如 Docs、Maps 等，还是更像是服务器端语言的 jquery（PHP、JSP ，ASP）。所以，我只是想知道使用 dart 的合适实例是什么。