Node.js+express で Web 電卓を作成

環境:

ホスト: WIN10

エクスプレスインストール:

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

デフォルトの Web ページを実行します:

コマンドを入力します: npm start または node ./bin/www

ポートは/bin/www で設定されます。

加算演算を実行できます。

ソースコード:

view/index.ejs: 入力ボックスを追加

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;

[関連チュートリアルの推奨事項]

1.

JavaScript ビデオ チュートリアル2.
JavaScript オンライン マニュアル 3.
ブートストラップ チュートリアル