1. لن أقول الكثير حول ماهية AngularJS وما هو Bootstrap. ببساطة ، AngularJS هو إطار MVC الأمامي قوي نسبيا. Bootstrap هي مجموعة أدوات مفتوحة المصدر لتطوير الواجهة الأمامية التي أطلقتها Twitter. يمكن أن تبني بسرعة ويب في الواجهة الأمامية. يمكنك الانتقال إلى الموقع الرسمي للتحقق من ذلك (AngularJS: http://angularjs.org/ ، bootstrap: http://twitter.github.io/bootstrap/).
2. هناك بذرة جيدة نسبيا من تطبيق AngularJS النقي على جيثب. يمكنك تنزيله على Github. العنوان: https://github.com/glitchtank/angular-seed-master.
3. نحن نفصل بين الزوايا التي تم تنزيلها master-master.zip إلى مجلد ، وبعد ذلك سنرى تنظيم مشروع هذا التطبيق ، على النحو التالي:
التطبيق: يحتوي هذا المجلد على تبعيات تتعلق بتطبيقنا و CSS و JS ، وكذلك صفحاتنا ، إلخ.
CSS: يتم وضع ملف CSS للمشروع
IMG: ما الذي يتم وضع الصور
JS: ما الذي يضع JS المتعلق بمشروعنا ، بما في ذلك وحدة التحكم ، المرشح ، الخدمة ، إلخ.
LIB: ما نضعه هو JS الذي نعتمد عليه ، بما في ذلك المكتبات الزاوية والذاتية ذات الصلة
بعض ملفات HTML الأخرى
ليست هناك حاجة إلى معرفة مجلدات أخرى في الوقت الحالي ، وربما بعض البرامج النصية (حول العقدة) ، والبعض الآخر للاختبار الزاوي
4. يجب أن يبدأ مشروعنا مع العقدة. إذا كنت لا تعرف ذلك ، فلا يهم. انظر إلى مدونتي الأخرى: http://blog.csdn.net/jthink_/article/details/9707895 (Linuix يشبه Windows ، لذلك إذا كنت لا تعرف حقًا كيفية Google).
5. نظرًا لأننا تحت Windows ، فإننا نفتح CMD ، وندخل مجلد Master-Master الزاوي ، ثم اكتب البرامج النصية لعقدة الأوامر/server.js (أو نستخدم البرامج النصية للمشرف/server.js إذا تم تثبيت المشرف).
6. افتح متصفح Chrome (يوصى باستخدام Chrome أو Firefox هنا. يمكن لنظام التشغيل 64 بت استخدام Waterfox) ، أدخل العنوان: http: // localhost: 8000/app/index.html ، ويمكنك رؤية صفحة بسيطة تخرج. لا تنظر إليها بسيطة. على الرغم من أنها صغيرة ، يتم تضمين جميع العناصر المتعلقة بـ MVC.
ما سبق هو مجموعة من المعلومات حول bootstrap مزودة بإطار الواجهة الأمامية. سنستمر في إضافة المعلومات ذات الصلة في المستقبل. شكرا لك على دعمك لهذا الموقع!
المقالات ذات الصلة:
تم تجهيز Bootstrap AngularJS بالإطار الأمامي - جزء التحكم JS
تم تجهيز Bootstrap AngularJS بإطار عمل أمامي - الصفحة الأساسية
Bootstrap AngularJS مزود بإطار عمل أمامي - عمل إعداد
AngularJS Bootstrap شرح مفصل وعينة رمز