扣丁学堂HTML5培训之Node.js + express基本用法详解

2019-03-14 14:13:30 1180浏览

今天扣丁学堂HTML5培训老师给大家分享一篇关于Node.js+express基本用法详解，首先结合实例形式分析了nodejs导入express、路由访问、数据处理等相关操作技巧，下面我们一起来看一下吧。

这里来讲下express框架的使用，编译的环境是VSCode，这里我已经配饰了阿里的镜像，所有npm指令用cnpm代替

首先学会向Node.js种引入express

非常建党只需两步，输入指令：

cnpm init

然后就可以载入express

cnpm install express -save

到此为止express救成功导入了

这里介绍一个技巧：

输入：

cnpm install -g nodemon

这样一来以后每次测试，救不要关闭node再重新运行了，直接保存就可以。

现在开始讲express的使用：

准备部分（包的导入）

var express = require('express');
var app = express();

最简单的一个使用：

向服务器请求时，放回一个JSON数组

var express = require('express');
var app = express();
app.get('/api', function(req, res){
  var you = [
    {
          name : '666',
           id : 5,
           age : 10,
           },
    {
          name : '666',
          id : 5,
          age : 10,
          }
    ]
    // res.send(you);//放回 json 数组
     res.json(you);//放回一个 json
});
app.listen(3000);console.log('listening to port 3000');

变化的路由

我们再访问服务器时描绘涉及到许许多多的路由，这是我们不可能将他们都一一列举出来，所以我们就可以用‘：'来解决，如下：

var express = require('express');
var app = express();
// /api/:id 这个 :id 代表无数可能
app.get('/api/:id/next/:name', function(req, res){
  res.send(req.params.id + req.params.name);//放回 json 数组
  });
app.listen(3000);console.log('listening to port 3000');
搜索：‘ http://localhost:3000/api/69999/next/dkshkjh '，输出的是：

69999dkshkjh

输出一个对象的内容：

console.dir(req.params);

post方法，接收数据

var express = require('express');
var bodyParser = require('body-parser');
var app = express();
var urlParser = bodyParser.urlencoded({extended : false})//处理 url 表单内容
var jsonParser = bodyParser.json()//处理 json 数据
app.post('/', urlParser, function(req, res){//发送 表单 数据到这个路由
  console.log(req.body);
  res.send(req.body.name);
})
app.post('/upload', json, function(req, res){//发送 json 数据到这个路由
  console.log(req.body);
  res.send(req.body.name);
})
app.listen(3000);console.log('listening to port 3000');

以上就是关于扣丁学堂HTML5培训之Node.js + express基本用法详解，希望本文所述对大家nodejs程序设计有所帮助，

最后想要了解更多关于HTML5开发方面内容的小伙伴，请关注扣丁学堂HTML5培训官网、微信等平台，扣丁学堂IT职业在线学习教育平台为您提供权威的HTML5视频教程供学员学习，HTML5培训后的前景无限，行业薪资和未来的发展会越来越好的，扣丁学堂老师精心推出的HTML5视频直播课定能让你快速掌握HTML5从入门到精通开发实战技能。扣丁学堂H5技术交流群：673883249。

【关注微信公众号获取更多学习资料】

查看更多关于“HTML5开发技术资讯”的相关文章>>