前面解决了post提交的问题,我们知道Post接口该怎么实现了。那么现在我们来看get请求接口该怎么实现,以及接口的访问,在routers文件夹下创建index.js文件
首先看看首页获取数据加载的接口(index.js)的实现。代码如下:

 const express=require('express');
 const pool=require('../pool');
 const router=express.Router();
 router.get('/',(req,res)=>{
  //不带参数的数据加载接口
  var sql=`select * from 数据库数据表名`
  pool.query(sql,(err,result)=>{
   if(err) throw err
   res.send(result)
  })
 })
 module.exports=pool
 //浏览器输入http://127.0.0.1:3000/index
 //即可在浏览器看到服务端index接口返回的数据

下面我们把这个路由加载到app.js里面,并注册;我们返回app文件夹下,找到app.js文件,打开,进行修改。代码如下:

const express=require('express');
var app=express();
app.listen(3000);
app.use(express.json());
app.use(express.urlencoded({extended:true}));
const login=require('./routers/login');
const index=require('./router/index')
console.log("服务器启动成功")
app.use('/login',login);
app.use('/index',index)

现在我们已经完成了不带参数的GET请求接口,下面我们在index.js下添加一个带参数的indexa接口。我们打开routers文件夹下的index.js文件,修改如下:

 const express=require('express');
 const pool=require('../pool');
 const router=express.Router();
 router.get('/',(req,res)=>{
  //不带参数的数据加载接口
  var sql=`select * from 数据库数据表名`
  pool.query(sql,(err,result)=>{
   if(err) throw err
   res.send(result)
  })
 })
 //浏览器输入http://127.0.0.1:3000/index
 //即可在浏览器看到服务端index接口返回的数据
 router.get('/indexa',(req,res)=>{
   var id=req.query.id //获取客户端get请求传过来的参数
   var sql=`select * from 数据库数据表名 where id=?`
   sql.query(sql,[id],(err,result)=>{
    res.send(result)
   })
 })
  module.exports=pool
  //浏览器输入http://127.0.0.1:3000/index/indexa?id=1

好了,已经完成了post接口和get接口的实现。基本上可以完成数据交互功能,但关键是需要设置好mysql数据库名和表名,以及各表里的内容。这样通过访问数据接口,才不会出现错误!


心诚则灵
1 声望0 粉丝