Maison >interface Web >js tutoriel >Comment construire un serveur web avec AngularJS ? Le processus détaillé de création d'un serveur Web avec Angularjs

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

寻∝梦original: 2018-09-08 16:59:542382parcourir

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

Installer le serveur Web

npm install connect
npm install serve-static

É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);

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>

Démarrez le serveur Web

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

node server.js

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!

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

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：La minuterie Javascript appelle la méthode en passant les paramètresArticle suivant：La minuterie Javascript appelle la méthode en passant les paramètres

Articles Liés

Voir plus