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 启动文件)