ホームページ >ウェブフロントエンド >jsチュートリアル >Backbone.js を使用して、テーブルの追加、削除、変更、検索を行うサンプル コードを作成します。
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 サイトの他の関連記事を参照してください。