1. Ich werde nicht viel darüber sagen, was AngularJs ist und was Bootstrap ist. Einfach ausgedrückt ist AngularJS ein relativ starkes Front-End-MVC-Gerüst. Bootstrap ist ein Open-Source-Toolkit für die von Twitter gestartete Front-End-Entwicklung. Es kann schnell ein Web-Front-End erstellen. Sie können auf die offizielle Website gehen, um sie zu überprüfen (AngularJS: http://angularjs.org/, Bootstrap: http://twitter.github.io/bootstrap/).
2. Es gibt einen relativ guten Samen der reinen AngularJS -App auf GitHub. Sie können es bei GitHub herunterladen. Adresse: https://github.com/glitchtank/angular-seed-master.
3. Wir entpacken den heruntergeladenen Master-Master-Master.zip in einen Ordner, und dann werden wir die Projektorganisation dieser App wie folgt sehen:
App: Dieser Ordner enthält Abhängigkeiten in Bezug auf unsere App, CSS und JS sowie unsere Seiten usw.
CSS: Die CSS -Datei des Projekts ist platziert
IMG: Was hat Bilder gestellt
JS: Was ist auf das JS in Bezug auf unser Projekt, einschließlich Controller, Filter, Service usw., aufzunehmen.
Lib: Was wir platzieren
Einige andere HTML -Dateien
Es sind vorerst keine anderen Ordner zu kennen, wahrscheinlich einige Skripte (über Knoten) und einige für Winkeltests
4. Unser Projekt muss mit dem Knoten gestartet werden. Wenn Sie es nicht wissen, spielt es keine Rolle. Schauen Sie sich meinen anderen Blog an: http://blog.csdn.net/jthink_/article/details/9707895 (Linuix ähnelt Windows. Wenn Sie also wirklich nicht wissen, wie Sie es googeln).
5. Da wir uns unter Windows befinden, öffnen wir einen CMD, geben den Ordner "Angular-SEED-Master-Master-Master" ein und geben dann die Befehlsknoten-Skripte/webserver.js ein (oder verwenden Sie Supervisor-Skripte/webserver.js, wenn der Supervisor installiert ist).
6. Öffnen Sie den Chrombrowser (es wird empfohlen, Chrome oder Firefox hier zu verwenden. Das 64-Bit-Betriebssystem kann Waterfox verwenden), geben Sie die Adresse ein: http: // localhost: 8000/App/Index.html, und Sie können eine einfache Seite sehen, die herauskommt. Schauen Sie es nicht einfach an. Obwohl es klein ist, sind alle MVC-bezogenen Gegenstände enthalten.
Die oben genannte Zusammenstellung von Informationen über Bootstrap, die mit dem Front-End-Framework ausgestattet sind. Wir werden in Zukunft weiterhin relevante Informationen hinzufügen. Vielen Dank für Ihre Unterstützung für diese Seite!
Verwandte Artikel:
AngularJS Bootstrap ist mit dem Front -End -Framework ausgestattet - JS -Steuerteil
AngularJS Bootstrap ist mit Front -End -Framework ausgestattet - Basis -Seite
AngularJS Bootstrap mit Front -End -Gerüst - Vorbereitungsarbeit
AngularJS Bootstrap Detaillierte Erklärung und Beispielcode