Heim > Artikel > Web-Frontend > Wie baue ich einen Webserver mit AngularJS? Der detaillierte Prozess zum Erstellen eines Webservers mit AngularJS

Wie baue ich einen Webserver mit AngularJS? Der detaillierte Prozess zum Erstellen eines Webservers mit AngularJS

寻∝梦Original: 2018-09-08 16:59:542350Durchsuche

In diesem Artikel wird hauptsächlich die Funktionsweise von angularjs zum Starten des Webservers vorgestellt. Ich hoffe, er kann jetzt mit dem Lesen des Artikels beginnen

Installieren Sie node.js

Download-Link

Offizielle Website-Adresse: https://nodejs.org/en/
Die entpackte Version, die ich heruntergeladen habe, entpacken Sie sie direkt in das gewünschte Verzeichnis zu installieren
In „Arbeitsplatz“ (Rechtsklick) → Eigenschaften → Erweiterte Systemvariablen → Umgebungsvariablen

NODE_PATH schreiben

Wie baue ich einen Webserver mit AngularJS? Der detaillierte Prozess zum Erstellen eines Webservers mit AngularJS

Hinzufügen zu

Wie baue ich einen Webserver mit AngularJS? Der detaillierte Prozess zum Erstellen eines Webservers mit AngularJS node -v
Die Knotenversion kann in der Konsole angezeigt werden

 v6.11.4

Installieren Sie den Webserver

npm install connect
npm install serve-static

Schreiben Sie die Datei server.js , wie im Buch gezeigt Die Version ist Version 2.x, jetzt ist es Version 3.x Der Code im Buch ist ungültig. Platzieren Sie die Datei im NodeJS-Installationsverzeichnis

var connect = require(&#39;connect&#39;);
    serveStatic = require(&#39;serve-static&#39;);
var app = connect();
app.use(serveStatic("../angularjs"));
app.listen(5000);

AngularJS-Einstellungen

Erstellen Sie einen neuen AngularJS-Ordner und die NodeJS-Installationsverzeichnisebene
Wie baue ich einen Webserver mit AngularJS? Der detaillierte Prozess zum Erstellen eines Webservers mit AngularJS

Im Ordner müssen Sie die Bootstrap-CSS-Datei und die Download-Adresse des AngularJS-Ordners vorbereiten : Klicken Sie zum Herunterladen
Erstellen Sie eine neue FirstTest.html im AngularJS-Ordner

<!DOCTYPE html><html ng-app><head>
    <title> First Test</title>
    <script src="angular.js"></script>
    <link href="bootstrap.css" rel="stylesheet" />
    <link href="bootstrap-grid.css" rel="stylesheet" /></head><body>
    <p class="btn btn-dark">{{ "AngularJS" }}</p>
    <p class="btn btn-success">Bootsstrap</p></body></html>

Starten Sie den Webserver

Springen Sie zum NodeJS-Installationsverzeichnis

node server.js

Zeigen Sie den Browser an http://localhost:5000/FirstTest .html

Der Effekt ist wie folgt:

Wie baue ich einen Webserver mit AngularJS? Der detaillierte Prozess zum Erstellen eines Webservers mit AngularJS

Dieser Artikel endet hier (wenn Sie mehr sehen möchten, Gehen Sie zur Spalte „PHP Chinesisch-Website
AngularJS-Benutzerhandbuch “). Wenn Sie Fragen haben, können Sie unten eine Nachricht hinterlassen.

Das obige ist der detaillierte Inhalt vonWie baue ich einen Webserver mit AngularJS? Der detaillierte Prozess zum Erstellen eines Webservers mit AngularJS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

php node.js css bootstrap angular.js html angular JS http https

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Der Javascript-Timer ruft eine Methode auf, die Parameter übergibtNächster Artikel：Der Javascript-Timer ruft eine Methode auf, die Parameter übergibt

In Verbindung stehende Artikel

Mehr sehen