node.js学习:利用express搭建简易网页计算器

页面导航:首页 > 网络编程 > JavaScript > node.js学习:利用express搭建简易网页计算器

node.js学习:利用express搭建简易网页计算器

来源: 作者: 时间:2016-01-23 10:23 【

node js学习:利用express搭建简易网页计算器本文博客链接:http: blog csdn net jdh99,作者:jdh,转载请注明 环境:主机:WIN10express安装:1 安装express-generator输入命令:npm install -g express-genera

node.js学习:利用express搭建简易网页计算器


本文博客链接:,作者:jdh,转载请注明.

环境:

主机: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:增加输入框



  
    <%= title %>
    
  
  
 		

计算器

/>
/>

结果:<%= sum %>


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;




Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<