Rumah > hujung hadapan web > tutorial js > Buat kalkulator web dengan node.js express

Buat kalkulator web dengan node.js express

PHPz
Lepaskan: 2018-10-13 17:04:40
asal
1673 orang telah melayarinya

Persekitaran:

Hos: WIN10

pemasangan ekspres:

1

Masukkan arahan:

npm install -g express-generator
Salin selepas log masuk
2. Pasang ekspres

Masukkan arahan:

npm install -g express
Salin selepas log masuk
3 .Sahkan sama ada pemasangan berjaya

Masukkan arahan: express -V

Lihat bantuan: express --help

Bina projek:

express -e calculator
cd calculator && npm install
Salin selepas log masuk
Jalankan halaman web lalai:

Masukkan arahan: npm start atau node ./bin/www

Port ialah dikonfigurasikan dalam /bin/www.

Boleh melakukan operasi tambah.

Kod sumber:

view/index.ejs: Tambah kotak input

routes/index.js: Kira dan tolak data yang diserahkan Hasil

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;
Salin selepas log masuk
【Cadangan Tutorial Berkaitan】

1

Tutorial Video JavaScript2
Manual Dalam Talian JavaScript>3. tutorial bootstrap

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan