Comment construire un serveur web avec AngularJS ? Le processus détaillé de création d'un serveur Web avec Angularjs-js tutoriel-php.cn

Comment construire un serveur web avec AngularJS ? Le processus détaillé de création d'un serveur Web avec Angularjs

寻∝梦

Libérer： 2018-09-08 16:59:54

original

2400 Les gens l'ont consulté

Cet article présente principalement le fonctionnement de angularjs pour démarrer le serveur Web. J'espère que cela pourra aider tout le monde

Installer node.js<.>

Lien de téléchargement

Adresse du site officiel : https://nodejs.org/en/

La version décompressée que j'ai téléchargée, décompressez-la directement dans le répertoire de votre choix à installer

Dans Poste de travail (clic droit) → Propriétés → Variables système avancées → Variables d'environnement

Écrire NODE_PATH

Comment construire un serveur web avec AngularJS ? Le processus détaillé de création dun serveur Web avec Angularjs

Ajouter à

node -v Comment construire un serveur web avec AngularJS ? Le processus détaillé de création dun serveur Web avec Angularjs Peut afficher la version du nœud dans la console

 v6.11.4

Copier après la connexion

Installer le serveur Web

npm install connect
npm install serve-static

Copier après la connexion

Écrire le serveur Fichier .js, la version dans le livre est la version 2.x, maintenant c'est la version 3.x, le code dans le livre n'est pas valide, placez le fichier dans le répertoire d'installation de nodejs

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

Copier après la connexion

Paramètres AngularJS

Créez un nouveau dossier Angularjs et un nouveau répertoire d'installation de Nodejs.

Comment construire un serveur web avec AngularJS ? Le processus détaillé de création dun serveur Web avec Angularjs

Vous devez préparer les fichiers CSS bootstrap et Angular.js dans le dossier

adresse de téléchargement du dossier Angularjs : Cliquez pour télécharger
Créez un nouveau FirstTest.html dans le dossier angulairejs

<!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>

Copier après la connexion

Démarrez le serveur Web

Accédez au répertoire d'installation de nodejs

node server.js

Copier après la connexion

Consultez et parcourez http://localhost:5000/FirstTest.html

L'effet est le suivant :

Comment construire un serveur web avec AngularJS ? Le processus détaillé de création dun serveur Web avec Angularjs

Cet article se termine ici (si vous souhaitez pour en savoir plus, allez simplement sur le site Web PHP chinois
Manuel d'utilisation AngularJS pour apprendre). Si vous avez des questions, vous pouvez laisser un message ci-dessous.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!