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;