angular 系列二 搭框架-node.js后端,angular.js前端

--> -->

angular.js学习系列

为后续的学习,我们需要搭一个 angular.js 学习环境.

服务器端 api 使用 node.js 提供

客户端由 angular.js 来负责.

然后整个框架中使用 glup 代码构建工具来处理一些任务,关于 glup 的使用会单独开一篇博客.

--> -->

参考上图,下面有文档描述说明,几个* 表示几级目录

*Client 文件夹下都是前端部分.

**index.html — 站点启动页面,如果你把angular.js理解成一个单页面应用,它就是那个单独的页面

** images — 放置图片

**styles—放置样式

**templates —放置视图模板

**vender—放置前端依赖的脚本,或第三方库

***angular-1.3.0.min.js

**scripts—前端angular.js相关代码都在此目录下

**controllers—定义控制器

**directives—定义指令

**filters—过滤器

**routes—路由配置

**services—定义服务

*Server 文件夹下都是服务器端代码部分

**api—接口层,接口和配置路由

**methods—实现api的方法层

**models—数据库对应的模型层

**utils—工具类

*node_modules 我们node.js依赖的库所在目录

*config.js配置文件

*gulpfile.js gulp构建工具对应的任务配置文件

*package.json node.js项目所依赖配置的文件

*server.js—服务器启动文件 (node.js 启动文件)