创建koa2项目步骤

原创 已于 2022-05-12 14:30:02 修改 · 1.5k 阅读 · 8 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#mysql #数据库 #node.js

于 2022-05-11 19:10:56 首次发布
本文介绍了如何使用Koa2框架结合Mysql数据库，实现包括安装、项目初始化、跨域配置、数据连接、CRUD操作（查询、添加、删除、更新）及参数化查询等功能。涵盖了数据库链接池、API设计和数据格式处理等关键步骤。

1.安装koa-generator

npm install -g koa-generator

2.新建项目

koa2 -e my-server

3.安装依赖，启动项目

// cd my-server
npm  install
npm  run dev

项目默认运行在3000端口

4.安装跨域插件

npm i koa2-cors --save

5.配置跨域，在app.js添加如下配置

// 配置跨域
const cors = require('koa2-cors');
app.use(cors({
  origin: '*',
  allowMethods: ['GET', 'POST', 'DELETE', 'PUT', 'PATCH', 'OPTIONS'],
  allowHeaders: ['Content-Type', 'Authorization', 'Accept']
}));

6.链接mysql数据库
首先安装mysql插件

npm install mysql --save

项目根目录创建mysql文件夹，创建mysql.js
项目根目录创建utils文件夹,创建code.js,定义 返回成功失败类型

mysql.js文件中创建数据库链接池，封装增删改查数据返回格式

const mysql      = require('mysql')
const code=require('../utils/code')
console.log(mysql)
// 创建数据池
const pool  = mysql.createPool({
    host     : '127.0.0.1',   // 数据库地址
    user     : 'root',    // 数据库用户
    password : 'yanglian',   // 数据库密码
    database : 'labour'  // 选中数据库
})


// params 进行添加或修改的数据
function poolFn(connecQuery, sql, params) {
    // getConnection 创建连接池
    return new Promise((resolve, reject) => {
        pool.getConnection((err, connection) => {
            if(err) {
                reject('建立连接池失败')
                throw err
            }
            connecQuery(connection, sql, params).then(data => {
                connection.release() // 到这步说明已经完成操作，释放连接
                resolve(data)
            })
        })
        // console.log(pool._allConnections.length) // 连接池里的连接数
    })
}
/*
* connection 连接句柄
* sql 查询语句

* */

// 基于promise方法实现

// 查询数据
function find(connection, sql) {
    return new Promise((resolve, reject) => {
        connection.query(sql, (err, data) => {
            // console.log(data)
            if(err) {
              reject(err)
                throw err
            }
            resolve(data)
        })
    })
}

// 添加数据
function add(connection, sql, params) {
    return new Promise((resolve, reject) => {
        connection.query(sql, params, (err, result) => {
            if(err) {
                resolve({
                    msg:'添加失败',
                    code:code.err,
                    data:null
                })
                throw err
            }
            resolve({
                msg:'添加成功',
                code:code.success,
                data:null
            })
        })
    })
}

// 删除数据
function del(connection, sql) {
    return new Promise((resolve, reject) => {
        connection.query(sql, (err, result) => {
            if(err) {
                resolve({
                    msg:'删除失败',
                    code:code.err,
                    data:null
                })
                throw err
            }
            resolve({
                msg:'删除成功',
                code:code.success,
                data:null
            })
        })
    })
}

// 修改数据
function update(connection, sql, params) {
    return new Promise((resolve, reject) => {
        connection.query(sql, params, (err, result) => {
            if(err) {
               reject(err)
                throw err
            }
            resolve(result)
        })
    })
}

// 将方法封装统一导出

function queryFn(connecQuery, sql, params) {
    return new Promise((resolve) => {
        poolFn(connecQuery, sql, params).then(data => {
            console.log(data)
            resolve(data)
        })
    })
}

module.exports = {
    findData(sql, params) {
        return queryFn(find, sql, params)
    },
    addData(sql, params) {
        return queryFn(add, sql, params)
    },
    delData(sql, params) {
        return queryFn(del, sql, params)
    },
    updateData(sql, params) {
        return queryFn(update, sql, params)
    }
}

code.js文件创建数据状态

module.exports={
    success:1,//成功
    err:0,//失败
    repeat:2,//重复
}

在mysql文件夹 中创建processData.js，处理最终的数据返回格式

const {
    findData,
    addData,
    delData,
    updateData
} = require('./mysql')
const code=require('../utils/code')


// 这边通过async方法保证数据的同步获取

let query = async(ctx,sql,config={}) => { // 获取数据
    let {params,type='json',isObj}=config
    // 返回的数据格式为json
    ctx.response.type = type
    await findData(sql,params).then(data => {
        ctx.body = {
            data:isObj ? data[0] : data,
            msg:'查询成功',
            code:code.success
        }
    })
}

let add = async(ctx,sql,config={}) => { // 添加数据
    // console.log(ctx)
    let {params,type='json'}=config
    ctx.response.type =type
    console.log(params)
    await addData(sql, params).then(data => {
        ctx.body = data
    }, () => {
        ctx.body = data
    })
}

let del = async(ctx,sql,config={}) => { // 删除数据
    let {params,type='json'}=config
    ctx.response.type =type
    await delData(sql,params).then(data => {
        ctx.body = data
    }, () => {
        ctx.body = data
    })
}

let update = async(ctx,sql,config={}) => { // 修改数据
    let {params,type='json',msg='更新成功'}=config
    ctx.response.type =type
    await updateData(sql, params).then(data => {
        // console.log(data)
        ctx.body = {
            data:null,
            msg,
            code:code.success
        }
    })
}

module.exports = {
    query,
    add,
    del,
    update
}

7.创建一个get请求查询数据库数据

在routes文件夹下创建一个news模块

const router = require('koa-router')()
const msql=require('../mysql/processData')
const myCode=require('../utils/code')
router.prefix('/news')

//获取数据库信息  
router.get('/list', async function (ctx, next) {
    await msql.query(ctx,`SELECT * FROM news`)
})

module.exports = router

在app.js将news模块导入，这样就可以通过/news/list查询到数据库的信息了

const news = require('./routes/new')

app.use(news.routes(), users.allowedMethods())

在这里插入图片描述
条件查询如下，使用where操作

router.get('/list', async function (ctx, next) {
	// sql条件查询语句，匹配content相同的内容
    await msql.query(ctx,`SELECT * FROM news WHERE content='${ctx.query.content}'`)
})

在这里插入图片描述
模糊查询如下，使用like操作

router.get('/list', async function (ctx, next) {
	// 模糊查询content内容带o的数据
    await msql.query(ctx,`SELECT * FROM news WHERE content LIKE '%${ctx.query.content}%'`)
})

在这里插入图片描述
当我们有更多条件的时候，比如实际项目中的分页查询等，需要很多参数，这样我们就需要封装一个get传递的参数
在utils中创建sqlQs.js，封装两个函数，用来生成精准匹配和模糊查询sql条件字符串

sqlQs.js

// 将对象转换成mysql更新字符串函数
function stringify(obj,config={}) {
    let {likeArr=[]}=config
    if(!(obj instanceof Object)){
        console.error(`${obj}数据格式错误`)
        return
    }
    let qsStr=''
    for (let i in obj){
        let connectStr='='
        let valueGuard=""
        if(likeArr.includes(i)){
            //模糊查询
            connectStr=' like '
            valueGuard=`%`
        }
        let value=typeof obj[i]==='number' ? obj[i] : `'${valueGuard}${obj[i]}${valueGuard}'`
        if(!value && value!==0){
            //没有值的不做拼接
            continue
        }
        qsStr+=`,${i}${connectStr}${value}`
    }
    qsStr=qsStr.replace(',','')
    console.log(qsStr)
    return qsStr
}
// 将mysql更新字符串函数解析成对象
function parse(str,config={}) {
    if(typeof str !=='string'){
        console.error(`${str}数据格式错误`)
        return
    }
    let {likeArr=[]}=config
    let strArr=str.split(',')
    return strArr.reduce((result,current)=>{

        let likeIndex=likeArr.findIndex(item=>new RegExp(`^${item}`).test(current))
        let connectStr=likeIndex>-1 ? ' like ' : '='
        let itemArr=current.split(connectStr)
        if(likeIndex>-1){
            result[itemArr[1]]=result[itemArr[1]].replaceAll('%','')
        }
        result[itemArr[0]]=result[itemArr[1]]
        return result
    },{})
}
module.exports={
    stringify,
    parse
}

然后我们将get请求改成

router.get('/list', async function (ctx, next) {
    let queryObj= {...ctx.request.query}
    let query=sqlQs.stringify(queryObj,{likeArr:['content']})
    await msql.query(ctx,`SELECT * FROM news WHERE ${query}`)
})

然后我们再看看返回给前端的数据，会发现返回的时间字符串格式不是前端想要的，直接从数据库查到的时间，带有T，我们得改下返回的时间格式。那么用mysql的DATE_FORMAT语法即可,DATE_FORMAT(time,’%Y-%m-%d %H:%i:%S’) as time。更改过后

router.get('/list', async function (ctx, next) {
    let queryObj= {...ctx.request.query}
    query=sqlQs.stringify(queryObj,{likeArr:['companyName']})
    await msql.query(ctx,`SELECT *,DATE_FORMAT(time,'%Y-%m-%d %H:%i:%S') as time  FROM news WHERE ${query}`)
})

接着我们写一个查看详情接口

router.get('/detail',async (ctx,next) => {
    let {id} = ctx.request.query
    if(!id) {
        ctx.body = {
            msg: '参数缺少id',
            code: myCode.err
        }
        return
    }
    await msql.query(ctx,`SELECT *,DATE_FORMAT(time,'%Y-%m-%d') as time FROM news WHERE id=${id}`)
})

我们再写一个新增接口，使用post传参，并生成唯一id
先封装一个生成随机id的js文件
在utils文件夹中新建snowflake.js文件，代码如下

module.exports=function getId(pre='',randomLength=10,) {
    let id= Number(Math.random().toString().substr(3,randomLength)).toString(36)
    id=`${pre}${id}`
    return id
}

给news表添加数据

router.post('/add',async (ctx,next) => {
    let data = {...ctx.request.body}
    if(!Object.keys(data).length) {
        ctx.body = {
            msg: '参数缺少',
            code: myCode.err
        }
        return
    }
    for(let i in data){
        if(!data[i]){
            ctx.body = {
                msg: `${i}参数缺少`,
                code: myCode.err
            }
            return
        }
    }
    await msql.add(ctx,`INSERT INTO news SET ?`,{params: {...ctx.request.body,id:0}})
})

修改操作代码

router.post('/add',async (ctx,next) => {
    let data = {...ctx.request.body}
    if(!Object.keys(data).length) {
        ctx.body = {
            msg: '参数缺少',
            code: myCode.err
        }
        return
    }
    for(let i in data){
        if(!data[i]){
            ctx.body = {
                msg: `${i}参数缺少`,
                code: myCode.err
            }
            return
        }
    }

    let id = ctx.request.body.id
    if(id){
        let params = {...ctx.request.body}
        delete params.id
        params = sqlQs.stringify(params)
        await msql.update(ctx,`UPDATE news SET ${params} WHERE id=${id}`)
    } else {
        await msql.add(ctx,`INSERT INTO news SET ?`,{params: {...ctx.request.body,id:0}})
    }
})

删除操作

router.get('/del',async (ctx,next) => {
    let {id}=ctx.request.query
    if(id) {
        await msql.del(ctx,`DELETE FROM news WHERE id=${id}`)
    } else {
        ctx.body = {
            data:null,
            msg:'删除失败',
            code:myCode.err
        }
    }
    
})

至此，增删改查的操作已经完成

Koa2项目实战1（项目搭建）
咸鱼滚滚
10-04 1664
Koa 是一个基于 Node.js 的 Web 应用框架，由 Express 原班人马打造。 Koa 并没有捆绑任何中间件，而是提供了一套优雅的方法，帮助开发者快速地编写服务端应用程序。
使用Koa2快速搭建一个爬虫项目
最新发布
橘导的博客
03-17 1046
使用 Koa2 搭建爬虫项目，可以结合其异步处理能力和中间件机制，快速构建一个灵活的爬虫服务。通过 Koa2 的中间件机制，可以轻松扩展身份验证、日志记录等功能，快速构建一个企业级爬虫服务。分布式爬虫需考虑任务队列（如 Redis + Bull）代理 IP 池：结合第三方服务（如快代理）控制请求频率，避免对目标服务器造成压力。敏感数据需加密存储（如手机号、邮箱）随机 User-Agent：使用。
使用koa2创建web项目的方法步骤
10-17
测试异常"}以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。 您可能感兴趣的文章:详解Vue SSR（ Vue2 + Koa2 + Webpack4）配置指南详解React项目的服务端渲染改造(koa2+webpack3.11)使用webpack打包koa2 框架appnode使用Koa2搭建web项目的方法 koa2创建web项目 相关文章 在 Node.js 中使用原生 ES 模块方法解析
koa2创建项目
weixin_68516859的博客
10-11 384
koa2创建项目
【koa2】创建项目
qq_40881695的博客
10-20 349
创建项目 npm install koa-generator - g 全局安装脚手架 koa2 项目名称 创建项目 npm install 安装依赖 npm run dev 运行项目
搭建一个Koa后端项目脚手架的方法步骤
10-16
搭建Koa项目脚手架的步骤一般包括初始化项目、配置开发环境和构建项目结构等几个部分。下面详细说明这些知识点： 一、初始化项目：首先需要新建一个项目目录，然后在该目录下通过命令行工具初始化npm项目，安装Koa...
Vue+Koa2 打包后进行线上部署的教程详解
10-16
然后，在 Koa2 项目的根目录下创建一个 `pm2.conf.json` 文件，定义应用的配置，包括监听文件变化、忽略特定文件夹、设置实例数量等： ```json { "apps": { "name": "blog", "script": "bin/www", "watch": true...
创建Koa2后端项目脚手架实践与解析
因此，为了适应不断发展的技术需求，有必要自定义一个符合现代标准的Koa项目模板。 三、自定义Koa项目脚手架的目录结构与功能集成 一个完整的Koa项目脚手架通常包含以下核心部分： 1. `.gitignore`：定义版本控制...
新建一个koa2项目
IT水很深，路还很长
04-13 533
安装koa2生成器: npm install -g koa-generator 新建项目:koa2 test_koa 安装:npm install 启动:npm start
koa2搭建项目(一)
weixin_44952258的博客
12-21 2658
本文从项目初始化角度出发,搭建了一个比较简单的项目架构,实现了路由的自动注册、中间件的自动注册。 后续会从构建REST风格的 API、登录token验证、权限管理等角度继续更新文章。
Koa2(二)：创建项目
圆圆的 JavaScript 博客
03-07 762
如何创建一个Koa2的项目，需要注意哪些问题？
koa2初探之项目搭建
Hiroshi's
02-15 348
安装koa： npm i -g koa-generator 使用koa2命令创建项目demo： koa2 demo 会自动创建项目需要的文件 切换到项目demo的目录： cd demo 安装依赖： npm i 启动项目： npm run dev 打开浏览器，输入：http://localhost:3000/ 说明koa脚手架启动成功 我们来看一下项目结构： ...
新建koa2项目
weixin_34032827的博客
04-12 445
1.npm install -g koa-generator 2.koa2 项目名称，如果需要ejs引擎koa2 -e 项目名称 3.cd 项目名称 4.npm install 5.npm install --update-binary 6.npm run dev 小知识点：对于start和test可以使用npm，对于dev和prd必须使用npm run来启动 转载于:https://...
创建Koa2项目
weixin_39288299的博客
03-10 356
创建 全局安装 koa2 脚手架 npm i -g koa-generator 创建koa2项目 koa2 -e myKoa2 进入myKoa2，安装依赖项 npm i 运行项目 npm run dev
koa2 项目基本构建（参考）
嘿嘿
08-20 1224
前传 出于兴趣最近开始研究koa2，由于之前有过一些express经验，以为koa还是很好上手的，但是用起来发现还是有些地方容易懵逼，因此整理此文，希望能够帮助到一些新人。 如果你不懂javascript，建议你先去撸一遍红宝书javascript高级程序设计 如果你不熟悉ES6，建议你先去撸一遍阮一峰老师的ECMAScript 6入门 因为我也是新人，我只是整理了我的学习经历，如何填平踩到的坑。 如果有读者发现我有写错的地方希望你能及时留言给我，别让我误导了其他新手。 本文的系统环境Mac OS
创建koa2项目
qq_22049619的博客
11-08 186
https://www.jianshu.com/p/3e35db2c8d6c
KOA2项目简单搭建
cloki的博客
11-27 1425
手动搭建 koa2 项目 自动重启配置文件 添加路由 解析 POST 请求参数 控制器中的操作步骤 拆分 service 层 数据库操作 —— sequelize 工具 创建实体（数据模型） 数据库增删改查 CRUD
koa2入门之使用koa-generator生成koa2项目
热门推荐
安树的博客
12-26 2万+
1、新建项目目录，我这边是在E盘的nodejs目录下面进行安装的，所以先在E盘创建nodejs目录 2、打开命令行窗口。安装koa-generator，安装命令为： npm install -g koa-generator 安装完成之后进入通过命令进入E盘的nodejs目录 3、使用koa-generator生成koa2项目，输入命令： koa2 test_koa 4、创建
koa2开发入门
weixin_30706691的博客
06-17 410
一.koa2入门 1.创建koa2工程 首先，我们创建一个目录hello-koa并作为工程目录用VS Code打开。然后，我们创建app.js，输入以下代码： // 导入koa，和koa 1.x不同，在koa2中，我们导入的是一个class，因此用大写的Koa表示: const Koa = require('koa'); // 创建一个Koa对象表示web app本身: con...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

七七超爱玩

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值