零基础教你用Express撸一个后台系统2(设计后台接口)

零基础教你用Express撸一个后台系统2(设计后台接口)
文章图片
Express下设计后台接口 在之前我们完成了Express的基础配置后,现在来尝试的做一下后台的接口设计。
如果不会Express基础配置的老铁们,可以看看这个零基础教你用Express撸一个后台系统1(配置Express)
1. 入手 首先看看我们的目录结构(如下图)
零基础教你用Express撸一个后台系统2(设计后台接口)
文章图片
目录结构 bin:存放的是启动服务 以及其他
pubic:存放的是静态资源 (css / images / js /fonts)
routers:存放的是路由
views:存放的则是我们的视图文件
这里我们要设计的接口,其实就是设计routes
【零基础教你用Express撸一个后台系统2(设计后台接口)】打开app.js,找到下面2句

app.use('/', index); app.use('/users', users);

这里就是我们配置路由的关键语句,
use 函数的第一个参数 表示 我们路由的基础地址,第二个则是对应的路由文件的名字
也就是如果我们访问
127.0.0.1:4000/ 对应的就是 index路由里面的配置
127.0.0.1:4000/users 对应的就是 users路由里面的配置
2. 配置 我们以users路由配置为例,建立一个简单的hello world 的接口
打开users.js 发现下面代码
var express = require('express'); var router = express.Router(); /* GET users listing. */ router.get('/', function(req, res, next) { res.send('respond with a resource'); }); module.exports = router;

其实在这里官方的实例已经相当清晰了。
router.get 对应的是 get请求的方法
router.post 则是对应的是post请求方法
回调function中的 req 代表是请求,res 则是响应
对于如何从req中取 get/post的 值这里不再一一说明,不想查文档的 可以 直接console一下
同理res 也有多种渲染方式,由于我们这里是设计一个接口的方式 所以这里就简单介绍一下返回json 数据的接口。
输入以下代码,用来以get访问/users/test 时反回一个json数据
router.get('/test', function(req, res, next) { res.json({content:"hello world"}); });

浏览器中测试
零基础教你用Express撸一个后台系统2(设计后台接口)
文章图片
测试结果 总结: Express 中配置接口十分方便与灵活,通过req/res 相应的方法 可以轻易的达到多种效果!
点击查看 项目demo

    推荐阅读