博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Node Express 初探
阅读量:6302 次
发布时间:2019-06-22

本文共 2751 字,大约阅读时间需要 9 分钟。

一如既往,先上一张图

 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路由跳转......

View Code

login登录页面

1  2  3  4     
5
6
7 Node Express路由跳转 8 9 10
11 姓名:
12 密码:
13
14
15 16
View Code

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> 即可

转载于:https://www.cnblogs.com/zjf-1992/p/7439942.html

你可能感兴趣的文章
找不到 android-support-v4 解决办法
查看>>
Android RecyclerView添加Header头部
查看>>
Redis(1)-基础
查看>>
Response.AppendCookie
查看>>
Python 判断指定路径下文件是否存在
查看>>
vue.js 贡献指南(翻译)
查看>>
网页标题长短没有好坏,不服来辩
查看>>
Mysql全文索引
查看>>
C++ primer->16.2 模板实参推断
查看>>
Java核心技术卷1——第四章下
查看>>
虚拟机字节码执行引擎
查看>>
高斯消元法
查看>>
linux就该这么学第十一课-网络配置4种方法,网卡聚合
查看>>
PHP 数组
查看>>
软件架构师工作内容总结
查看>>
机智的MySQL优化器 --- is null
查看>>
python bool值要注意的一些地方
查看>>
vuex使用mapActions报错解决办法
查看>>
阿里云服务器配置小程序用ssl证书
查看>>
移动应用开发—— 如何搭建开发大型的应用架构?
查看>>