Maison > interface Web > js tutoriel > le corps du texte

Créer une calculatrice Web avec node.js express

PHPz
Libérer: 2018-10-13 17:04:40
original
1646 Les gens l'ont consulté

Environnement :

Hôte : WIN10

installation express :

1. Installer le générateur express

Entrez la commande :

npm install -g express-generator
Copier après la connexion

2. Install express

Entrez la commande :

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 :

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

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

Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal