koa2快速入门

最新推荐文章于 2022-12-21 18:39:06 发布
最新推荐文章于 2022-12-21 18:39:06 发布
阅读量139 收藏
点赞数
分类专栏： nodejs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/buyueliuying/article/details/101979715
版权

在前篇的基础上继续操作

分离Router

安装koa-router模块

npm install koa-router -save

/website/testPro目录下创建router.js文件

const router = require('koa-router')();
module.exports = (app) => {
    router.get('/',async(ctx,next) => {//根目录get请求
        ctx.response.body = '<h1>index page</h1>';
    });

    router.get('/home',async(ctx,next) => {
        console.log(ctx.request.query);
        console.log(ctx.request.querystring);
        ctx.response.body = `<h1>home page</h1>`;
    });
    router.get('/home/:id/:name',async(ctx,next) => {//指定参数的get请求
        console.log(ctx.params);
        ctx.response.body = `<h1>home page /:id/:name</h1>`;
    });

    app.use(router.routes()).use(router.allowedMethods());

}

在index.js中引入router.js，代码如下：

const koa = require('koa');
const app = new koa();


//引入router.js

const router = require('./router');
router(app);

app.listen(3000,() =>{
    console.log('server is running at http://localhost:3000');
});

浏览器输入http://localhost:3000/home ，http://localhost:3000/home/1/tom 查看效果

分离controller
先安装koa-body模块，用于处理post提交

npm install koa-body -save

修改index.js文件，代码如下：

const koa = require('koa');
const app = new koa();

//用于处理post提交
const body = require('koa-body')();
app.use(body);

//引入router.js

const router = require('./router');
router(app);

app.listen(3000,() =>{
    console.log('server is running at http://localhost:3000');
});

在/website/testPro目录下新增controller文件夹，再添加home.js文件，代码如下：

module.exports = {
    index:async(ctx,next) => {
        ctx.response.body = '<h1>index page</h1>';
    },
    home:async(ctx,next) => {
        console.log(ctx.request.query);
        console.log(ctx.request.querystring);
        ctx.response.body = '<h1>home page</h1>';
    },
    login:async(ctx,next) => {
        if(ctx.method === 'GET'){
            ctx.response.body = `<form action="/user/login" method="post">
            账号：<input name ="username" type="text"/>
            <br/>
            密码：<input name="password" type="text" />
            <br/>
            <button type="submit">登录</button>
            </form>`;
        }else{
            let {username,password} = ctx.request.body;
            if(username == 'admin' && password == '12345'){
                ctx.response.body = 'login success';
            }else{
                ctx.response.body = 'login fail';
            }
        }
    },
}

需要修改router.js文件，在文件中引入controller/home.js，并以home.js中的函数作为HTTP请求的响应函数，代码如下：

const router = require('koa-router')();
//引入
const HomeController = require('./controller/home');
module.exports = (app) => {
    //只允许get
    router.get('/',HomeController.index);
    router.get('/home',HomeController.home);
    //允许get和post
    router.get('/user/login',HomeController.login);
    router.post('/user/login',HomeController.login);

    app.use(router.routes()).use(router.allowedMethods());

}

浏览器输入http://localhost:3000/user/login 查看效果

分离view

这里使用ejs模版

npm install koa-views --save
npm install ejs --save

修改/website/testPro/index.js，代码如下

const koa = require('koa');
const app = new koa();

//用于处理post提交
const body = require('koa-body')();
app.use(body);

//koa-views需要在路由引入之前引入
const views = require('koa-views');
//指定视图的文件夹为views，模版引擎使用ejs
app.use(views('views',{extension:'ejs'}));

//引入router.js
const router = require('./router');
router(app);


app.listen(3000,() =>{
    console.log('server is running at http://localhost:3000');
});

需要注意的是koa-views要在路由引入之前引入

修改/website/testPro/controller/home.js的index方法，代码如下

    index:async(ctx,next) => {
        //ctx.response.body = '<h1>index page</h1>';
        let title = 'index page by ejs';
        await ctx.render('index',{title});
    },

/website/testPro目录下添加views文件夹并创建index.ejs视图文件，代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <title></title>
</head>
<body>
    <h1><%= title %></h1>
</body>
</html>

用浏览器打开http://localhost:3000/ 即可看到效果

处理静态资源

npm install koa-static --save

修改/website/testPro/index.js，代码如下

const koa = require('koa');
const app = new koa();

//用于处理post提交
const body = require('koa-body')();
app.use(body);

//koa-views需要在路由引入之前引入
const views = require('koa-views');
//指定视图的文件夹为views，模版引擎使用ejs
app.use(views('views',{extension:'ejs'}));

const static = require('koa-static');
//配置静态资源目录为web
app.use(static('web'));

//引入router.js
const router = require('./router');
router(app);


app.listen(3000,() =>{
    console.log('server is running at http://localhost:3000');
});

/website/testPro目录下添加web文件夹并放置一张名为test.png的图片，修改index.ejs视图文件，代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <title></title>
</head>
<body>
    <h1><%= title %></h1>
    <img src="test.png" alt="">
</body>
</html>

浏览器刷新http://localhost:3000/ 即可看到效果

buyue__
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
koa2 快速入门
缚己
03-18 5430
简单说说 koa2 koa2 是由 express 的原班人马开发的，koa 框架有两个版本：koa 和 koa2。 koa 使用 ES6 的 generator 来编写的，当 node 引擎支持 ES7 之后，koa 的创始人立即使用 async 和 await 重构了 koa 框架，就有了现在的 koa2。 所以，下文中下载 koa2 的脚手架工具时，下载的是 koa....（详见下文）。 脚手架和基础配置 脚手架 koa2 提供了脚手架工具，可以用来更好的创建 koa2 项目。 npm 下载地址：ht
Koa框架基础快速入门
01-27
**Koa框架基础快速入门** Koa框架是Node.js领域中的一个轻量级Web应用框架，由Express团队创建，旨在提供更加简洁、高效且强大的功能。Koa的主要目标是通过使用ES6的Generator特性（在较新版本的Node.js中为async/...
【从前端到全栈】- koa快速入门指南
weixin_33778544的博客
10-18 180
前言 随着技术的不断发展，前端工程师也被赋予了越来越多的职责。不再是从前只需要切个图，加个css样式就能完成任务的切图仔了。接下来这篇文章，完成一个简单的登录注册，能让你快速上手，成为一个‘小全栈工程师’，here we go ！ koa快速开始 安装 因为node.js v7.6.x已经完全支持async/await语法，所以请保证...
koa2 快速上手
专研前端，探索后端
10-29 794
koa2 快速上手，koa2中解决跨域，koa2+msyql实现登录接口
koa快速入门
欢迎访问我的主页：https://www.bookbook.cc
04-27 862
ctx.request 和 ctx.req的区别 一、koa介绍及初体验 1.1 koa初体验 二、中间件 2.1 注册中间件 2.2 koa-router 2.3 参数解析 query & params 2.4 参数解析 json & urlencoded 2.5 参数解析 form-data 2.6 koa实现文件上传 三、响应数据及代理 四、部署静态资源 五、错误处理
Koa 快速入门
p1967914901的博客
06-28 3043
Koa 是 Express 的原班开发人马使用 ES2015 中的新特性（主要是 ）重新打造了新的 Web 框架——Koa，Koa 的初衷就是彻底解决在Node Web开发中的异步问题，在 ES2015 还没有被 Node 完全支持的时候，运行 Koa 项目需要在启动 Node 时加上参数。Koa 的理念与 Connect 更加相似，内部没有提供任何中间件，Express 中保留的静态文件和路由也被剔除，仅仅作为中间件的调用的脚手架。Koa 的发展存在 Koa1.x 和 Koa2 两个阶段，两者之间的区别
koa2 从入门到精通(小结)
10-16
此外，Koa2 不捆绑任何中间件，而是提供了创建中间件的简洁方式，使开发者能够快速构建服务器应用程序。 2. **Web 框架基础**： Web 框架通常用于搭建 HTTP 服务器，监听特定端口，处理各种请求类型，如网页、...
koa-starter-kit：Koa Starter Kit是快速入门Koa2的基本样板
02-03
Koa入门套件（KSK）是用于快速启动Koa2的基本样板。 它是用ES6编写的，带有一些凌乱的原始Javascript语法，可帮助您比以往更轻松地开始构建NodeJS API。 KSK包含一些可爱的常用设置： 基于Javascript模块的src结构...
blog:基于Vue3，Koa2开发的一套博客
03-15
博客Blog是一个基于vue和node的小小小博客前端用vue，最初用Koa2快速入门技术栈前置：用户端： ， 管理员端： ，初期： ， 本地运行安装数据库和环境。 # 安装服务端依赖npm install# 运行服务npm run dev# 安装前台...
Koa2超详细入门教程
YunWisdom
04-15 7442
Koa2 快速开始 环境准备 因为node.js v7.6.0开始完全支持async/await，不需要加flag，所以node.js环境都要7.6.0以上 node.js环境 版本v7.6以上 直接安装node.js 7.6：node.js官网地址https://nodejs.org nvm管理多版本node.js：可以用nvm 进行node版本进行管理 Mac系统安装nv...
echarts的学习（七）Koa2的快速上手
一天不写代码难受的博客
01-01 205
Koa本地安装Koa2洋葱模型 本地安装Koa2 里面的代码是 // 1.创建koa对象 const Koa = require('koa') // 将已经安装的koa 进行引入 const app = new Koa() //将引入的koa创建一个对象 // 2.编写响应函数(中间件) // ctx:上下文,web容器, 用ctx可以拿到 ctx.request ctx.response // next: 下一个中间件,下一层中间件是否能够得到执行, 取决于next这个函
Koa基础入门学习
椰卤工程师的个人博客
04-26 691
Koa 是一个新的 web 框架，由 Express 幕后的原班人马打造， 致力于成为 web 应用和 API 开发领域中的一个更小、更富有表现力、更健壮的基石。 通过利用 async 函数，Koa 帮你丢弃回调函数，并有力地增强错误处理。 Koa 并没有捆绑任何中间件， 而是提供了一套优雅的方法，帮助我们快速而愉快地编写服务端应用程序。接下来将从四个方面展开koa的详细使用讲解。 一、koa-g...
Koa快速入门教程（一）
weixin_30367945的博客
11-01 146
Koa是由Express原班人马打造的，致力于成为一个更小、更富有表现力、更健壮的 Web 框架，采用了async和await的方式执行异步操作。 Koa有v1.0与v2.0两个版本，随着node对async和await的支持，Koa2的正式发布，本文Koa均指Koa2 如果你还不熟悉async函数可查阅阮大的ECMAScript 6 入门 这是一篇从零开始的简易教程，话不多说...
Koa2框架快速入门与基本使用
终生学习，终生成长
06-03 6220
简单来讲，Koa2是一个基于nodejs的web server框架。 官方文档 Koa2框架使用入门 不使用脚手架，直接使用Koa框架： # 新建文件夹，控制台进入文件夹 npm init npm install koa 然后就可以新建js文件写Koa代码了。带有详细注释的示例代码如下。 const Koa = require('koa') const app = new Koa() // ctx: context, 上下文 app.use((ctx) => { ctx.body =
Koa2开发入门
weixin_33737134的博客
02-21 154
Koa2入门 创建Koa2 首先，我们创建一个名为koa2的工程目录，然后使用VS Code打开。然后，我们创建app.js，输入以下代码： // 导入koa，和koa 1.x不同，在koa2中，我们导入的是一个class，因此用大写的Koa表示: const Koa = require('koa'); // 创建一个Koa对象表示we...
快速入门koa2
黑马程序员官方博客
12-21 1155
总耗时中间件的功能就是计算出服务器所有中间件的总耗时，应该位于第一层，因为第一层的中间件是最先处理请求的中间件，同时也是最后处理请求的中间件。当一个请求到达咱们的服务器，最先最先处理这个请求的是第一层中间件。第一层的中间件在处理这个请求之后，它会把这个请求给第二层的中间件。第二层的中间件在处理这个请求之后，它会把这个请求给第三层的中间件。会到了第二层的中间件，所以第二层中间件对这个请求经过了两次的处处理。这个命令可以在线的联网下载最新版本 koa。第二层的中间件在处理完这个请求之后，又到了第一层的中间件。
koa2基础入门（新手快速上手）
xiao1215fei的专栏
10-21 560
安装koa2 # 初始化package.json npm init # 安装koa2 npm install koa 新建index.js const Koa = require('koa') const app = new Koa() app.use( async ( ctx ) => { ctx.body = 'hello koa2' }) app.listen(3000) console.log('[demo] start-quick is starting at port
koa2 入门
smallsun
05-17 7792
今天来玩一下koa2,先说一下什么是koa呢？koa是Nodejs的web开发框架，express也是。1、首先，来安装koa-generatornpm install -g koa-generator2、接下来，我们来创建koa2项目koa2 HelloKoa23、进入项目，安装依赖cd HelloKoa2 npm install 4、启动项目npm run start这个时候如果没有报错，那...
Koa入门教程
道阻且长，行则将至。
10-14 1362
一、koa的安装与使用 二、koa环境搭建 三、koa中间件 什么是中间件？ 一个流程上，独立的业务模块，可扩展，可插拔 类似于工厂的流水线 为什么使用中间件？ 拆分业务模块，使代码清晰 统一使用中间件，使得各业务代码都规范标准 扩展性好，容易添加和删除 koa业务代码都是中间件 四、koa洋葱圈模型 中间件机制，是koa2的精髓 每个中间件都是async函数 中间件的运行机制，就像洋葱圈 官网代码 const Koa = require('koa'); const a
koa2 + mysql 入门
最新发布
04-06
以下是Koa2和MySQL入门的基本步骤： 1. 安装Koa2和MySQL模块 使用npm安装koa和mysql模块： ``` npm install koa mysql ``` 2. 连接MySQL数据库 在应用程序中，需要连接到MySQL数据库。可以使用以下代码： ``` ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值