【AngularJS学习笔记】开发时候的建议目录结构，基本开发步骤

标签：

1. 项目目录结构划分

Debug Node.JS的生成目录

Node_modules Node.Js的依赖项

Src 项目源文件

----|framework  项目框架

--------|app

--------|css

--------|data

--------|font

--------|img

--------|js

--------|plugin

----|modules

--------|父菜单中填写的module名，父节点

------------|app 主要项目文件

----------------|app.conffee 根模块配置js，配置父module,关于父级的一些js

----------------|子菜单中填写的module名，子节点

--------------------| app.conffee 子模块配置js，配置子module

--------------------|具体页面的文件夹，比如index/add/edit等

------------------------|index.tpl.html页面模板的html

------------------------|index.coffee index页面中需要的js

------------|i18n 国际化

1. App三个字符意味着入口。
2. 开发步骤：

a)         添加好上述的文件及文件夹

b)         为angular配置好各个module,然后为每个页面配置路由,不同的module下面可以有重名的controller

c)         编写controller,在controller中读取数据，进行各种操作，如果操作比较多可以抽到service中，最后把操作的结果赋值给公用$scope变量

d)         在html中写好模板，并且在对应的位置中绑定好字段（$scope中共享的对象中取值）

e)         多语言的配置：

f)          添加一个resources文件，配置好namespace，然后配置好需要使用多语言的值Key:Value形式，在index.coffee中，在.config([“$translateProvider”],($translateProvider)->)中配置指定的资源namespace，最后在页面使用时，使用{{key|translate}}绑定即可。

g)         发布：

h)         在项目根目录，运行命令行，运行grunt build –release,生成dist目录，会把所有的module里面的所有js都压缩到一个文件中。

【AngularJS学习笔记】开发时候的建议目录结构，基本开发步骤

标签：

原文地址：http://www.cnblogs.com/baiyunchen/p/5077700.html