データベースからのレンダリングバックエンドと呼ばれるページにレンダリング操作に読み出したデータを実行する前に。背景インターフェースは背景のみデータを提供する方法によって、ページに関連するすべての操作は、このような開発パターンが孤立前端と後端、レンダリングとして知られているフロントエンドで実行するフロントエンドに配置されます。
いくつかの主流の舞台裏インターフェース開発
1.jsonインタフェース
2.jsonpインタフェース(クロスドメイン・インターフェイス)
3.restfulインタフェース
以下は、これらの3つのインタフェースの方法についての簡単なプレゼンテーションです。
/ * * *背景インターフェイスの開発 * / CONST Expressは =( '発現'が必要)。 CONST DBは =(」./ db.js'を必要とします)。 CONSTアプリ = エクスプレス()。 // 指定APIパスallBooks(JSONインタフェース) app.get( '/ allBooks'、(REQ、RES)=> { SQLを聞かせて「本から選択*」= ; db.base(SQL、ヌル(結果)=> { res.json(結果)。 }); });
// コールバック関数のデフォルト名を使用すると、デフォルトの名前を上書きしたい場合は、次の文を実行することができ、コールバックです // デフォルトのアクセスモードを次のとおりです。http:// localhostの:? 3000 / allBooksコールバック= fooの // アクセス方法は、 ?します。http:// localhost:3000 / allBooks CB = fooの // アクセスエラーした場合、ブラウザは文句を言うが、JSONデータ形式を返していません app.set( '名前JSONPコールバック'、 'CB'を); // API指定されたパスallBooks(JSONPインタフェース) app.get( '/ allBooks'、(REQ、RES)=> { SQLを聞かせて「本から選択*」= ; db.base(SQL、ヌル(結果)=> { res.jsonp(結果)。 }); }); app.listen( 3000、()=> { console.log( 'ランニング...' ); });
/ * * * URLの形式からのRESTfulなAPIを表現するために * GETのhttp:// localhostを:3000 /冊 * GETのhttp:// localhostを:3000 /書籍/書籍 *ポストにhttp:// localhostを:3000 /書籍/書籍 * GETのhttp:// localhostを:3000 /書籍/書籍/ 1 *プットのhttp:// localhostを:3000 /書籍/書籍 * HTTPを削除:// localhostを:3000 /書籍/書籍/ 2 * *伝統的なスタイルのURL: *のhttp:// localhostを:3000 / *のhttp:// localhostを:3000 / toAddBook *のhttp:// localhostを:3000 / addBook *のhttp:// localhostを:3000 / toEditBook ID = 1? *のhttp:// localhostを:3000 / editBook *のhttp:// localhostを:3000 / deleteBook ID = 2? * / CONST Expressは =( '発現'が必要)。 CONST DBは =(」./ db.js'を必要とします)。 CONSTアプリ = エクスプレス()。 app.get( '/書籍'、(REQ、RES)=> { SQLを聞かせて「本から選択*」= ; db.base(SQL、ヌル(結果)=> { res.json(結果)。 }); }); // あなたのルートがある場合は'/書籍/書籍/:idは 'のid 属性は、フォームをreq.params.idするために得ることができます (app.get '/ブック/書籍/ :ID'、(REQを、RES)= > { IDましょう = req.params.id。 SQLを聞かせて = 'どこID =帳から選択*?' ; データせ = [ID]。 db.base(SQL、データ、(結果) => { res.json(結果[ 0 ])。 }); }); app.listen( 3000、()=> { console.log( 'ランニング...' ); });