《Pro AngularJS》学习小结-01

《Pro AngularJS》该书以一个SportsStore案例为主线铺开。

一、开发环境设置

该书中所用的数据库data server开发环境是Deployed，从来没听说过，而且作者也说该数据库data server没什么人用，我干脆弃用之。其他的环境包括

NodeJS——这个必须装
karma——测试环境，前期还没有用到，以后认真研究，毕竟AngularJS一大特点是Unit Test
bootstrap——这个现在应该普遍使用了，O(∩_∩)O
webstorm——现在唯一支持AngularJS插件的IDE

我基本没学过NodeJS，只好使用了webstorm中的内置项目：Node.js Boilerplate来傻瓜化新建项目了。其启动NodeJS过程如下图（基本可按指示一步一步做⊙﹏⊙）：

《Pro AngularJS》学习小结-01

新建好项目后将所有文件放在static目录下，就先这样凑合着用了。我也暂时不使用数据库，直接使用JSON文件。

我的项目目录如下：《Pro AngularJS》学习小结-01

说明：

首页文件名必须是index.html，其他的html文件我放在partial目录下（这个可以自己定义）
在server.js中可以修改NodeJs的port，默认的是8081，在浏览器中输入http://localhost:8081可直接跳转到static目录下的index.html

二、准备数据

我不熟悉NodeJS，使用一个Json文件作为数据源

[
    { "name" : "Product #1", "description" : "A product", "category": "Category #1", "price": "100" },
    { "name" : "Product #2", "description" : "A product", "category": "Category #1", "price": "110" },
    { "name" : "Product #3", "description" : "A product", "category": "Category #2", "price": "210" },
    { "name" : "Product #4", "description" : "A product", "category": "Category #3", "price": "202" },
    { "name" : "Product #1", "description" : "A product", "category": "Category #1", "price": "100" },
    { "name" : "Product #2", "description" : "A product", "category": "Category #1", "price": "110" },
    { "name" : "Product #3", "description" : "A product", "category": "Category #2", "price": "210" },
    { "name" : "Product #4", "description" : "A product", "category": "Category #3", "price": "202" }
]

products.json