التحضير البيئي
قبل دراسة العمود الفقري رسميًا ، تحتاج إلى إعداد شيء ما:
أولاً ، تحتاج إلى الحصول على ملف مصدر العمود الفقري: http://documentcloud.github.com/backbone/
يعتمد العمود الفقري على الطريقة الأساسية لإطار السطح السفلي ، لذلك تحتاج أيضًا إلى تنزيل الملف المصدر لإطار السفار السفلي: http://documentcloud.github.com/underscore/
في العمود الفقري ، تعتمد العمليات على 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
في هذه المرحلة ، أنت مستعد للبيئة ، يجب عليك تشغيل العمود الفقري.
مرحبا بالعالم
دعنا نتحدث أولاً عن وظائف هذا 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://www src = "http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"> </script> <script src = "http://documentcloud.github.com/underscore/underscore src = "http://documentcloud.github.com/backbone/backbone-min.js"> </script> <script> (function ($) {world = backbone.model.extend ({// إنشاء كائن عالمي مع اسم سمات الاسم: null}) ؛ {this.bind ("Add" ، Options.view.addoneworld) ؛ "انقر فوق" Checkin "، // ربط الحدث ، Check Checkin: Function () الوظيفة (نموذج) {$ ("#World-List"). "أعتقد أن الكود بديهي. إنه يتضمن الأجزاء الثلاثة من العمود الفقري ، العرض ، النموذج ، والتجميع ، وسيتم ذكرها لاحقًا. طالما أنك تفهمها هنا ، فإن النموذج يمثل نموذج بيانات ، والجملة عبارة عن مجموعة من النماذج ، ويتم استخدام العرض لمعالجة الصفحات ومنطق الصفحة البسيط.