1

我是流星新手，我正在尝试做多页应用程序，这http://www.mydomain.com/page1将产生一个完全不同的页面http://www.mydomain.com/page2。
完全不同的意思是我不希望页面由客户端呈现。
我尝试使用meteor-router，但我得到的是这样的：

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="/myapp.css?9297ad4aa173c4e0c19aebd27c62a5c43242bb93">


<script type="text/javascript">
__meteor_runtime_config__ = {"ROOT_URL":"http://localhost:3000","serverId":"iMp4kgzzeqDtktJoY"};
</script>

  <script type="text/javascript" src="/packages/underscore/underscore.js?6d71e6711255f43c0de8090f2c8b9f60534a699b"></script>
  <script type="text/javascript" src="/packages/meteor/client_environment.js?07a7cfbe7a2389cf9855c7db833f12202a656c6b"></script>
  <script type="text/javascript" src="/packages/meteor/helpers.js?2968aa157e0a16667da224b8aa48edb17fbccf7c"></script>
...
...MANY MANY MANY SCRIPTS.... ?!?
...
...
  <script type="text/javascript" src="/myapp.js?2866dcdb5c828b129cdd3b2498a4bf65da9ea43f"></script>


<title>myapp</title>
</head>
<body>

</body>
</html>

这不是我想要的。我希望 page1 路线将返回我：

<!DOCTYPE html>
<html>
<head>
    My meta tags
</head>
<body>
    page1
</body>
</html>

我希望 page2 返回具有不同内容的不同元标记。
为了清楚起见，让我们假设我的客户有时没有 javascript。我不问流星是否是正确的框架！我只问我是否可以用流星做到这一点。

4

1 回答 1

2

与传统的 LAMP 堆栈相比，Meteor 的工作方式有点不同。基本上，它的工作原理是将 DOM 修补到只需要更改的地方，而不是重新下载整个网页。它在现代 Web 浏览器上提供了非常令人满意的最终用户体验。

要使用流星路由器，您需要找到一个要为不同页面修补新数据的位置{{renderPage}}。你可以使用类似的东西

<head>
    <title>xx</title>
</head>

<body>
{{renderPage}}
</body>

<template name="page1">
    <h2>Hello!</h2>
</template>

<template name="page2">
    <h2>Ola!</h2>
</template>

现在您需要在客户端 javascript 中定义一个路由器：

Meteor.Router.add({
    '/page1': 'page1',
    '/page2': 'page2'
});

所以如果你加载/page1你会看到你好！如果您加载/page2，您会看到 Ola！如定义<template name="page2">..</template>

使用元标记，您需要使用 javascript 来创建它们。有类似的东西

$('head').append("<meta...");

同样，这取决于您的偏好，我个人发现与其他基于“瘦”的网站相比，这些类型的应用程序在网页之间的加载速度非常快。（看看meteor.com，看看你可以多快在页面之间切换）。但是，浏览器确实需要 javascript。

值得注意的是，在生产模式下，只有 1 个脚本标签。

于 2013-05-05T20:02:47.670 回答