node.js学习:利用express搭建简易网页计算器
来源:互联网 发布:sql server有mac版吗 编辑:程序博客网 时间:2024/05/21 17:54
node.js学习:利用express搭建简易网页计算器
本文博客链接:http://blog.csdn.net/jdh99,作者: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:增加输入框
<!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.num2numa: req.body.num1,numb: req.body.num2,sum: sum });});module.exports = router;
0 1
- node.js学习:利用express搭建简易网页计算器
- js网页简易计算器
- Node.js利用Express框架搭建小型网站(上)
- Node.js利用Express框架搭建小型网站(下)
- Node.js利用Express框架搭建小型网站
- JS版简易网页计算器
- 利用node.js搭建简易DASH直播系统
- 快速搭建 node.js+express
- ubuntu搭建node.js+express
- Node.js搭建Express应用程序
- 使用 Node.js 和 Express.js 搭建简易 HTTP/2 服务器
- node.js express模块学习
- Node.js Express 框架学习
- Node.js Express 框架学习
- Node.js Express学习笔记
- Node.js Express 框架学习
- Node.js Express 框架学习
- 从0到1学习node(七)之express搭建简易论坛
- android wear-Drawing Watch Faces
- 2016.1.16 git学习 .gitignore格式规范
- Fragment详解之四——管理Fragment(2)
- mongodb学习系列之一
- Fragment详解之五——Fragment间参数传递
- node.js学习:利用express搭建简易网页计算器
- Fragment详解之六——如何监听fragment中的回退事件与怎样保存fragment状态
- dos 命令自动关机,不安装任何软件
- Grit 美国最时髦的教育理念,我们从中要学习什么?
- STL sort简单用来快速排序
- 读书与走天涯
- Servlet运行周期与原理流程
- 代理模式之spring的AOP
- 使用C语言打印月历