Как сделать пользовательскую тему в MEAN

Question

Я новичок в MEAN и собираюсь создать новый сайт, используя MEAN.

Я создал пакет в MEAN с помощью команды mean package <package_name>

Я также переопределить шаблоны по умолчанию с помощью app.set('views', __dirname + '/server/views'); команды в app.js моего пользовательского пакета, но MEAN до сих пор делают свои угловые взгляды в MEAN's макет по умолчанию.

Структура моей папки 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 

Как я могу вынести свою собственную тему

Answer 1

Чтобы изменить вид компоновки к другой, чем вид по умолчанию В папке маршрутов под родительской папкой сервера, найдите файл, который имеет функцию, сопоставленную с маршрутом '/'.

Теперь найдите эту функцию в папке контроллеров. Измените имя вида для визуализации следующим образом:

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

};

Чтобы изменить внешний вид вашего сайта Вы можете воспользоваться многочисленными темами Bootstrap, доступными там. Многие из них бесплатны. Чтобы использовать их, все, что вам нужно сделать, это изменить ссылку на файл css (вы найдете его на странице макета базы данных на стороне сервера).

Измените его из файла начальной загрузки на другой, и ваше приложение изменится. Напр. взгляните на 16 тем, доступных по адресу https://bootswatch.com Вы можете ссылаться на ссылку CDN на любую из тем, которые у них есть напрямую, или вы можете загрузить файл css для этого и добавить его в свой собственный проект.

Если вы хотите добавить свои собственные стили, вы можете, конечно, создать свой собственный файл css и добавить соответствующие стили css.

Answer 2

Вы вводили зависимость от системного пакета в файле 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'); 

перекроет мнения CONFIG установлен в корпусе системы: D