我想在meteor.js中添加部分内容

时间:2016-10-05 19:33:51

标签: meteor

使用目录结构:

clients
    main.css
    main.html
    main.js
server
    main.js
imports
    ui
        partials
            header
                header.css
                header.html
                header.js
                header.collection.js
            body
                body.css
                body.html
                body.js
                body.collection.js
            footer
                footer.css
                footer.html
                footer.js
                footer.collection.js
客户端/ main.html中的

(通过main.js)

我想创建类似:(简化)

的东西
{{headercontent}}
{{bodycontent}}
{{footercontent}}

在main.js中添加这些部分的导入结构是什么?

全部谢谢

1 个答案:

答案 0 :(得分:1)

您可以通过为每个部分创建不同的模板来创建这些部分。

我将举一个简短的例子。假设我们要创建一个页面(finalTemplate),其中包含四个组件-1)页眉,2)页脚,3)侧栏和4)内容。

你所做的结构对这些有益。在编写代码时,您只需要小心导入所需的文件。

同样谨慎,必须在服务器和客户端启动中导入集合。

要将四个组件包含在fial中,您只需要包含这些模板。

所以我的最后一页看起来像

<template name="finalTemplate">
  {{> header}}    //Templates are imported by {{> TemplateName}} Not by {{TemplateName}}
  {{> sidebar}}
  {{> content}}
  {{> footer}}
</template>

您要求的示例的示例导入结构:
header.js

import './header.html'
import './header.css'
import '.header.collections.js'

在服务器的启动功能中,您应该导入服务器端所需的所有集合文件。