Heim  >  Artikel  >  Web-Frontend  >  Erstellen Sie einen Webrechner mit node.js Express

Erstellen Sie einen Webrechner mit node.js Express

PHPz
PHPzOriginal
2016-05-16 15:19:331630Durchsuche

Umgebung:

Host: WIN10

Express-Installation:

1. Express-Generator installieren

Geben Sie den Befehl ein:

npm install -g express-generator

2. Express installieren

Geben Sie den Befehl ein:

npm install -g express

3 .Überprüfen Sie, ob die Installation erfolgreich ist

Geben Sie den Befehl ein: express -V

Hilfe anzeigen: express --help

Erstellen Sie das Projekt:

express -e calculator
cd calculator && npm install

Führen Sie die Standardwebseite aus:

Geben Sie den Befehl ein: npm start oder node ./bin/www

Der Port ist konfiguriert in /bin/www.

Kann Additionsoperationen durchführen.

Quellcode:

view/index.ejs: Eingabefeld hinzufügen

routes/index.js: Berechnen und übertragen Sie das übermittelte Datenergebnis

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;

[Verwandte Tutorial-Empfehlungen]

1. JavaScript-Video-Tutorial
2. JavaScript-Online-Handbuch
3. Bootstrap-Tutorial

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