文档章节

Ember.js 入门指南——总目录

ubuntuvim
 ubuntuvim
发布于 2015/10/25 17:14
字数 2008
阅读 1.5K
收藏 7

    Ember.js 是什么?我想对于想学习它的人应该知道它是个什么东西,如果你想了解那就赶紧去 Google 或者百度,本系列教程是通过学习官网教程然后摘抄个人觉得比较重要的部分,加上学习实例整合而成,如有疏漏欢迎提出修改意见,一起成长!

    Ember官网:http://emberjs.com/

    教程官网:http://guides.emberjs.com/v2.0.0/

    在此简单介绍下 Ember

    Ember是一个雄心勃勃的Web应用程序,消除了样板,并提供了一个标准的应用程序架构的JavaScript框架。

    Ember核心组成有如下几个部分:

路由

在Ember应用程序中,程序的状态是又URL表示出来的。每一个URL都有一个对应的路由对象,这个对象可以控制是否对用户可见。

模型

每一个路由都有一个与此关联的模型,模型中包含应用程序当前状态相关的数据。对于应用程序来说,可以通过使用jQuery从服务器加载JSON对象,并将这些JSON对象作为模型,很多的应用程序都是使用模型库来处理数据,比如Ember data。

模板

模板是用于构建一个应用程序的HTML以及作为模板语言。(HTMLBars是Handlebars的另一个版本,用于构建DOM元素而不是构建成一个字符串。)

组件

一个组件就是一个自定义的HTML标签。标签的行为是用JavaScript实现,用HTMLBars模板展示,组件包含了他们使用的数据。它们可以嵌套,并且可以通过事件(events)与父组件通信。其他的组件库也是可以在Ember应用程序中使用,比如Polymer

服务

服务是个单例对象,用于长期保持数据,比如用户的session。

 

本教程的目录

    

第一章 对象模型

1Ember.js 指南——类的定义、初始化、继承

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=5949f01414a66860379f073cfd8aec43

2http://my.oschina.net/ubuntuvim/blog/502006

 

2Ember.js 指南——类的扩展(reopen

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=6e0cdc293cb3be9ebb9bec55f30f578e

2http://my.oschina.net/ubuntuvim/blog/502325

 

3Ember.js 指南——计算属性(compute properties

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=99fdb00c49afb32174c4f189c60382d6

2http://my.oschina.net/ubuntuvim/blog/502636

 

4Ember.js 指南——观察者(observer)

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=f36eea7ce11098a6d972a6a6d8cf4876

2http://my.oschina.net/ubuntuvim/blog/503512

 

5Ember.js 指南——绑定(bingding)

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=ad650778e5a2fbac63d4a484bd472241

2http://my.oschina.net/ubuntuvim/blog/503610

 

6Ember.js 指南——枚举(enumerables

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=e2ea5494bf3d121f25a825c40325c541

2http://my.oschina.net/ubuntuvim/blog/504127

 

 

第二章 模板

7Ember.js 指南——handlebars基础

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=b8bd405eca77b612f5b5b974b5f1dfd2

2http://my.oschina.net/ubuntuvim/blog/505197

 

8Ember.js 指南——handlebars条件表达式

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=851f7d9b1689d8b9cc00a37fbff2ee35

2http://my.oschina.net/ubuntuvim/blog/505538

 

9Ember.js 指南——handlebars遍历标签

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=aba77c385cc3af221c5e2105a7935d5b

2http://my.oschina.net/ubuntuvim/blog/506534

 

10Ember.js 指南——handlebars显示对象的键(未完待续)

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=9aeea14796094cd250cc72f66ea43680

2http://my.oschina.net/ubuntuvim/blog/506536

 

11Ember.js 指南——handlebars属性绑定

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=bd74d8b61c02c9dbf081e7bf2ed18883

2http://my.oschina.net/ubuntuvim/blog/507065

 

12Ember.js 指南——{{link-to}} 助手

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=95c466a6cb2e21cf9eb7363244ef8756

2http://my.oschina.net/ubuntuvim/blog/508320

 

13Ember.js 指南——番外篇,路由、模板的执行、渲染顺序

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=bd74d8b61c02c9dbf081e7bf2ed18883

2http://my.oschina.net/ubuntuvim/blog/508165

 

14Ember.js 指南——{{action}} 助手

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=61d90a090c764ccf0e2efdcfe1db295f

2http://my.oschina.net/ubuntuvim/blog/508645

 

15Ember.js 指南——表单元素

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=d3a384da132083b5b982b2248258e848

2http://my.oschina.net/ubuntuvim/blog/508952

 

16Ember.js 指南——调试助手

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=3510f7b0d92a0e2f3ad1f742fd0e54ef

2http://my.oschina.net/ubuntuvim/blog/509005

 

17Ember.js 指南——工具类的助手

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=a3940aaeb28ccc56cb194e1cba00a96d

2http://my.oschina.net/ubuntuvim/blog/509426

 

第三章 路由

18Ember.js 指南——路由简介

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=75c4a83c19052fe483b75302d65058ae

2http://my.oschina.net/ubuntuvim/blog/509829

 

19Ember.js 指南——路由定义

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=74a1f772b4ee90db3c21f119fb67119b

2http://my.oschina.net/ubuntuvim/blog/510622

 

20Ember.js 指南——指定与路由关联的模型

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=1cdbc221cd1ef396e37f5811a30d4a54

2http://my.oschina.net/ubuntuvim/blog/510934

 

21Ember.js 指南——模板渲染

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=d9e28752aab6a69fcb44af4db8ca52af

2http://my.oschina.net/ubuntuvim/blog/511047、。

 

22Ember.js 指南——路由重定向

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=eb8584d8b91b8edfe700f48c45aac631

2http://my.oschina.net/ubuntuvim/blog/511484

 

23Ember.js 指南——路由切换的防止和重试

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=28b2f5fbadfac2f0bf3fb9c690eee31c

2http://my.oschina.net/ubuntuvim/blog/511599

 

24Ember.js 指南——loadingerror子路由

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=f1918aa603ca6b220835f53ecf9f6800

2http://my.oschina.net/ubuntuvim/blog/511757

 

25Ember.js 指南——查询参数

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=bf90dd58ffeed7448d86653f88498b5c

2http://my.oschina.net/ubuntuvim/blog/512679

 

26Ember.js 指南——异步路由

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=b85e94bc505b200a03b4242d45e9fbff

2http://my.oschina.net/ubuntuvim/blog/513043

 

 

第四章 组件

27Ember.js 指南——组件定义

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=4fd3ad852fa5d701c2b281bdfbe6bfd1

2http://my.oschina.net/ubuntuvim/blog/514534

 

28Ember.js 指南——属性传递

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=5def037fa1fc9fc514738cf235a53b47

2http://my.oschina.net/ubuntuvim/blog/515011

 

29Ember.js 指南——包裹内容

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=bee9f1514bd469c5a7ca63618d8d03d2

2http://my.oschina.net/ubuntuvim/blog/515448

 

30Ember.js 指南——自定义包裹组件的HTML标签

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=78089f274a021b0683fa6774e4a886b3

2http://my.oschina.net/ubuntuvim/blog/515658

 

31Ember.js 指南——处理事件

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=7786cd9fe2d3a4fbefd9ce30e0798845

2http://my.oschina.net/ubuntuvim/blog/516086

 

32Ember.js 指南——action触发变化

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=7fd118a9fe67bde8a6dd40f95234b1be

2http://my.oschina.net/ubuntuvim/blog/516859

 

 

第五章 控制器

33Ember.js 指南——控制器(controller

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=6cfa443a5bdf4ddbe3e66e92a62d6436

2http://my.oschina.net/ubuntuvim/blog/517331

 

34Ember.js 指南——管理控制器之间的依赖关系

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=305c76d160da5a32352488550a441d2f

2http://my.oschina.net/ubuntuvim/blog/517829

 

第六章 模型

35Ember.js 指南——model简介

上篇

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=042c3049a98afadda356e371434e6329

2http://my.oschina.net/ubuntuvim/blog/518193

下篇

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=f42446032f26b375c2628888e232fe53

2http://my.oschina.net/ubuntuvim/blog/518194

 

36Ember.js 指南——定义模型

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=6dc973197228dccc2642f2a28993ba86

2http://my.oschina.net/ubuntuvim/blog/518608

 

37Ember.js 指南——查询记录

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=d27d04573df702a39b1f7ea4afc96501

2http://my.oschina.net/ubuntuvim/blog/519119

 

38Ember.js 指南——新建、更新、删除记录

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=f2cf00bd530a9fe7b9882520bd9667fd

2http://my.oschina.net/ubuntuvim/blog/519619

 

39Ember.js 指南——设置记录到Store

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=047b303bdd1b81acd51b88fd80e422ee

2http://my.oschina.net/ubuntuvim/blog/520149

 

40Ember.js 指南——model的关联关系处理

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=047b303bdd1b81acd51b88fd80e422ee

2http://my.oschina.net/ubuntuvim/blog/520149

 

41Ember.js 指南——元数据

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=9b325bd325c83942d5393d64a6963a7d

2http://my.oschina.net/ubuntuvim/blog/520164

 

42Ember.js 指南——自定义适配器

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=09213c85205d4be507cf2d06a9f8b470

2http://my.oschina.net/ubuntuvim/blog/520965

 

43Ember.js 指南——自定义序列号器

1http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=0b2f62a75cdc3352bb5122a36994dced

2http://my.oschina.net/ubuntuvim/blog/521685

 

 

第七章 扩展

44,使用ember-simple-auth实现Ember.js应用的权限控制

http://120.24.90.140:2368/ember-application-authority-control/

 

45nodejs连接MySQL,做简单的CRUD

http://120.24.90.140:2368/nodejs-dowith-database/

 

46Ember.js 表单验证

【转载,如有侵权,欢迎指出后删除】

https://www.zfanw.com/blog/ember-js-validate-form-input.html

 

 

 

参考文献

1http://www.cnblogs.com/rush/archive/2013/04/29/3051191.html

2http://ember-doc.com

3https://blog.openshift.com/day-19-ember-the-missing-emberjs-tutorial

4http://eviltrout.com/2013/02/10/why-discourse-uses-emberjs.html

5http://www.ember-cli.com/user-guide/

 

 


© 著作权归作者所有

ubuntuvim

ubuntuvim

粉丝 33
博文 76
码字总数 98477
作品 1
深圳
后端工程师
私信 提问
加载中

评论(2)

ubuntuvim
ubuntuvim 博主

引用来自“grath”的评论

21模版渲染 那个osc的链接写错了
已修复,谢谢指正!
grath
grath
21模版渲染 那个osc的链接写错了
Ember.js 入门指南--目录

本系列文章全部从(http://ibeginner.sinaapp.com/)迁移过来,欢迎访问原网站。 Ember.js 是什么?我想对于想学习它的人应该知道它是个什么东西,如果你想了解那就赶紧去 Google 或者百度,...

ubuntuvim
2015/09/07
407
2
Ember.js 入门指南——模板渲染

路由的另一个重要职责是渲染同名字的模板。 比如下面的路由设置,posts路由渲染模板posts.hbs,路由new渲染模板posts/new.hbs。 Router.map(function() { this.route('posts', function() {...

ubuntuvim
2015/09/25
449
0
Ember.js 入门指南——路由简介

从本文开始,将为大家介绍路由(route),如果你看过前面的《Ember.js 入门指南——{{link-to}} 助手》这篇文章应该初步了解了route。不过在这篇文章中只是简单介绍了路由是定义、路由层次,...

ubuntuvim
2015/09/22
480
0
从服务器获取数据,引入组件

博文原址:http://blog.ddlisting.com/2016/04/21/yin-ru-zu-jian/ 接着前面四篇: 环境搭建以及使用Ember.js创建第一个静态页面 引入计算属性、action、动态内容 模型,保存数据到数据库 发...

ubuntuvim
2016/04/26
77
0
Ember.js 入门指南——包裹内容

准备工作: ember g route wrapping-content-in-component-route ember g component wrapping-content-in-component 有些情况下,你需要定义一个包裹其他模板提供的数据的组件。比如下面的例...

ubuntuvim
2015/10/11
204
0

没有更多内容

加载失败,请刷新页面

加载更多

存储过程/函数列表Mysql命令行

如何在mysql命令行(如show tables;查看存储过程或存储函数的列表show tables; 或show databases; 命令。 #1楼 以名称方式查看程序 select name from mysql.proc 下面的代码用于列出所有过...

技术盛宴
27分钟前
57
0
Flutter学习-Dart基础

dart语言基础 https://www.dartcn.com/guides/language/language-tour 在学习 Dart 语言时, 应该基于以下事实和概念: 任何保存在变量中的都是一个_对象_, 并且所有的对象都是对应一个_类_...

小树coding
27分钟前
49
0
服务器升级至centos8 网站配置-php与mysql从5.6升级到php7与msyql

linux centos8 安装php7 nginx1.4 mysql8 ,运行php网站,各个模块从零开始配置 CentOS7与centOS8的抉择 目前国内各大云服务器的默认centos 系统版本还是7,目前没有centos配套支持,国外云服...

zhoulujun
34分钟前
39
0
记一次 MySQL主从复制 从库主键冲突 导致从库中继日志持续增大

问题描述 同事反馈 MySQL主从复制主键冲突 , 导致从库大量relay中继日志 持续增长 导空间不足 查看从库复制状态 master10.23.234.140mysql> show master status\G;***************...

雁南飞丶
36分钟前
43
0
CentOS 7 安装最新版本 Git-2.25.0

Git-2.25.0 最新版本已发布,Windows 系统下已有人安装体验了 2.25.0 的版本,下面我把作者原创的 blog 帖上来分享给大家,方便查看体验。 https://blog.csdn.net/ynzhang_it/article/detai...

万事通
43分钟前
49
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部