Heim > Artikel > Web-Frontend > Erstellen Sie einen Webrechner mit node.js Express
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