Emberjs 如何與后端服務(wù)進行交互-Store/Adapter/Serializer的作用

HackerShell 發(fā)布于2019-08-26 10:22 / 2540人閱讀

摘要：返回數(shù)據(jù)請求流程后端返回的數(shù)據(jù)首先也會經(jīng)過上面的處理其次經(jīng)過返回進將數(shù)據(jù)存儲起來后返回請求數(shù)據(jù)的地方。至此一個請求后端數(shù)據(jù)的請求的流程就到此結(jié)束了。例如等以及官方推薦最少要復(fù)寫的方法

Emberjs 如何與后端服務(wù)進行交互

@[toc]

一般發(fā)送請求流程

首先來看這張圖:

可以看到:

在應(yīng)用中 application 中的 Route 或者 controller 會發(fā)送數(shù)據(jù)請求 ;

請求并沒有直接發(fā)送到后端服務(wù)器(The Cloud ) 中，而是先在store 的緩存中進行查找;

如果請求的數(shù)據(jù)在 store 中，則直接返回到請求的地方;如果 store 中沒有要請求的數(shù)據(jù)，那么將繼續(xù)向上請求;

也就是到達了 Adapter 這一層，在這里，adapter 會根據(jù)用戶設(shè)置 ¹ 構(gòu)建出請求的 URL 等數(shù)據(jù)，并使用原生或用戶復(fù)寫的方法將請求發(fā)送到后端;

在這一步，adapter 會檢查發(fā)送的數(shù)據(jù)與后端接受的數(shù)據(jù)的差異，如果不同，會通過進一步的處理，包含 key 的名稱會在 serializer.js 文件中進行處理。

返回數(shù)據(jù)請求流程

后端返回的數(shù)據(jù)首先也會經(jīng)過上面的處理;

其次經(jīng)過 adapter 返回進 Store;

Store 將數(shù)據(jù)存儲起來后返回請求數(shù)據(jù)的地方。

至此一個請求后端數(shù)據(jù)的請求的流程就到此結(jié)束了。但是如果 Store 中有要請求的數(shù)據(jù)呢？那就會發(fā)生下圖的情況：

從緩存讀取流程

也就是發(fā)送數(shù)據(jù)請求之后，在 Store中查詢到記錄，然后返回 promise;

展示數(shù)據(jù)。結(jié)束。

Written By Frank Wang.

例如 backend host, URL format （ namespace）等以及官方推薦最少要復(fù)寫的方法:findRecord() ,createRecord(),updateRecord(),deleteRecord(),findAll(),query(). ?

GPU云服務(wù)器云服務(wù)器前端與后端 js與后端的數(shù)據(jù)交互前端與后端的數(shù)據(jù)交互 html前端與后端

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/106074.html

相關(guān)文章

Ember.js如何與后端服務(wù)交互？adapter、store、ember data關(guān)系揭秘

摘要：目前打算本項目使用種數(shù)據(jù)交互方式一種是，一種是。要理解后端服務(wù)的關(guān)系我們從他們各自的概念入手。創(chuàng)建服務(wù)端如何在項目中創(chuàng)建服務(wù)端程序呢提供了創(chuàng)建的命令。文章來源：Ember Teach 本項目講解如何使用adapter、EmberData以及怎么連接到本地數(shù)據(jù)庫。項目簡介主要內(nèi)容適配器使用如何持久化數(shù)據(jù)到本地數(shù)據(jù)庫簡單的后端服務(wù) 最近經(jīng)常有初學的開發(fā)者請教有關(guān)Adapte...

huhud 2019-08-22 11:01 評論0 收藏0
前端如何高效的與后端協(xié)作開發(fā)

摘要：移動端應(yīng)用一般都運行在微信瀏覽器中中手機瀏覽器中。因為微信瀏覽器是定制的瀏覽器，一般的遠程調(diào)試方式都不可用，需要配合特定的工具，如微信開發(fā)者工具。前端如何高效的與后端協(xié)作開發(fā) 1. 前后端分離前端與后端的分離，能使前端的開發(fā)脫離后端的開發(fā)模式，擁有更大的自由度，以此便可做前端工程化、組件化、單頁面應(yīng)用等。可以參考：前后端分離、web與static服務(wù)器分離 2. 盡量避免后端模板...

rozbo 2019-08-29 17:08 評論0 收藏0
前端如何高效的與后端協(xié)作開發(fā)

摘要：移動端應(yīng)用一般都運行在微信瀏覽器中中手機瀏覽器中。因為微信瀏覽器是定制的瀏覽器，一般的遠程調(diào)試方式都不可用，需要配合特定的工具，如微信開發(fā)者工具。前端如何高效的與后端協(xié)作開發(fā) 1. 前后端分離前端與后端的分離，能使前端的開發(fā)脫離后端的開發(fā)模式，擁有更大的自由度，以此便可做前端工程化、組件化、單頁面應(yīng)用等。可以參考：前后端分離、web與static服務(wù)器分離 2. 盡量避免后端模板...

learning 2019-08-23 12:37 評論0 收藏0
Emberjs中JSONAPISerializer的常用API

摘要：默認使用，在我們的項目中也是使用所以只是涉及關(guān)于的相關(guān)內(nèi)容。這樣來達到前后端通信的要求。這個方法可以在中定義特定的來針對調(diào)用。同理，其他的更新刪除相似至此的相關(guān)屬性與已解釋完成。 Ember Serializer Emberjs 默認使用 JSONAPISerializer ，在我們的項目中也是使用JSONAPISerializer.所以只是涉及關(guān)于 JSONAPISerializer...

channg 2019-08-23 18:38 評論0 收藏0
web前端（1）——了解什么是前端，以及與后端的關(guān)系

摘要：簡介什么是前端說這個之前，我們先了解前端工程師是干什么的，百度百科的解釋前端開發(fā)工程師，主要職責是利用等各種技術(shù)進行客戶端產(chǎn)品的開發(fā)。簡介 1.什么是web前端說這個之前，我們先了解web前端工程師是干什么的，百度百科的解釋： Web前端開發(fā)工程師，主要職責是利用(X)HTML/CSS/JavaScript/Flash等各種Web技術(shù)進行客戶端產(chǎn)品的開發(fā)。完成客戶端程序（也就是瀏覽器端...

番茄西紅柿 2019-04-23 13:12 評論0 收藏0