Недавно я купил тему AngularJS с плагином http://themeforest.net/item/fuse-angularjs-material-design-admin-template/12931855, но какая архитектура AngularJS использует этот код? Все файлы являются отдельными модулями, контроллером и файлом HTML, и он использует gulp для запуска
Это модуль
(function ()
{
'use strict';
angular
.module('app.components.tables.datatable', [])
.config(config);
/** @ngInject */
function config($stateProvider)
{
$stateProvider.state('app.components_tables_datatable', {
url : '/components/table/datatable',
views : {
'content@app': {
templateUrl: 'app/main/components/tables/datatable/datatable.html',
controller : 'DatatableController as vm'
}
},
resolve: {
Employees: function (apiResolver)
{
return apiResolver.resolve('tables.employees100@get');
}
}
});
}
})();
Это контроллер
(function ()
{
'use strict';
angular
.module('app.components.tables.datatable')
.controller('DatatableController', DatatableController);
/** @ngInject */
function DatatableController(Employees)
{
var vm = this;
// Data
vm.employees = Employees.data;
vm.dtOptions = {
dom : '<"top"f>rt<"bottom"<"left"<"length"l>><"right"<"info"i><"pagination"p>>>',
pagingType: 'simple',
autoWidth : false,
responsive: true
};
// Methods
//////////
}
})();
Вот хорошая документация, которая помогает начать с угловой версии темы Fuse. http://withinpixels.com/themes/fuse/documentation/getting-started/introduction
Он использует модульную структуру в каталоге /app. Чтобы добавить новый модуль, просто поместите файлы модулей в предпочтительное место внутри каталога app/, а затем добавьте имя модуля в качестве зависимости в файл app/index.module.js.
Разархивируйте zip файл, который вы загрузили из Themeforest. Внутри zip файла вы найдете Skeleton Project (Fuse-1.xxzip) вместе с демонстрационным проектом (Fuse-1.xx-demo.zip), проектами PSD и файлом readme. После извлечения Fuse-1.xxzip или Fuse-1.xx-demo.zip вы найдете папку /src, где вам нужно будет создавать свои модули в папке/приложении. После завершения вам нужно запустить "gulp build" (для производства) или "gulp build: dev" (для разработки). Наконец, вы получите тему сборки в папке /dist. Теперь вы можете использовать его в любом месте. Даже вы можете запускать сервер Apache.