[Angular-Scaled web] 1. Architecture and file structure
We build a project according to its features or based on simple MVC structure. Put all controller into one folder and factory into another folder is hard to maintain and testing.
For this project, we have two main features
- Category
- Bookmark
And one Category contains serveal bookmarks.
For bookmarks, we can do 'edit', 'create' options.
We should also isolate one common model, in which we place something can be used for all other modules.
The stucture should be:
app
- category
- bookmarks
- create
- bookmarks-create.js
- bookmarks-create.tmpl.html
- edit
- bookmarks-edit.js
- bookmarks-edit.tmpl.html
- bookmarks.js
- bookmarks.tmpl.html
- create
- category.js
- category.tmpl.html
- bookmarks
- common
- models
- category-model.js
- bookmarks-model.js
- models
- app.complete.js
- app.start.js
- app.finish.js
assets //where to put css and image files
- css
- images
data // where to store the json files
- bookmarks.json
- categories.json
vendor //where to store extension js files
- angular-ui-router.min.js
app.complete.html
app.start.html
app.finish.html