Maison interface Web js tutoriel Créer une calculatrice Web avec node.js express

Créer une calculatrice Web avec node.js express

May 16, 2016 pm 03:19 PM
express node.js 计算器

Environnement :

Hôte : WIN10

installation express :

1. Installer le générateur express

Entrez la commande :

1

npm install -g express-generator

Copier après la connexion

2. Install express

Entrez la commande :

1

npm install -g express

Copier après la connexion

3 .Vérifiez si l'installation a réussi

Entrez la commande : express -V

Afficher l'aide : express --help

Construisez le projet :

1

2

express -e calculator

cd calculator && npm install

Copier après la connexion

Exécutez la page Web par défaut :

Entrez la commande : npm start ou node ./bin/www

Le port est configuré dans /bin/www.

Peut effectuer des opérations d'addition.

Code source :

view/index.ejs : Ajouter une zone de saisie

routes/index.js : Calculer et transmettre les données soumises Résultat

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

var express = require('express');

var router = express.Router();

  

/* GET home page. */

router.get('/', function(req, res, next) {

 res.render('index', { 

  title: '计算器V1.0 by jdh',

  numa: 0,

    numb: 0,

    sum: 0

 });

});

  

router.post('/', function (req, res) {

  console.log("接收:", req.body.num1, req.body.num2);

  var sum = parseFloat(req.body.num1) + parseFloat(req.body.num2);

  console.log('sum = ',sum);

    

  res.render('index', { 

  title: '计算器V1.0 by jdh',

// numa: req.body.num1,

//   numb: req.body.num2

    numa: req.body.num1,

    numb: req.body.num2,

    sum: sum

 });

});

    

module.exports = router;

Copier après la connexion

【Recommandations du didacticiel associées】

1 Tutoriel vidéo JavaScript
2 Manuel en ligne JavaScript.
3. Tutoriel bootstrap

Déclaration de ce site Web
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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Comment déverrouiller tout dans Myrise
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Quelle touche est ac sur la calculatrice ? Quelle touche est ac sur la calculatrice ? Feb 24, 2023 am 10:19 AM

Le ac sur la calculatrice est la touche « all clear ». Le nom anglais complet de ac est « All Clear », ce qui signifie « all clear key » ; appuyer sur la touche ac signifie effacer les valeurs dans tous les registres ; , la première pression sur la touche ac effacera toutes les valeurs sauf le contenu de la mémoire.

Un article pour parler du contrôle de la mémoire dans Node Un article pour parler du contrôle de la mémoire dans Node Apr 26, 2023 pm 05:37 PM

Le service Node construit sur une base non bloquante et piloté par les événements présente l'avantage d'une faible consommation de mémoire et est très adapté à la gestion de requêtes réseau massives. Dans le contexte de demandes massives, les questions liées au « contrôle de la mémoire » doivent être prises en compte. 1. Le mécanisme de récupération de place du V8 et les limitations de mémoire Js sont contrôlés par la machine de récupération de place

Explication graphique détaillée de la mémoire et du GC du moteur Node V8 Explication graphique détaillée de la mémoire et du GC du moteur Node V8 Mar 29, 2023 pm 06:02 PM

Cet article vous donnera une compréhension approfondie de la mémoire et du garbage collector (GC) du moteur NodeJS V8. J'espère qu'il vous sera utile !

Apprenez à ouvrir la calculatrice Win10 Apprenez à ouvrir la calculatrice Win10 Jul 12, 2023 pm 11:21 PM

Le système Win10 possède de nombreuses fonctions puissantes, qui incitent de nombreux internautes à le télécharger, à l'installer et à l'utiliser. Il existe également de nombreux gadgets pratiques, tels que l'outil de calcul Win10. Certains internautes ne savent toujours pas comment ouvrir la calculatrice Win10. Laissez-moi vous apprendre à ouvrir la calculatrice Win10. Méthode 1 : Rechercher dans le menu Démarrer 1. Sur le bureau du système Windows 10, cliquez sur l'élément de menu « Démarrer/Calculatrice ». 2. Vous pouvez ouvrir la fenêtre de la calculatrice de Windows 10. Méthode 2 : ouvrir Cortana Search 1. Sur le bureau Windows 10, cliquez sur l'icône « Cortana Search » dans le coin inférieur gauche de la barre des tâches. 2. Entrez le mot-clé « calculatrice » dans le menu contextuel pour effectuer la recherche, puis cliquez sur l'élément de menu calculatrice dans les résultats de la recherche.

Parlons en profondeur du module File dans Node Parlons en profondeur du module File dans Node Apr 24, 2023 pm 05:49 PM

Le module de fichiers est une encapsulation des opérations de fichiers sous-jacentes, telles que l'ajout de lecture/écriture/ouverture/fermeture/suppression de fichiers, etc. La plus grande caractéristique du module de fichiers est que toutes les méthodes fournissent deux versions de **synchrone** et ** asynchrone**, with Les méthodes avec le suffixe sync sont toutes des méthodes de synchronisation, et celles qui n'en ont pas sont toutes des méthodes hétérogènes.

Comment utiliser Express pour gérer le téléchargement de fichiers dans un projet de nœud Comment utiliser Express pour gérer le téléchargement de fichiers dans un projet de nœud Mar 28, 2023 pm 07:28 PM

Comment gérer le téléchargement de fichiers ? L'article suivant vous expliquera comment utiliser Express pour gérer les téléchargements de fichiers dans le projet de nœud. J'espère qu'il vous sera utile !

Que dois-je faire si le nœud ne peut pas utiliser la commande npm ? Que dois-je faire si le nœud ne peut pas utiliser la commande npm ? Feb 08, 2023 am 10:09 AM

La raison pour laquelle le nœud ne peut pas utiliser la commande npm est que les variables d'environnement ne sont pas configurées correctement. La solution est la suivante : 1. Ouvrez "Propriétés système" ; 2. Recherchez "Variables d'environnement" -> "Variables système", puis modifiez l'environnement. variables ; 3. Recherchez l'emplacement du dossier nodejs ; 4. Cliquez sur "OK".

Un calculateur de séquence de Fibonacci efficace écrit en PHP Un calculateur de séquence de Fibonacci efficace écrit en PHP Mar 21, 2024 am 10:06 AM

Calculateur de séquence de Fibonacci efficace : l'implémentation PHP de la séquence de Fibonacci est un problème mathématique très classique. La règle est que chaque nombre est égal à la somme des deux nombres précédents, c'est-à-dire F(n)=F(n -1)+F. (n-2), où F(0)=0 et F(1)=1. Lors du calcul de la séquence de Fibonacci, elle peut être implémentée de manière récursive, mais des problèmes de performances surviendront à mesure que la valeur augmente. Par conséquent, cet article présentera comment écrire un Fibonacci efficace en utilisant PHP

See all articles