Javascript

基于node.js的Express框架介绍(前端同学写接口,让后端同学没接口可写)

本文主要是介绍基于node.js的Express框架介绍(前端同学写接口,让后端同学没接口可写),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

Node.js® 是一个基于 Chrome V8 引擎 的 JavaScript 运行时,它提供了许多基础的功能和 API,而基于 Node.js,程序员实现了很多强大的工具和框架。总之,Node.js 是大前端时代的“大宝剑”,有了 Node.js 这个超级 buff 的加持,前端程序员的行业竞争力会越来越强!

  • 后端API接口。基于Node.js环境 + Express框架,

  • 桌面应用。基于Node.js环境 + Electron 框架

  • 操作数据库。基于Node.js环境 + MySql包 读写和操作数据库

  • 实用的命令行工具。基于Node.js环境,实现的 vuecli,webpack等

  • etc...

Express 是一个基于 Node.js 平台,快速、开放、极简的 web 开发框架

  • web 开发: 对不同的请求能够显示页面;提供接口服务;

  • 框架是一个半成品,用来快速解决一类问题;框架:bootstrap, lay-ui, express, vue;

  • 库就是工具集,通过调用api来完成具体的功能。 库:zepto.js , jQuery, day.js, , react ,underscore, lodash, art-template, axios, echart.....

  • 对于node.js来说,Express 是一个第三方模块,有丰富的 API 支持,强大而灵活的中间件特性

  • Express 不对 Node.js 已有的特性进行二次抽象,只是在它之上扩展了 Web 应用所需的基本功能

  • 参考链接:Express 官网 Express 中文文档(非官方) Express GitHub仓库

运行express程序

expresss 是一个第三方模块(在npm上可以下载),在使用它之前要先去下载它,在下载包之前要先创建项目,并通过终端命令npm init 创建package.json文件(终端命令的使用可参考本人之前的文章)。  

注意:

  • 项目目录名字不要取中文,也不要取express

  • 如果安装不成功:

    • 换个网络环境

    • 运行下npm cache clean -f,再重新运行下载命令试试

基本使用

// 加载 Express
const express = require('express')

// 1. 调用 express() 得到一个 app
//app是 express 实例
//    类似于 http.createServer()
const app = express();

// 2. 静态资源托管
app.use(express.static('public'))

// 3. 监听端口号,启动 Web 服务
app.listen(3000, () => console.log('app listening on port 3000!'))

路由和接口 

路由(Routing)是一组映射关系。它约定了当一个特定的 HTTP 方法(GET、POST 等)访问某个 URL(或者叫路径标识)时,服务器如何响应,而接口就是一种特殊的路由。

  • 写get接口
  • 要求
    //---- 不传入id -------------
    //  localhost:8080/api/getbooks
    {
          "status": 0, //0标识成功,其他失败
          "message": "获取图书列表数据成功", //描述信息
          "data": [{ //返回数据
            "id": 1, //图书id
            "bookname": "西游记", //书名
            "author": "吴承恩", //作者
            "publisher": "北京出版社" //出版社
            },
            {
            "id": 2, //图书id
            "bookname": "红楼梦", //书名
            "author": "曹雪芹", //作者
            "publisher": "大清出版社" //出版社
          }] 
    }
    
    //---- 传入id -------------
    //  localhost:8080/api/getbooks?id=1
    {
          "status": 0, //0标识成功,其他失败
          "message": "获取图书数据成功", //描述信息
          "data": { //返回数据
            "id": 1, //图书id
            "bookname": "西游记", //书名
            "author": "吴承恩", //作者
            "publisher": "北京出版社" //出版社
          }
    }
    
    //  localhost:8080/api/getbooks?id=100
    {
          "status": 1, //0标识成功,其他失败
          "message": "获取图书数据失败"
    }

     参考代码

    const express = require('express')
    const app = express()
    let data = {
      "status": 0, //0标识成功,其他失败
      "message": "获取图书列表数据成功", //描述信息
      "data": [{ //返回数据
        "id": 1, //图书id
        "bookname": "西游记", //书名
        "author": "吴承恩", //作者
        "publisher": "北京出版社" //出版社
      },
      {
        "id": 2, //图书id
        "bookname": "红楼梦", //书名
        "author": "曹雪芹", //作者
        "publisher": "大清出版社" //出版社
      }]
    }
    let books = [{ //返回数据
      "id": 1, //图书id
      "bookname": "西游记", //书名
      "author": "吴承恩", //作者
      "publisher": "北京出版社" //出版社
    },
    {
      "id": 2, //图书id
      "bookname": "红楼梦", //书名
      "author": "曹雪芹",//作者
      "publisher": "大清出版社" //出版社
    }]
    // 定义路由
    // app.METHOD(PATH, HANDLER)
    app.get('/api/getbooks', (req, res) => {
      //console.log(req.query);//获取参数
      if (req.query.id !== undefined) {//如果可以获取到id
        // 做查询(数组里的find方法,查找首次满足条件的值,并返回值)
        const ret = books.find(item => item.id == req.query.id)
        if (ret) {
          res.json({
            "status": 0, //0标识成功,其他失败
            "message": "获取图书数据成功", //描述信息
            "data": ret
          })
        } else {
          res.json({
            "status": 1, //0标识成功,其他失败
            "message": "获取图书数据失败"
          })
        }
      } else {//如果获取不到id
        // 返回数据,send也行
        res.json(data)
      }
    })
    

    post代码见下一篇

这篇关于基于node.js的Express框架介绍(前端同学写接口,让后端同学没接口可写)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!