環境の準備
バックボーンを正式に研究する前に、何かを準備する必要があります。
まず、バックボーンフレームワークソースファイルを取得する必要があります：http：//documentcloud.github.com/backbone/
バックボーンはアンダースコアフレームワークの基本的な方法に依存しているため、アンダースコアフレームワークのソースファイルをダウンロードする必要があります：http：//documentcloud.github.com/underscore/
Backboneでは、DOMおよびイベントに関する操作は、サードパーティライブラリ（JQueryやZeptoなど）に依存しています。
jQuery：http：//jquery.com/
Zepto：http：//zeptojs.com/
面倒なように思えますが、バックボーンの目的は、単純なフレームワークを使用して複雑なアプリケーションを構築することです。そのため、問題は複雑ではありません。
新しいHTMLページを作成して、これらのフレームワークをこのように入れることができます。
<script type="text/javascript" src="jquery/jquery-1.8.2.min.js"></script> <script type="text/javascript" src="underscore/underscore-min.js"></script> <script type="text/javascript" src="backbone/backbone-min.js"></script>
この時点で、バックボーンを実行する必要がある環境の準備ができています。
こんにちは世界
まず、このHelloWorldの機能について説明しましょう。ページにレポートボタンがあり、[ポップアップ]入力ボックスをクリックして、コンテンツを入力し、確認すると、コンテンツがページに追加されます。ページの写真は次のとおりです。
以下のコードを見てみましょう：
<！Doctype html> <html> <head> <title> the5fire.com-backbone.js-hello world </title> </head> <body> <button id = "check"> report </button> <ul id = "world-list"> </ul> <a href = "http://ww.the5fire.com src = "http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"> </script> <スクリプト> <src = "http://documentcloud.github.com/underscore/underscore-min.js"> </script> < src = "http://documentcloud.github.com/backbone/backbone-min.js"> </script> <script>（function（$）{world = backbone.model.extend（{//名前属性属性名：null}）; backbone.coptrection. extention（{models of obsed extentend（{models obsed）; this.bind（ "add"、opters.view.addoneworld）; #Check "：" checkin "、//イベントバインディング、要素をdom}、checkin：function（）{var world_name = prompt（"尋ねますか、どのスターですか、あなたはどのスターですか？ "）; if（world_name ==" "）world_name = 'nown = new = new world（{name}）; this.worlds.addd（modion}）; {$（ "＃world-list"）。append（ "<li> <b>" + model.get（ 'name'） + "</b> planet：hello world！</li>"）;コードは直感的だと思います。バックボーン、ビュー、モデル、およびコレクションの3つの部分が含まれ、後で言及されます。ここで理解している限り、モデルはデータモデルを表し、コレクションはモデルのコレクションであり、ビューはページと簡単なページロジックを処理するために使用されます。