REST API用のシンプルなAngularJSフロントエンド
1. 概要
このクイックチュートリアルでは、単純なAngularJSフロントエンドからRESTfulAPIを使用する方法を学習します。
テーブルにデータを表示し、リソースを作成して更新し、最後に削除します。
2. REST API
まず、単純なAPIを簡単に見てみましょう–ページネーションを使用してFeedリソースを公開します。
-
改ページされる– * GET * / api / myFeeds?page = {page}&size = {size}&sortDir = {dir}&sort = {propertyName}
-
作成– * POST * / api / myFeeds
-
更新– * PUT * / api / myFeeds / {id}
-
削除– *削除* / api / myFeeds / {id}
ここでの簡単なメモは、ページネーションが次の4つのパラメーターを使用していることです。
-
page:要求されたページのインデックス
-
size:ページあたりの最大レコード数
-
sort:並べ替えに使用されるプロパティの名前
-
sortDir:ソート方向
そして、Feedリソースがどのように見えるかの例を次に示します。
{
"id":1,
"name":"example feed",
"url":"/feed"
}
3. フィードページ
次に、フィードページを見てみましょう。
Add New RSS Feed
{{row.name}}
{{row.url}}
Edit
Delete
データを表示するためにng-tableを使用したことに注意してください。これについては、次のセクションで詳しく説明します。