koa2快速入门

最新推荐文章于 2022-10-29 17:12:00 发布
最新推荐文章于 2022-10-29 17:12:00 发布
阅读量138 收藏
点赞数
分类专栏： 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 5421
简单说说 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是由Express原班人马打造的，致力于成为一个更小、更富有表现力、更健壮的 Web框架。使用koa编写web应用，通过组合不同的generator，可以免除...本教程旨在介绍Koa框架的相关基础知识，能够帮助你快速的上手。Koa
【从前端到全栈】- koa快速入门指南
weixin_33778544的博客
10-18 177
前言 随着技术的不断发展，前端工程师也被赋予了越来越多的职责。不再是从前只需要切个图，加个css样式就能完成任务的切图仔了。接下来这篇文章，完成一个简单的登录注册，能让你快速上手，成为一个‘小全栈工程师’，here we go ！ koa快速开始 安装 因为node.js v7.6.x已经完全支持async/await语法，所以请保证...
koa2 快速上手
专研前端，探索后端
10-29 789
koa2 快速上手，koa2中解决跨域，koa2+msyql实现登录接口
koa快速入门
欢迎访问我的主页：https://www.bookbook.cc
04-27 843
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 3020
Koa 是 Express 的原班开发人马使用 ES2015 中的新特性（主要是 ）重新打造了新的 Web 框架——Koa，Koa 的初衷就是彻底解决在Node Web开发中的异步问题，在 ES2015 还没有被 Node 完全支持的时候，运行 Koa 项目需要在启动 Node 时加上参数。Koa 的理念与 Connect 更加相似，内部没有提供任何中间件，Express 中保留的静态文件和路由也被剔除，仅仅作为中间件的调用的脚手架。Koa 的发展存在 Koa1.x 和 Koa2 两个阶段，两者之间的区别
koa2 从入门到精通(小结)
01-01
koa 发布已经快 6 年的时间，作为继 express 之后 node 服务框架最大... Koa 并没有捆绑任何中间件， 而是提供了一套优雅的方法，帮助您快速而愉快地编写服务端应用程序。 既然是 web 框架大家一定不陌生，通过启动一个
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-router：koa2的类似于Express的路由器组件
02-03
koa2路由器类似Koa2的快速路由器组件产品特点使用.use | .params | .all | .route | [方法]的快速样式路由数组路径前缀多个可嵌套的路由器堆栈405不允许的方法支持501未实施支持命名路由器进行调试绑定的baseUrl | ...
Koa2超详细入门教程
YunWisdom
04-15 7254
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 197
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 687
Koa 是一个新的 web 框架，由 Express 幕后的原班人马打造， 致力于成为 web 应用和 API 开发领域中的一个更小、更富有表现力、更健壮的基石。 通过利用 async 函数，Koa 帮你丢弃回调函数，并有力地增强错误处理。 Koa 并没有捆绑任何中间件， 而是提供了一套优雅的方法，帮助我们快速而愉快地编写服务端应用程序。接下来将从四个方面展开koa的详细使用讲解。 一、koa-g...
Koa快速入门教程（一）
weixin_30367945的博客
11-01 143
Koa是由Express原班人马打造的，致力于成为一个更小、更富有表现力、更健壮的 Web 框架，采用了async和await的方式执行异步操作。 Koa有v1.0与v2.0两个版本，随着node对async和await的支持，Koa2的正式发布，本文Koa均指Koa2 如果你还不熟悉async函数可查阅阮大的ECMAScript 6 入门 这是一篇从零开始的简易教程，话不多说...
nodeJs查看和设置镜像源
buyue
07-22 5966
#查看 npm config get registry #设置 npm config set registry https://registry.npm.taobao.org
npm 根据package.json来安装第三方包
buyue
12-18 3592
https://www.cnblogs.com/sese/p/10119511.html
Koa统一错误异常处理
buyue
12-22 3343
koa官方文档 app.on("error", (err, ctx) => { /* 你的处理 */ }); 但是遇到404 并不会触发 为此改用另外一套方案 const koa = require('koa'); const app = new koa(); //统一错误异常处理 app.use(async (ctx, next) => { let status...
Nodejs全局安装模块后提示找不到模块的解决方法
buyue
05-06 2803
错误提示如：Error: Cannot find module ‘XXXX’ 检查一下 Nodejs 的模块安装路径 npm prefix -g 我本机显示 /usr/local/node-v10.16.3-linux-x64 编辑/etc/profile vi /etc/profile 在环境变量中加入NODE_PATH export NODE_PATH="/usr/local/node-...
koa2 + mysql 入门
最新发布
04-06
Koa2是一个基于Node.js的Web开发框架，而MySQL是一种关系型数据库管理系统。将它们结合起来，可以更方便地进行Web开发。 以下是Koa2和MySQL入门的基本步骤： 1. 安装Koa2和MySQL模块 使用npm安装koa和mysql模块： ``` npm install koa mysql ``` 2. 连接MySQL数据库 在应用程序中，需要连接到MySQL数据库。可以使用以下代码： ``` const mysql = require('mysql'); const connection = mysql.createConnection({ host: 'localhost', user: 'root', password: 'password', database: 'database_name' }); connection.connect(); ``` 其中，`host`是数据库服务器的地址，`user`是用户名，`password`是密码，`database`是要连接的数据库名称。 3. 执行SQL查询 连接到数据库后，可以执行SQL查询。以下是一个简单的查询示例： ``` connection.query('SELECT * FROM users', function (error, results, fields) { if (error) throw error; console.log(results); }); ``` 在这个示例中，使用`SELECT`语句从`users`表中检索所有行。查询结果将在控制台中打印出来。 4. 在Koa2中使用MySQL 在Koa2应用程序中，可以使用`koa-mysql`模块来更方便地使用MySQL。以下是一个简单的示例： ``` const Koa = require('koa'); const app = new Koa(); const mysql = require('koa-mysql'); app.use(async (ctx, next) => { const db = await mysql.createPool({ host: 'localhost', user: 'root', password: 'password', database: 'database_name' }); const results = await db.query('SELECT * FROM users'); ctx.body = results; }); app.listen(3000); ``` 在这个示例中，使用`koa-mysql`模块创建一个MySQL连接池。然后，使用`query`方法从`users`表中检索所有行，并将结果作为响应主体发送给客户端。 这只是一个简单的入门示例。在实际应用中，可能需要更复杂的查询和数据操作。但是，通过这个入门示例，您应该已经了解了如何将Koa2和MySQL结合起来进行Web开发。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值