node.js+express制作网页计算器
环境:
主机:WIN10
express安装:
1.安装express-generator
输入命令:
npminstall-gexpress-generator
2.安装express
输入命令:
npminstall-gexpress
3.验证是否安装成功
输入命令:express-V
查看帮助:express--help
建立工程:
express-ecalculator cdcalculator&&npminstall
运行默认网页:
输入命令:npmstart或者node./bin/www
端口配置在/bin/www中。
可以执行加法运算。
源代码:
view/index.ejs:增加输入框
<!DOCTYPEhtml> <html> <head> <title><%=title%></title> <linkrel='stylesheet'href='/stylesheets/style.css'/> </head> <body> <formmethod="post"> <p>计算器</p> <inputtype="text"name="num1"value=<%=numa%>/><br/> <inputtype="text"name="num2"value=<%=numb%>/><br/> <inputtype="submit"value="计算"/> <p>结果:<%=sum%></p> </form> </body> </html>
routes/index.js:对提交的数据进行计算并推送结果
varexpress=require('express');
varrouter=express.Router();
/*GEThomepage.*/
router.get('/',function(req,res,next){
res.render('index',{
title:'计算器V1.0byjdh',
numa:0,
numb:0,
sum:0
});
});
router.post('/',function(req,res){
console.log("接收:",req.body.num1,req.body.num2);
varsum=parseFloat(req.body.num1)+parseFloat(req.body.num2);
console.log('sum=',sum);
res.render('index',{
title:'计算器V1.0byjdh',
//numa:req.body.num1,
//numb:req.body.num2
numa:req.body.num1,
numb:req.body.num2,
sum:sum
});
});
module.exports=router;