源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2021-10-28 07:35 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:node.js+express制作网页计算器
[b]环境:[/b] 主机:WIN10 [b]express安装:[/b] 1.安装express-generator 输入命令:
npm install -g express-generator
2.安装express 输入命令:
npm install -g express
3.验证是否安装成功 输入命令:express -V 查看帮助:express --help [b]建立工程:[/b]
express -e calculator

cd calculator && npm install

运行默认网页: 输入命令:npm start或者node ./bin/www 端口配置在/bin/www中。 可以执行加法运算。 [b]源代码:[/b] view/index.ejs:增加输入框
<!DOCTYPE html> 
<html> 
 <head> 
  <title><%= title %></title> 
  <link rel='stylesheet' href='/stylesheets/style.css' /> 
 </head> 
 <body> 
    <form method="post"> 
      <p>计算器</p> 
    <input type="text" name="num1" value=<%= numa %> /><br /> 
    <input type="text" name="num2" value=<%= numb %> /><br /> 
    <input type="submit" value="计算" /> 
    <p>结果:<%= sum %></p> 
    </form> 
 </body> 
</html> 

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; 
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部