Рекомендуемая файловая структура
Я ищу структуру стартового файла для веб-сайта, который содержит внешний интерфейс Angular и Php Slim Api.
Моя текущая настройка как
- index.html = Sngular начало
- апи /
- index.php = Тонкая начальная точка
- .htaccess = перенаправления HTTP: // домен / API /* to index.php
- (остаются папки и файлы php slim api)
- приложение/
- app.modules.js, app.routes.js = main js angular
- (остаются папки и файлы углового сайта)
- продавец /
- node_modules /
- bower_modules /
- packages.json, composer.json, gulpfile.js = файлы настроек для инструментов
Он работает так, как я хочу: index.html запускает веб-сайт на английском языке, и все мои вызовы API перестают работатьHTTP: // домен / API /* «но это выглядит грязно, и я не смог найти лучшую структуру для этого проекта.
Одно из решений заключается в том, чтобы хранить vendor, node_modules и bower_modules в папке до «public_html» и оставить только index.html, app и api в «public_html», но я не могу сделать это на своем хосте.
Решение
Вы можете просто пропустить папку backend и frontend и начать с web (для php) и app (для angularjs). но я рекомендую иметь эти родительские папки на случай, если вам понадобятся дополнительные файлы, такие как все конфиги или скрипты.
backend
--web/ // Public visible backend folder
-----index.php // Entry point
-----config/
-----controllers/
-----models/
frontend
--app/
----- shared/ // acts as reusable components or partials of our site
---------- sidebar/
--------------- sidebarDirective.js
--------------- sidebarView.html
---------- article/
--------------- articleDirective.js
--------------- articleView.html
----- components/ // each component is treated as a mini Angular app
---------- home/
--------------- homeController.js
--------------- homeService.js
--------------- homeView.html
---------- blog/
--------------- blogController.js
--------------- blogService.js
--------------- blogView.html
----- app.module.js
----- app.routes.js
assets/
----- img/ // Images and icons for your app
----- css/ // All styles and style related files (SCSS or LESS files)
----- js/ // JavaScript files written for your app that are not for angular
node_modules/
bower_modules/Underscore, etc.
index.html
Другие решения
Других решений пока нет …