第十一章 Meteor 路由.pdf

Meteor 路由 路由 现在，我们已经创建了⼀个帖⼦列表页⾯ （最终是由⽤户提交的），我们还需 添加 ⼀个单独的帖⼦页⾯，提供给⽤户评论对应的帖⼦。 我们希望可以通过固定链接访问到每个单独的帖⼦页⾯，URL 形式是 /posts/xyz （这⾥的 xyz 是 MongoDB 的 _id 标识符），对 于每个帖⼦来说是唯⼀的。 这意味着我们需 某些路由来看看浏览器的地址栏⾥⾯的路径是什么，并相应地显⽰ 正确的内容。 添加 Iron Router 包 Iron Router 是特别为了 Meteor Apps 开发的路由包。 它不仅能帮助路由 （设置路径），还能帮助过滤 （为这些路径分配跳转），甚⾄能管 理订阅 （控制路径可以访问哪些数据）。 （注意：Iron Router 是由本书 《Discover Meteor》的其中⼀名作者 Tom Coleman 参与开发的。) ⾸先，让我们从 Atmosphere 中安装这个包： meteor add iron:router Terminal 终端 这个命令是下载并安装 Iron Router 包到我们的 App ，这样我们就可以使⽤了。请注 意，在能够顺利使⽤这个包之前，你可能需 重启你的 Meteor 应⽤ （通过按 ctrl + c 就能停⽌进程，然后输⼊ meteor 再次启动它）。 路由器的词汇 在本章我们会接触很多路由器的不同功能。如果你对类似 Rails 的框架有⼀定实践经 验的话，你可能已经很熟悉⼤部分的这些词汇概念了。但是如果没有的话，这⾥有⼀ 个快速词汇表让你来了解⼀下： 路由规则 （Route ）：路由规则是路由的基本元素。它的⼯作就是当⽤户访问 App 的某个 URL 的时候，告诉 App 应该做什么，返回什么东西。 路径 （Path ）：路径是访问 App 的 URL 。它可以是静态的 （/terms_of_service）或者动态的 （/posts/xyz），甚⾄还可以包含查 询参数 （/search?keyword=meteor）。 ⽬录 （Segment ）：路径的⼀部分，使⽤正斜杠 （/）进⾏分隔。 Hooks ：Hooks 是可以执⾏在路由之前，之后，甚⾄是路由正在进⾏的时候。 ⼀个典型的例⼦是，在显⽰⼀个页⾯之前检测⽤户是否拥有这个权限。 过滤器 （Filter ）：过滤器类似于 Hooks ，为⼀个或者多个路由规则定义的全局 过滤器。 路由模板 （Route Template ）：每个路由规则指向的 Meteor 模板。如果你不指 定，路由器将会默认去寻找⼀个具有相同名称的模板。 布局 （Layout ）：你可以想象成⼀个数码相框的布局。它们包含所有的 HTML 代码放置在当前的模板中，即使模板发⽣改变它们也不会变。 控制器 （Controller ）：有时候，你会发现很多你的模板都在重复使⽤⼀些参 数。为了不重复你的代码，你可以让这些路由规则继承⼀个路由控制器 （Routing Controller ）去包含所有的路由逻辑。 关于更多 Iron Router 的信息，请查看 GitHub上⾯的完整⽂档. 路由：把 URL 映 到模板 到⽬前为⽌，我们已经使⽤了⼀些固定模板 （⽐如 {{ postsList}}）来为我们布 局。因此，尽管我们 App 的内容还可以更改，但是页⾯的基本结构都已经不变了：⼀ 个头 （hea er ），它下⾯是帖⼦列表。 Iron Router 负责处理在 HTML body 标签⾥⾯该呈现什么，让我们摆脱了这个枷 锁。所以我们不会再⾃⼰去定义标签⾥⾯的内容，取⽽代之的是，我们将路由器指定 到⼀个包含 {{ yield}} 标签的布局模板。 这个 {{ yield}} 标签将会定义⼀个动态区域，它会⾃动呈现对应于当前线路的相 应模板 （从现在起，我们将指定这个特殊的模板叫 “route templates” ）： 布局和模板 我们将开始构建我们的布局和添加 {{ yield}} 标签。⾸先，我们先从 main.html ⽂件⾥⾯删除 body 标签，并把它的内容放到它们共同的模板 layout.html ⾥⾯ （保存在新的 client/templates/application ⽂件夹 中）。