【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都压缩到一个文件中。

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