如何在MEAN中制作自定义主题

我是新手,将使用MEAN创build新网站。

我已经使用命令mean package <package_name>MEAN创build了这个包

我也使用app.set('views', __dirname + '/server/views');来覆盖默认的模板app.set('views', __dirname + '/server/views'); 命令在我的自定义包的app.js中,但MEAN仍然在MEAN's默认布局中呈现我的angular度视图。

我的MEAN包文件夹的结构是

 packages --core ----admin ----articles ----circles ----swagger ----system ----users --custom ----<my_package> ------public --------assets --------controllers --------directives --------routes --------services --------views ------server --------config --------controllers --------models --------routes --------views ------.bowerrc ------app.js ------bower.json ------package.json ----i18n ----theme 

我怎样才能渲染我自己的主题

将布局视图更改为与默认视图不同的布局视图在服务器父文件夹下的routes文件夹中,查找具有映射到路由“/”的函数的文件。

现在在控制器文件夹中查找该function。 改变视图的名字来像这样渲染:

 exports.index = function(req, res) { res.render('differentviewfile', { user: req.user || null, request: req }); 

};

改变网站的外观你可以利用很多可用的Bootstrap主题。 他们很多都是免费的。 要使用它们,你所要做的就是改变对css文件的引用(你可以在服务器端视图基础布局页面find它)。

将其从默认引导文件更改为不同的,并且您的整个应用程序更改。 例如,查看https://bootswatch.com上提供的16个主题。您可以直接引用CDN链接到任何主题,也可以下载它的css文件并将其添加到您自己的项目中&#x3002;

如果你想添加自己的风格,你当然可以创build自己的CSS文件,并添加适当的CSS样式。

你有没有注入一个依赖系统包在你的app.js文件?

 var MyCustomModule = new Module('mycustommodule'); /* * All MEAN packages require registration * Dependency injection is used to define required modules */ MyCustomModule.register(function(system, app, auth, database) { 

您需要这样做才能等待系统包加载。 然后行:

 app.set('views', __dirname + '/server/views'); 

将覆盖在系统包中设置的视图configuration:D