koa2+mysql实战(koa2 mysql)
ccwgpt 2024-09-29 10:01 22 浏览 0 评论
先附上源码地址:https://github.com/zj0715zh/koa2-mysql
有兴趣的可以下载看看,那么现在我们进入正题:
什么是koa框架?
koa是一个基于node实现的一个新的web框架,它是由express框架的原班人马打造的。它的特点是优雅、简洁、表达力强、自由度高。它更express相比,它是一个更轻量的node框架,因为它所有功能都通过插件实现。
关于项目
此项目只是一个入门级的Demo,重在体现一个正常后台代码结构和基本功能。所以选择通过Koa2来实现MVC架构,主要包含Controller控制层和Service业务层。简单的说Controller 层主要对用户的请求参数进行处理(校验、转换),然后调用对应的 service 方法处理业务,得到业务结果后封装并返回。Service层就是在复杂业务场景下用于做业务逻辑封装的一个抽象层。
文件结构
下面是文件结构以及说明:
文件结构尽量模仿了MVC架构开发。核心代码就是Koa2目录下的五个文件
- app.js 是整个koa2 的入口文件,注册了router和各种中间件。
- config是数据库的配置文件,里面DBconfig.js来统一管理数据库的配置。
- controller 文件夹MVC架构下的controller层router 文件夹来处理不同的路径请求,导入到对应的controller
- service 文件夹是MVC的业务层,处理来自controller的数据,查询后数据库处理后返回处理后的数据
- package.json 配置文件
安装以下依赖包:
- koa node框架
- koa-body 表单解析中间件
- koa-router 路由框架
- mysql 数据库
//通过npm安装以上依赖,例如 npm install koa koa-body koa-router mysql -S
项目配置
数据库配置
项目用的是Mysql数据库,运行之前请下载Mysql数据库。MySQL :: Download MySQL Installer
为了建表偷懒所以使用了Navicat可视化数据库管理工具,建表如下
也可以用下面sql代码建表。
CREATE TABLE `elm_user` ( `elm_userID` int(10) NOT NULL , `elm_userPhone` varchar(11) NOT NULL , `elm_userPassword` varchar(30) NOT NULL , PRIMARY KEY (`elm_userID`) );
文件配置
mysql
//Koa2/config/DBcongfig.js /*数据库默认配置*/ const database ={ database: 'elmfoodshop', //数据库名称 user: 'root', //mysql用户名 password: '123456', //mysql密码 PORT: '3306', //mysql端口号 host: "127.0.0.1" //服务器ip } module.exports = database //Koa2/lib/mysql.js const mysql = require("mysql") const DBConfig = require("../config/DBConfig") /*建立连接池*/ let pool = mysql.createPool(DBConfig) /*连接数据库*/ let allSqlAction = (sql, value) => { return new Promise((resolve, reject) => { pool.getConnection(function (err, connection) { if (err) { console.log(err) reject(err) } else { console.log("数据库连接成功") connection.query(sql, value, (err, row) => { if (err) reject(err) else{ resolve(row) } connection.release() }) } }) }) } module.exports = { allSqlAction }
Router配置
Router 主要用来描述请求 URL 和具体承担执行动作的 Controller 的对应关系。
通过userRoute.js把路由更加细化,把用户相关的对应的请求分流到不同的controller内
//Koa2/router/userRoute.js const Router =require("koa-router") const service = require ("../lib/mysql") const controller = require("../controller/userController") const router = new Router() router.post("login","/login",controller.checkLogin) router.post("login","/register",controller.registerUser) module.exports = router
在router中注入userRouter
//Koa2/router/router.js const Router =require("koa-router") const user = require("./userRoute") let router = new Router() router.use(user.routes()) module.exports = router
controller层和service层
- controller层
controller层处理来自用户的输入数据,返回给业务层service处理后返回。
//Koa2/controller/userController.js const user = require("../service/user") async function checkLogin(ctx,next){ let {phone,password} = ctx.request.body let data = await user.checkUser(phone,password) return ctx.response.body = data } async function registerUser(ctx,next){ let {phone,password} = ctx.request.body let data = await user.findUser(phone,password) return ctx.response.body = data } module.exports={ checkLogin, registerUser }
- service层
service层查询数据库,根据查询结果判断,返回数据到controller
//Koa2/service/user.js const allSqlAction = require("../lib/mysql") async function checkUser(phone, password) { let sql = `select * from elm_user where elm_userPhone = ${phone} and elm_userPassword=${password}` return allSqlAction.allSqlAction(sql).then(res => { if (res.length == 1 && res[0].elm_userPhone === phone && elm_userPassword === password) { return { msg: "登陆成功", code: 200 } } else { return { msg: "登录失败", code: 201 } } }) } async function findUser(phone, password) { let sql = `select * from elm_user where elm_userPhone = ${phone}` return allSqlAction.allSqlAction(sql).then(res => { if (res.length == 0) { return registerUser(phone, password) } else { return { msg: "用户已存在", code: 202 } } }) } async function registerUser(phone, password) { let sql = `insert into elm_user (elm_userPhone,elm_userPassword) values ('${phone}','${password}')` return allSqlAction.allSqlAction(sql).then(res => { if (res.affectedRows == 1) { return { msg: "注册成功", code: 200 } } else { return { msg: "注册失败", code: 200 } } }) } module.exports = { checkUser, findUser, registerUser }
app.js
//Koa2/app.js const Koa = require("koa") const router = require("./router/router") const bodyParser = require("koa-body") var app = new Koa() app.use(bodyParser()) app.use(router.routes()) app.use(async (ctx) => { console.log("404 Not Found") }) console.log("项目启动http://127.0.0.1:3000") app.listen(3000)
小结
写这篇文章,一是跟大伙一起分享node后端的的一些简单的开发方式,二是为了给自己重拾下手感,毕竟好久没写了,容易忘。源码已经在github上了,感兴趣的伙伴可以下载看看,哪里写的不好的,欢迎批评指正。
相关推荐
- React 开发翻车现场!这 6 个救命技巧,90% 工程师居然现在才知道
-
前端圈最近都在卷React18新特性,可咱开发时踩的坑却一个比一个离谱!组件卡死、状态乱套、路由错乱...别担心!今天分享6个超实用的React实战技巧,让你轻松拿捏开发难题,代码直接...
- Web前端:React JS越来越受欢迎,它的主要优点为什么要使用它?
-
ReactJS是一个开源JavaScript库,用于为单页应用程序构建用户界面,它还为不同的移动应用程序提供视图层,并创建可重用的UI组件。 我们可以在Web应用程序的数据中创建特定的更改,而...
- 性能焦虑!前端人必看!5 个 React 组件优化神技! 颠覆你的认知!
-
在前端开发的赛道上,性能优化就像一场永不停歇的马拉松。作为前端工程师,你是否常常为React组件的性能问题头疼不已?页面加载缓慢、组件频繁重渲染,这些痛点分分钟让开发进度受阻。别担心!今天就来分享...
- React 实战必学!99% 工程师踩过的 5 大坑,3 招教你轻松破解
-
前端开发的小伙伴们,咱就是说,React现在可是前端界的“顶流明星”,热度一直居高不下!但用它开发项目的时候,是不是总有那么些瞬间,让你怀疑人生,对着屏幕疯狂抓头发?别慌!今天就给大家分享几个超实...
- 惬意!午间一道 React 题,轻松拿捏前端面试小技巧
-
忙碌了一上午,眼睛酸涩、脑子发懵?别急着刷短视频“放空”,不如花几分钟和我一起“品尝”一道React面试题小甜点!就像在阳光洒满窗台的午后,泡一杯热茶,惬意又能悄悄涨知识,何乐而不为?最近,...
- 一起深入盘点 2025 年 React 发展的 10个趋势?
-
大家好,很高兴又见面了,我是"高级前端进阶",由我带着大家一起关注前端前沿、深入前端底层技术,大家一起进步,也欢迎大家关注、点赞、收藏、转发!1.React服务器组件React服务...
- 前端掉坑血泪史!4 个 React 性能优化绝招让页面秒开
-
在前端圈子里摸爬滚打这么多年,我发现React开发时踩坑的经历大家都大同小异。页面加载慢、组件频繁重渲染、状态管理混乱……这些痛点,相信不少前端工程师都感同身受。别愁!今天就给大家分享4个超...
- 前端人崩溃瞬间!5 招 React 实战技巧让项目起死回生
-
有没有在写React项目时,遇到页面卡顿到怀疑人生、数据更新不及时、代码逻辑混乱到无从下手的情况?别慌!作为摸爬滚打多年的前端老炮,今天就把5个救命级的React实战技巧倾囊相授,帮你轻松...
- 8.3K star!React Bits,让你拥有全网几乎所有动画效果
-
前端开源项目101专栏:一个能让你更快接触到高质量开源项目的地方。我会探索分享精选101个高质量的开源项目。这是系列的第7篇文章,分享一套拥有计划全网所有动画效果,且创意最丰富的动画React组...
- 开始学习React - 概览和演示教程
-
#头条创作挑战赛#本文同步本人掘金平台的原创翻译:https://juejin.cn/post/6844903823085944846当我刚开始学习JavaScript的时候,我就听说了React,但...
- 阿里AI工具Web Dev上线!一句话生成React网页
-
5月11日,阿里巴巴推出全新AI工具“WebDev”,支持用户通过一句话指令生成网页应用。该工具集成HTML、CSS、JavaScript三大前端核心技术,并统一采用React框架实现,可在数秒内创...
- JS流行框架/库排名Top100,看看你熟知的Js排第几
-
权威的JavaScript趋势榜stats.js.org每15分钟根据github上的stars和forks总数实时汇总出JavaScript开源项目的流行度排名,一起来看看你所熟知的项目排名第几...
- 新手如何搭建个人网站
-
ElementUl是饿了么前端团队推出的桌面端UI框架,具有是简洁、直观、强悍和低学习成本等优势,非常适合初学者使用。因此,本次项目使用ElementUI框架来完成个人博客的主体开发,欢迎大家讨论...
- 站在巨人肩膀上的 .NET 通用权限开发框架:Admin.NET
-
站在巨人肩膀上的.NET通用权限开发框架Admin.NET是一个面向.NET程序员的低代码平台,java平台类似的框架有ruoyi,芋道,JeelowCode等。这类框架普遍采用前后端分离的开发技...
- Python+selenium自动化之判定元素是否存在
-
在测试过程中,我碰到过这类的问题,使用find_element却找不到某个元素而产生异常,这就需要在操作某个元素之前判定该元素是否存在,而selenium中没有判定元素是否存在的方法,或者判定相同的元...
你 发表评论:
欢迎- 一周热门
- 最近发表
-
- React 开发翻车现场!这 6 个救命技巧,90% 工程师居然现在才知道
- Web前端:React JS越来越受欢迎,它的主要优点为什么要使用它?
- 性能焦虑!前端人必看!5 个 React 组件优化神技! 颠覆你的认知!
- React 实战必学!99% 工程师踩过的 5 大坑,3 招教你轻松破解
- 惬意!午间一道 React 题,轻松拿捏前端面试小技巧
- 一起深入盘点 2025 年 React 发展的 10个趋势?
- 前端掉坑血泪史!4 个 React 性能优化绝招让页面秒开
- 前端人崩溃瞬间!5 招 React 实战技巧让项目起死回生
- 8.3K star!React Bits,让你拥有全网几乎所有动画效果
- 开始学习React - 概览和演示教程
- 标签列表
-
- MVC框架 (46)
- spring框架 (46)
- 框架图 (58)
- bootstrap框架 (43)
- flask框架 (53)
- quartz框架 (51)
- abp框架 (47)
- jpa框架 (47)
- laravel框架 (46)
- express框架 (43)
- springmvc框架 (49)
- 分布式事务框架 (65)
- scrapy框架 (56)
- shiro框架 (61)
- 定时任务框架 (56)
- grpc框架 (55)
- ppt框架 (48)
- 内联框架 (52)
- winform框架 (46)
- gui框架 (44)
- cad怎么画框架 (58)
- ps怎么画框架 (47)
- ssm框架实现登录注册 (49)
- oracle字符串长度 (48)
- oracle提交事务 (47)