node.js+express制作网页计算器

2022-01-14,,,,

这篇文章主要介绍了node.js+express制作网页计算器的相关资料,需要的朋友可以参考下

环境:

主机:WIN10

express安装:

1.安装express-generator

输入命令:

 npm install -g express-generator 

2.安装express

输入命令:

 npm install -g express 

3.验证是否安装成功

输入命令:express -V

查看帮助:express --help

建立工程:

 express -e calculator cd calculator && npm install 

运行默认网页:

输入命令:npm start或者node ./bin/www

端口配置在/bin/www中。

可以执行加法运算。

源代码:

view/index.ejs:增加输入框

     

计算器

<input type="text" name="num1" value= />
<input type="text" name="num2" value= />

结果:

routes/index.js:对提交的数据进行计算并推送结果

 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; 

以上就是node.js+express制作网页计算器的详细内容,更多请关注本站其它相关文章!

《node.js+express制作网页计算器.doc》

下载本文的Word格式文档,以方便收藏与打印。