ホームページ  >  記事  >  ウェブフロントエンド  >  Backbone.js を使用して、テーブルの追加、削除、変更、検索を行うサンプル コードを作成します。

Backbone.js を使用して、テーブルの追加、削除、変更、検索を行うサンプル コードを作成します。

零下一度
零下一度オリジナル
2017-04-27 15:00:261789ブラウズ

Backbone.js は、jquery と underscore に基づいた軽量の Web 開発フレームワークで、主にモデル、コレクション、ビューの 3 つの部分で構成されます。
1.モデル: データ オブジェクトを表すモデルを作成し、データ検証を実行し、オブジェクトを破棄するか、サーバーに保存します。
2.コレクション: 要素の追加や削除、およびいくつかの便利な操作ができるモデルのコレクションです。
3. ビュー: HTML テンプレートとイベントをバインドしたり、モデルやコレクションをページにレンダリングしたり、モデルの変更や破棄などのイベントをリッスンしてページを再レンダリングしたりできます。
Backbone の利点は、データとインターフェイスを適切に分離し、イベント バインディングを取り除いて、管理と反復が容易になり、JavaScript のモジュール化がより明確になることです。バックボーンは、ページ上に大量のデータがある状況により適しており、ページ内で複雑な情報を伝達することが容易になります。

以下では、Backbone の公式 Web サイトにある Todos の例を参考に、Backbone を使用して追加、削除、変更、確認するためのテーブルを作成しました。 Backbone.js 自体は jquery と underscore に依存しています。データ ストレージには backbone-localstorage.js を使用して、メインの js コードを投稿しました。多くの jquery、アンダースコア、バックボーン メソッドとイベントが使用されます。関連ドキュメントを参照してください。

りー

以上がBackbone.js を使用して、テーブルの追加、削除、変更、検索を行うサンプル コードを作成します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。