如何在meteor.js中使用商业主题

Question

我是一个正在尝试构建流星应用程序的新手,我希望通过使用商业主题来减少一些时间.我们以此为例:

我有两个选择:

1)使用html创建流星模板,使用空格键标签等.但是我如何实现主题javascript？它与流星有冲突吗？

2)使用angular.js,因为主题以angular.js格式提供,而不是普通的html.但这不会造成冲突吗？这是一个更好的方法吗？

一般来说,使用流星的商业主题最简单,最好的方法是什么？

Answer 1

我在wrapbootstrap上买了类似的主题.我认为这是同样的问题.(对于Angular主题,我不知道,因为我认为将它与bootstrap集成会比较棘手)

通常有这样的主题,你有很多第三部分JS库.你必须得到它们.第一个选项,你在大气中找到类似的包,你可以添加它.(许多jQuery库都被简单地包装成包).

第二个选项,没有这样的包(你可以制作和添加它们,这将有助于社区:)).您可以使用wait-on-lib等软件包在您需要的页面上导入它们

您可以仅在需要的地方导入库.但我认为第一种选择是更清洁.

对于模板中的每个不同页面,您可能会有一些custom.js,在渲染模板时必须传输此逻辑.例如,模板中索引文件的custom.js将转换为:

一个模板名称索引,您可以在其中放置HTML和

Template.index.rendered = function(){
/* your custom js */
}

对于CSS,您可以简单地复制客户端/ css中的文件(例如)将加载文件.

我不知道我是否已经非常清楚,但我设法将这些主题整合到流星项目中.并且不要忘记删除不必要的文件,例如,当您添加引导程序包时,可以删除集成到模板的引导程序css和js文件.

PS:您可能必须从模板中搜索/重新设置css和js文件中的路径以加载一些图像.将所有此类文件(如图像)放在您想要的公用文件夹中,但不要忘记重写css和js文件中的路径.例如,如果您创建一个模板,其中包含以下文件夹:

folder_css
folder_image
...

路径是这样写的:

/* css files */
background-image: url(../folder_image/myimage.png);

但是在流星项目中,公共文件夹中的所有文件都位于项目的根目录中,因此您可以重写路径,例如:

/* css files */
background-image: url(img/myimage.png);

在JS文件中重写路径,我认为它应该工作.