加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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

发布时间:2020-12-16 08:17:04 所属栏目:百科 来源:网络整理
导读:环境: 主机:WIN10 express安装: 1.安装express-generator 输入命令: 2.安装express 输入命令: 3.验证是否安装成功 输入命令:express -V 查看帮助:express --help 建立工程: cd calculator npm install 运行默认网页: 输入命令:npm start或者node ./

环境:

主机:WIN10

express安装:

1.安装express-generator

输入命令:

2.安装express

输入命令:

3.验证是否安装成功

输入命令:express -V

查看帮助:express --help

建立工程:

cd calculator && npm install

运行默认网页:

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

端口配置在/bin/www中。

可以执行加法运算。

源代码:

view/index.ejs:增加输入框

<%= title %>
计算器

/>
/>

结果:<%= sum %>

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

/ 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',// numa: req.body.num1,// numb: req.body.num2
numa: req.body.num1,numb: req.body.num2,sum: sum
});
});

module.exports = router;

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读