一如既往,先上一张图
Express 基于 平台,快速、开放、极简的 web 开发框架。
关于Express更多相关知识请链接至官网
1、访问本地服务
在指定的目录中创建app.js
1 //express 2 var express = require('express'); 3 //app核心 4 var app = express(); 5 //get 6 app.get('/', function (req, res) { 7 res.send('Node express 初试探....!'); 8 }); 9 //访问端口10 var server = app.listen(1314, function (req,res,next) {11 var host = server.address().address;12 var port = server.address().port;13 console.log(host);
node 启动app.js文件,浏览器端输入localhost:1314 即可访问响应内容 Node Express 初探.....
2.实现浏览器端url参数路由跳转
1 //express 2 var express = require('express'); 3 var app = express(); 4 5 //express.static 设置静态资源(images/js/css等)文件目录 6 app.use(express.static('public')); 7 8 //get请求 根据url实现路由跳转 9 app.get('/index.html', function (req, res) {10 res.sendFile(__dirname + '/' + 'index.html');11 });12 13 //get请求 根据url实现路由跳转 c14 app.get('/login.html', function (req, res) {15 res.sendFile(__dirname + '/' + 'login.html');16 });17 //端口18 var server = app.listen(1314, function () {19 var host = server.address().address;20 var port = server.address().port;21 console.log("实例应用,访问地址为 http://%s:%s", host, port);22 })
inde.html 主页面
Node Express路由跳转 实现Express路由跳转......
login登录页面
1 2 3 4 5 6 715 16Node Express路由跳转 8 9 10
3、get提交
//提交表单数据app.get('/app_get', function (req, res) { // 输出json格式 // 将接收的数据转换为json格式输出 response = { username : req.query.username, pass : req.query.pass, }; console.log(response); res.end(JSON.stringify(response));});
设置form属性 <form action="http:///localhost:1314/app_get" method="GET"></form> 即可,响应数据是字符串对象
4、post提交
1 var express = require('express'); 2 var app = express(); 3 var bodyParser = require('body-parser'); 4 // 创建 application/x-www-form-urlencoded 编码解析 5 var urlencodedParser = bodyParser.urlencoded({ 6 extended : false 7 }); 8 app.use(express.static('public')); 9 app.get('/post.html', function (req, res) {10 res.sendFile(__dirname + '/' + 'post.html');11 });12 app.post('/app_post', urlencodedParser, function (req, res) {13 // JSON 格式14 response = {15 username : req.body.username,16 pass : req.body.pass,17 };18 19 console.log(response);20 res.end(JSON.stringify(response));21 });22 var server = app.listen(1314, function () {23 var host = server.address().address;24 var port = server.address().port;25 console.log("应用实例,访问地址为 http://%s:%s", host, port);26 })
设置form属性 <form action="http:///localhost:1314/app_post" method="post"></form> 即可