Ember.js教程-OStack程序员社区-中国程序员成长平台

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› Ember.js›Ember.js教程

Ember.js教程

RSS

Ember 测试简介

英文原文：https://guides.emberjs.com/v2.7.0/testing/测试简介测试是Ember。js框架开发环节中很重要的一环。现在假设你正在利用Ember框架开发一个博客系统，这个系统包含user和post模型，有登录及创建博客的操作。 ...……

作者：菜鸟教程小白 | 时间：2022-1-29 20:44 | 阅读：398 | 回复：0
Ember 验收测试

验收测试使用ember generate acceptance-test创建一个验收测试，比如:ember g acceptance-test login执行完毕命令之后得到如下文件内容：//tests/acceptance/login-test.jsimport { test_来自Ember.js 参考文档 ...……

作者：菜鸟教程小白 | 时间：2022-1-29 20:44 | 阅读：328 | 回复：0
Ember 单元测试

单元测试基础单元测试一般被用来测试一些小的代码块，并确保它正在做的是什么。与验收测试不同的是，单元测试被限定在小范围内并且不需要Emeber程序运行。与Ember基本对象一样的，创建单元测试也只需要继承Ember.O ...……

作者：菜鸟教程小白 | 时间：2022-1-29 20:44 | 阅读：355 | 回复：0
Ember 定义模型

模型也是一个类，它定义了向用户展示的属性和数据行为。模型的定义非常简单，只需要继承DS.Model类即可，或者你也可以直接使用Ember CLI命令创建。比如使用命令模型 ember g model person定义了一个模型类person。// ...……

作者：菜鸟教程小白 | 时间：2022-1-29 20:43 | 阅读：396 | 回复：0
Ember 记录查询

store提供了统一的获取数据的接口。包括创建新记录、修改记录、删除记录等，更多有关Store API请点击网址看详细信息。为了演示这些方法的使用我们结合firebase，关于firebase与Ember的整合前面的文章已经介绍，就不 ...……

作者：菜鸟教程小白 | 时间：2022-1-29 20:43 | 阅读：373 | 回复：0
Ember 新建、更新、删除记录

前一篇介绍了查询方法，本篇介绍新建、更新、删除记录的方法。本篇的示例代码创建在上一篇的基础上。对于整合firebase、创建route和template请参看上一篇，增加一个controller：ember g controller articles。1，新 ...……

作者：菜鸟教程小白 | 时间：2022-1-29 20:43 | 阅读：366 | 回复：0
Ember 设置记录到Store

Ember的Store就像一个缓存池，用户提交的数据以及从服务器获取的数据会首先保存到Store。如果用户再次请求相同的数据会直接从Store中获取，而不是发送HTTP请求去服务器获取。当数据发生变化，数据首先更新到Store中 ...……

作者：菜鸟教程小白 | 时间：2022-1-29 20:43 | 阅读：369 | 回复：0
Ember model的关联关系处理

在前面Ember.js 入门指南之三十八定义模型中介绍过模型之前的关系。主要包括一对一、一对多、多对多关系。但是还没介绍两个有关联关系模型的更新、删除等操作。为了测试新建两个模型类。ember g model postember g m ...……

作者：菜鸟教程小白 | 时间：2022-1-29 20:43 | 阅读：364 | 回复：0
Ember 元数据

元数据是数据与一个特定的模式或类型，而不是一个纪录。一个很常见的例子是分页。通常会像下面的代码设置分页：let result = this.store.query(‘post’, { limit: 10, offset: 0});设置了每页显示数据为10条，但 ...……

作者：菜鸟教程小白 | 时间：2022-1-29 20:43 | 阅读：343 | 回复：0
Ember 自定义适配器

在Ember应用中适配器决定了数据保存到后台的方式，比如URL格式和请求头部。Ember Data默认的适配器是内置的REST API回调。实际使用中经常会扩展默认的适配器。Ember的立场是应该通过扩展适配器来添加不同的功能，而 ...……

作者：菜鸟教程小白 | 时间：2022-1-29 20:43 | 阅读：398 | 回复：0
Ember 自定义序列号器

在Ember应用中，序列化器会格式化与后台交互的数据，包括发送和接收的数据。默认情况下会使用JSON API序列化数据。如果你的后端使用不同的格式，Ember Data允许你自定义序列化器或者定义一个完全不同的序列化器。Emb ...……

作者：菜鸟教程小白 | 时间：2022-1-29 20:43 | 阅读：400 | 回复：0
Ember 包裹内容

准备工作：ember g route wrapping-content-in-component-routeember g component wrapping-content-in-component 有些情况下，你需要定义一个包裹其他模板提供的数据的组件。比如下面的例子：_来自Ember.js 参考文 ...……

作者：菜鸟教程小白 | 时间：2022-1-29 20:42 | 阅读：358 | 回复：0
Ember 自定义包裹组件的HTML标签

按照惯例，先做好准备工作，使用Ember CLI命令生成演示所需的文件：ember g route customizing-component-elementember g component customizing-component-elementember g route homeem_来自Ember.js 参考文档 ...……

作者：菜鸟教程小白 | 时间：2022-1-29 20:42 | 阅读：390 | 回复：0
Ember 处理事件

你可以在组件中响应事件，比如用户的双击、鼠标滑过、键盘的按下等等事件。只需要在组件类中增加Ember提供的处理事件，然后Ember会自动判断用户的操作执行相应的事件，只要在组件类中添加的事件不冲突你甚至一次性增 ...……

作者：菜鸟教程小白 | 时间：2022-1-29 20:42 | 阅读：353 | 回复：0
Ember action触发变化

组件就像一个相对独立的盒子。在前面的文章中介绍过组件是怎么通过属性传递参数，并且这个属性值你可以在模板或者js代码中获取。但是到目前为止还没介绍过子组件从父组件中获取数组，在Ember应用中组件之间的通信是 ...……

作者：菜鸟教程小白 | 时间：2022-1-29 20:42 | 阅读：373 | 回复：0
Ember 组件小节

对于组件这一章是非常重要的，组件会在3.0之后的版本替代控制器。这一章最重要的内容包括如下几篇博文：Ember.js 入门指南之二十九属性传递Ember.js 入门指南之三十一自定义包裹组件的HTML标签Ember.js的组件如何使 ...……

作者：菜鸟教程小白 | 时间：2022-1-29 20:42 | 阅读：372 | 回复：0
Ember 控制器

从本篇开始进入第五章控制器，controller在Ember2.0开始越来越精简了，职责也更加单一——处理逻辑。下面是准备工作。重新创建一个Ember项目，仍旧使用的是Ember CLI命令创建。ember new chapter5_controllerscd cha ...……

作者：菜鸟教程小白 | 时间：2022-1-29 20:42 | 阅读：355 | 回复：0
Ember 管理控制器之间的依赖关系

在有路由嵌套的情况下，你可能需要在两个不同的controller之间通信。按照惯例先做准备工作：ember g route postember g route post/commentsember g model post比如下面的路由设置：// router.jsimport_来自Ember.j ...……

作者：菜鸟教程小白 | 时间：2022-1-29 20:42 | 阅读：388 | 回复：0
Ember model简介

Ember官网用了大篇幅来介绍model，相比之前的controller简直就是天壤之别啊！从本篇开始学习Ember的模型，这一章也是Ember基础部分的最后一章内容，非常的重要（不管你信不信反正我是信了）。在开始学习model之前先 ...……

作者：菜鸟教程小白 | 时间：2022-1-29 20:42 | 阅读：392 | 回复：0
Ember 模板渲染

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

作者：菜鸟教程小白 | 时间：2022-1-29 20:41 | 阅读：395 | 回复：0
Ember 路由重定向

声明：对于transition这个词直译是“过渡”的意思，但是总觉得“路由的过渡”读起来总有那么一点别扭，想了下于是就用“切换”替代吧，如有不妥欢迎指正。我们熟知的Java、PHP等语言都提供了URL的重定向，那么Ember ...……

作者：菜鸟教程小白 | 时间：2022-1-29 20:41 | 阅读：375 | 回复：0
Ember 路由终止挑战和激活

在路由的转换过程中，Ember路由器会通过回调（beforeModel、model、afterModel、redirect）解析一个transition对象到转换的下一路由中。任何一个回调都可以通过传递过来的transition参数获取transition对象，然后使 ...……

作者：菜鸟教程小白 | 时间：2022-1-29 20:41 | 阅读：354 | 回复：0
Ember loading、error子路由

在前面的Ember.js 入门指南之二十路由定义提过loading、error子路由，它们是Ember默认创建的，并在beforeModel、model、afterModel这三个回调执行完毕之前会先渲染当前路由的loading和error模板。Router.map(functio ...……

作者：菜鸟教程小白 | 时间：2022-1-29 20:41 | 阅读：363 | 回复：0
Ember 查询参数

查询参数是在URL的问号（？）右边部分，通常是键值对形式出现。http://example.com/articles?sort=ASC&page=2比如这个URL的查询参数有两个，一个是sort，一个是page，它们的值分别是ASC和2。1，指定查询参数查询参数 ...……

作者：菜鸟教程小白 | 时间：2022-1-29 20:41 | 阅读：364 | 回复：0
Ember 异步路由

本文将为你介绍路由的高级特性，这些高级特性可以用于处理项目复杂的异步逻辑。关于单词promises，直译是承诺，但是个人觉得还是使用原文吧。读起来顺畅点。1，promises（承诺）Ember的路由处理异步逻辑的方式是使用 ...……

作者：菜鸟教程小白 | 时间：2022-1-29 20:41 | 阅读：332 | 回复：0
Ember 组件定义

不得不说，Ember的更新是在是太快了！！本教程还没写到一半就又更新到v2.1.0了！！！！不过为了统一还是使用官方v2.0.0的参考文档！！从本篇开始进入新的一章——组件。这一章将用6篇文章介绍Ember的组件，从它的定 ...……

作者：菜鸟教程小白 | 时间：2022-1-29 20:41 | 阅读：386 | 回复：0
Ember 属性传递

1，传递参数到组件上每个组件都是相对独立的，因此任何组件所需的数据都需要通过组件的属性把数据传递到组件中。比如上篇Ember.js 入门指南之二十八组件定义的第三点{{component item.pn post=item}}就是通过属性pos ...……

作者：菜鸟教程小白 | 时间：2022-1-29 20:41 | 阅读：342 | 回复：0
Ember {{action}} 助手

action助手所现实的功能与javascript里的事件是相似的，都是通过用户点击元素触发定义在元素上的事件。Ember的action助手还允许你传递参数到对应的controller、component类，在controller或者component上处理事件的 ...……

作者：菜鸟教程小白 | 时间：2022-1-29 20:40 | 阅读：355 | 回复：0
Ember 表单元素

Ember提供的表单元素都是经过封装的，封装成了view组件。经过解析渲染之后就会生成普通的HTML标签。更多详细信息你可以查看他们的实现源码：Ember.TextField、Ember.Chechbox、Ember.TextArea。按照惯例，先创建一个 ...……

作者：菜鸟教程小白 | 时间：2022-1-29 20:40 | 阅读：368 | 回复：0
Ember 调试助手

Ember不仅提供了专门用于调试Ember程序的谷歌、火狐浏览器插件Ember Inspector( 安装插件可能需要翻墙，如果你也是一个程序员我想翻墙对于你来说应该不是什么难事！！！)，还提供了用于调试的helper。按照惯例，先做 ...……

作者：菜鸟教程小白 | 时间：2022-1-29 20:40 | 阅读：339 | 回复：0
Ember 工具类的助手

本篇主要介绍格式转换、自定义helper、自定义helper参数、状态helper、HTML标签转义这几个方面的东西。按照文章惯例先准备好测试所需要的数据、文件。仍然是使用Ember CLI命令，这次我们创建的是helper、controller ...……

作者：菜鸟教程小白 | 时间：2022-1-29 20:40 | 阅读：353 | 回复：0
Ember 第二章模板小结

真快，第二章模板（template）已经介绍完毕了！这个章节相对来说是比较简单，只有是有点HTML基础的学习起来并不会很难，几乎也不需要去记忆，自己动手实践实践就能理解。其中比较重要的是{{link-to}}和{{action}}这 ...……

作者：菜鸟教程小白 | 时间：2022-1-29 20:40 | 阅读：354 | 回复：0
Ember 路由定义

当你的应用启动的时候，路由器就会匹配当前的URL到你定义的路由上。然后按照定义的路由层次逐个加载数据、设置应用程序状态、渲染路由对应的模板。1，基本路由在app/router.js的map方法里定义的路由会映射到当前的UR ...……

作者：菜鸟教程小白 | 时间：2022-1-29 20:40 | 阅读：357 | 回复：0
Ember 指定与路由关联的模型

路由其中一个很重要的职责就是加载适合的model，初始化数据，然后在模板上显示数据。1，普通model关联// app/router.js// ……Router.map(function() { this.route('posts');});e_来自Ember.js 参考文 ...……

作者：菜鸟教程小白 | 时间：2022-1-29 20:40 | 阅读：334 | 回复：0
Ember 第一章对象模型小结

本篇之前的6篇文章都是第一章的内容，这一章节主要介绍了Ember的对象模型。其中最重要的是计算属性和枚举这2章，非常之重要，一定要好好掌握！下一章节是第二章模板，Ember应用使用的模板库是handlebar（点我查看更 ...……

作者：菜鸟教程小白 | 时间：2022-1-29 20:39 | 阅读：266 | 回复：0
Ember handlebars基础

Ember采用handlebars模板库作为应用的view层。Handlebars模板与普通的HTML非常相似。但是相比普通的HTML而言handlebars提供了非常丰富的表达式。Ember采用handlebars模板并且扩展了很多功能，让你使用handlebars就像 ...……

作者：菜鸟教程小白 | 时间：2022-1-29 20:39 | 阅读：274 | 回复：0
Ember handlebars条件表达式

handlebars模板提供了与一般语言类似的条件表达式，比如if、if……else……。在介绍这些条件表达式之前，我们先做好演示的准备工作。首先我会使用Ember CLI命令创建route、template，然后在创建的template上编写hand ...……

作者：菜鸟教程小白 | 时间：2022-1-29 20:39 | 阅读：345 | 回复：0
Ember handlebars遍历标签

采用与上一篇文章一样的方法，使用 ember generate route handlebars-each 命令创建了一个路由文件和一个对应的模板文件。这一篇将为你介绍遍历标签，数组的遍历几乎在任何的常用的开发语言中都能看到，也是使用非常 ...……

作者：菜鸟教程小白 | 时间：2022-1-29 20:39 | 阅读：347 | 回复：0
Ember handlebars显示对象的键

在实际的开发过程中你很有可能需要显示出对象数组的键或者值，如果你需要同时显示出对象的键和值你可以使用{{#each-in}}标签。注意：each-in标签是Ember 2.0才有的功能，之前的版本是无法使用这个标签的，如果是2.0 ...……

作者：菜鸟教程小白 | 时间：2022-1-29 20:39 | 阅读：377 | 回复：0
Ember handlebars属性绑定

简单讲属性绑定其实就是在HTML标签内（是在一个标签的””中使用）直接使用handlebars表达式。可以直接用handlebars表达式的值作为HTML标签中某个属性的值。准备工作：ember generate route binding-element-attribu ...……

作者：菜鸟教程小白 | 时间：2022-1-29 20:39 | 阅读：404 | 回复：0

12 / 2 页下一页

客服电话

电子邮件

Ember.js教程

关于我们

产品与服务

解决方案

139-2527-9053