如何构建一个复杂的Ember.js项目

文章来源：http://xcoding.tech/tags/Ember-Demo/

声明：希望本系列教程能帮助更多学习Ember.js的初学者。

本系列教材将为读者介绍怎么样使用Ember.js构建一个复杂的项目。本教程分为6个小部分，通过这6篇文章一步步为你讲解怎么使用Ember.js构建一个稍微复杂的Ember.js项目。

注意：本教程主要是根据yoember.com所写，其中加入了自己理解的内容，跟原文相比会有所不同！

有关Ember.js的前世今生我就不多做介绍了，请自行查看官方参考文档

提醒：如果可以最好是在看一遍官方参考文档之后再看本系列教程，有助于把你所学的零碎的有关Ember的知识串联起来，否则，可能你会看得比较痛苦，建议是先把这6篇文章认真看一遍下来再自己动手，按照文章提供的源码自己再实践一遍。

目录

1. 环境搭建以及使用Ember.js创建第一个静态页面
2. 引入计算属性、action、动态内容
3. 模型，保存数据到数据库
4. 发布项目，加入CRUD功能
5. 从服务器获取数据，引入组件
6. 模型高级特性，引入模型关联关系

项目软件环境

1. NodeJS 5.9.1
2. Ember CLI 2.4.3
3. chrome插件Ember Inspector，如果无法访问那你应该要去fanqiang了！！
4. Watchman（可选，如果是Mac系统推荐安装）

上述软件请自行安装提供的网址安装，如果安装不成功，或者安装出现错误，请谷歌、百度。如果还是解决不了给我留言获取是去Ember 社区提问。

说明：本教程是基于Ember2.4而作，请注意与你自己的Ember.js版本区别，如果出现不兼容问题请自行升级项目。

升级教程：http://xcoding.tech/2016/09/12/Ember.js/%E5%8D%87%E7%BA%A7Ember-cli/
本教程是介绍升级到2.2版本的，不过同样的道理，只需要修改对应的版本为2.4即可。