当前位置: 首页 > news >正文

校园网站建设多少钱广州建站外贸网站

校园网站建设多少钱,广州建站外贸网站,织梦网站调整,做调查问卷权威网站添加路由(处理不同的URL请求) 路由:根据不同的URL,调用对应的处理函数。 每一个接口服务,最核心的功能是:根据不同的URL请求,返回不同的数据。也就是调用不同的接口返回不同的数据。 在 Node…

添加路由(处理不同的URL请求)

路由:根据不同的URL,调用对应的处理函数。

每一个接口服务,最核心的功能是:根据不同的URL请求,返回不同的数据。也就是调用不同的接口返回不同的数据。

在 Node.js 中使用 Koa 框架添加路由可以通过以下几种方式实现:

第1种:使用原生的 app.use 和条件判断

// 导入koa, koa是一个类
const Koa = require('koa')const { APP_PORT } = require('./config/config.env')// 创建koa实例对象:app
const app = new Koa()// 使用 app.use() 方法添加中间件,且只能写一个中间件
app.use((ctx, next) => {// 中间件逻辑if (ctx.url === '/home') {ctx.body = 'This is the home page';} else if (ctx.url === '/about') {ctx.body = 'This is the about page';} else {ctx.body = 'Page not found';}
});// 指定端口号并启动服务器
app.listen(APP_PORT, () => {console.log(`server is running on http://localhost:${APP_PORT}`)
})

第2种:使用第三方路由模块,如 koa-router(常用)

koa-router API

安装koa-router

npm install koa-router -D

API 介绍

const Router = require('koa-router');
const router = new Router();
  • new Router([options]):创建一个新的路由实例。options可以是一个包含配置选项的对象,例如设置路由前缀prefix等。
  • router.get(path, [middleware,...], callback):定义处理 GET 请求的路由。
  • router.post(path, [middleware,...], callback):定义处理 POST 请求的路由。
  • router.put(path, [middleware,...], callback):定义处理 PUT 请求的路由。
  • router.delete(path, [middleware,...], callback):定义处理 DELETE 请求的路由。
  • router.patch(path, [middleware,...], callback):定义处理 PATCH 请求的路由。
router.get('/users', async (ctx, next) => {ctx.body = 'Get all users';
});
  • router.all(path, [middleware,...], callback):定义处理所有 HTTP 方法的路由。
router.all('/admin', async (ctx, next) => {if (ctx.request.method === 'GET') {ctx.body = 'Admin page';} else {ctx.body = 'Not allowed';}
});
  • 在路径中使用冒号:来定义路由参数。可以通过ctx.params获取参数值。
// 带参数的路由
router.get('/users/:id', async (ctx, next) => {const userId = ctx.params.id;ctx.body = `User with id ${userId}`;
});
  • 命名路由router.url(name, [params], [query]):根据路由名称生成 URL。需要先给路由命名才能使用这个方法。
router.get('/login', async (ctx, next) => {ctx.body = 'Login page';
}).name('login');const loginUrl = router.url('login');
console.log(loginUrl);
  • router.allowedMethods():这个方法应该在所有路由定义之后添加,用于处理不支持的 HTTP 方法和发送适当的响应头。
// app 是 Koa 实例
app.use(router.routes());
app.use(router.allowedMethods());

使用示例

创建router/userRouter.js

// 引入路由,Router是一个类
const Router = require('koa-router');
// 创建一个路由实例 userRouter,并设置了一个前缀为 /user。
// 这意味着所有定义在这个路由实例上的路径都会自动加上这个前缀。
const userRouter = new Router({prefix: '/user'});// 创建路由组来组织相关的路由
userRouter.get('/list', async (ctx, next) => {// 因为有前缀,实际访问的路径是 /userlist// 处理 GET 请求ctx.body = 'The URL for this page is /user/list';
});module.exports = userRouter

main.js 中引入并使用路由userRouter

const Koa = require('koa');
const { APP_PORT } = require('./config/config.env');
const userRouter = require('./router/userRoute')// 创建koa实例对象:app
const app = new Koa();// 注册中间件,注意:app.use 必须接收函数作为中间件
app.use(userRouter.routes())app.use((ctx, next) => {// 中间件逻辑ctx.body = 'hello Koa!';
});app.listen(APP_PORT, () => {console.log(`server is running on http://localhost:${APP_PORT}`);
});

现在,项目目录结构如下:
在这里插入图片描述

项目结构优化

把http服务与app业务拆分

  1. 把业务代码从入口文件 main.js 中拆分出来,放到 src/app/index.js 中:
const Koa = require('koa');const userRouter = require('../router/userRoute')// 创建koa实例对象:app
const app = new Koa();// 注册中间件,注意:app.use 必须接收函数作为中间件
app.use(userRouter.routes())module.exports = app
  1. 改写 main.js
// 读取配置文件
const { APP_PORT } = require('./config/config.env');
// 加载 app 模块
const app = require('./app/index')
// app 模块启动 http server
app.listen(APP_PORT, () => {console.log(`server is running on http://localhost:${APP_PORT}`);
});

将路由和控制器拆分

路由:解析URL,分发给控制器对应的方法
控制器:处理不同的业务

示例

创建controller/userController.js

class userController {async register(ctx, next) {ctx.body = '用户注册成功'}async login(ctx, next) {ctx.body = '用户登录成功'}
}// 导出userController的实例(new userController()是一个对象)
module.exports = new userController()

改写router/userRoute.js

// 引入路由,Router是一个类
const Router = require('koa-router');// 通过解构的方式引入控制器方法
const { register, login } = require('../controller/userController')const userRoute = new Router({prefix: '/user'});// 注册接口
userRoute.post('/register', register);// 登录
userRoute.post('/login', login);module.exports = userRoute

浏览器默认发送的请求都是get请求,如果要发送post请求,可以使用postman
使用 postman 测试接口:
在这里插入图片描述在这里插入图片描述
现在,项目目录结构如下:
在这里插入图片描述

http://www.15wanjia.com/news/165663.html

相关文章:

  • 广东网站建设网wordpress自定义链接地址
  • 怎么根据已有网站做新网站在线制作logo图片免费
  • 基于php网站开发河南网站营销seo电话
  • 网站建设需要包含什么设计一个网页具体步骤
  • 做高端生活方式的网站公司网站自己创建
  • 怎么查询网站的空间商青岛网站建设与管理
  • 网站建设的背景有哪些如何知道网站的字体
  • 网站上的文章用秀米可以做吗企业手机app开发公司
  • wap网站建设公司开发一个需要多少钱
  • 网站搭建制作公司wordpress怎么加菜单
  • 哪个免费的网站建设好黑龙江牡丹江双鸭山伊春推广
  • 秦皇岛网站制作小程序开发html开头基础代码
  • 域名怎么绑定网站怎么分析网站设计
  • 建立能网上交易的网站多少钱怎么做网站登录界面
  • 绥化市建设工程网站招投标钻石网站建设
  • 丹阳市建设局网站wordpress文章自动分页
  • 建设网站的费用明细大概有哪些金光华网站建设
  • 广告设计图片网站中国互联网数据平台官网
  • 做网站设计需要哪些知识旅游攻略网站源码
  • 吉首网站建设WordPress激活邮件链接无效
  • 灯饰网站开发宁波网站建设软件开发
  • 只做鞋子的网站正邦设计公司简介
  • 国家建设协会官方网站企业网站的布局
  • 企业怎么建设网站首页休闲生活网页制作视频教程
  • 竞价网站移动端企业做网站设计
  • wordpress怎么显示摘要云南seo刷关键词排名优化
  • 门户网站集群建设方案英文网站收录提交
  • 湛江市建网站河北手机版建站系统哪个好
  • 购物网站开发的目的意义中国建设银行网上银行官网
  • 网站做轮播图的意义网站强制分享链接怎么做的