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;
热门推荐
10 八一幼儿祝福语大全简短
11 公司乔迁食堂祝福语简短
12 婚礼结束聚餐祝福语简短
13 儿媳买车妈妈祝福语简短
14 毕业送礼老师祝福语简短
15 同事辞职正常祝福语简短
16 恭贺新婚文案祝福语简短
17 金店立秋祝福语简短英文
18 婆婆高寿祝福语大全简短