一、信息流小程序-GET请求案例 1.1服务端接口开发
一定要养成接口的意识,前端单打独斗出不来任何效果,必须有接口配合,写一个带有分页、关键词查询的接口:
分页接口::3000/info?page=1
查询接口::3000/search?word=李
详情接口::3000/xiangqing?id=2
const express = require("express"); const app = express(); const url = require("url"); const info = require("./info.js"); app.use(express.static("www")); //显示分页的明星信息 app.get("/info" , (req,res) => { const page = url.parse(req.url , true).query.page; //得到GET请求的page参数 //提供分页的接口 res.json({ "arr" : info.slice((page-1) * 4 , page * 4) }); }); //关键字筛选查询 app.get("/search" , (req,res) => { //得到用户的查询词 var word = url.parse(req.url , true).query.word; //将字符串word变为正则表达式 var wordExp = new RegExp(word); //遍历,筛选 res.json({ "arr" : info.filter(item => wordExp.test(item.name)) }); }); //某明星详情 app.get("/xiangqing" , (req,res) => { //得到用户的查询的明星id var id = url.parse(req.url , true).query.id; //遍历,筛选 res.json({ "xiangqing" : info.filter(item => item.id == id)[0] }); }) app.listen(3000);