首頁 > web前端 > js教程 > node.js+express製作網頁計算器

node.js+express製作網頁計算器

PHPz
發布: 2018-10-13 17:04:40
原創
1674 人瀏覽過

環境:

主機: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:增加輸入框
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;
登入後複製
routes/index.js:對提交的資料進行計算並推送結果

【相關教學推薦】
1. JavaScript影片教學
2. JavaScript線上手冊

3. bootstrap教學

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板