Node.js+express로 웹 계산기 만들기

환경:

호스트: WIN10

express 설치:

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: 입력 상자 추가

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 동영상 튜토리얼
JavaScript 온라인 매뉴얼
3. 부트스트랩 튜토리얼