网站首页 > 技术文章 正文
上一篇文章我给大家说明了如何从零开始搭建一个node的服务端框架,我们用到了Egg框架。Egg框架我不再过多介绍,如果有小伙伴想了解,可以回去看我以前写的文章,会有相关的介绍。这次我将在上次搭建的框架上进行延伸,讲一下如果用Egg框架连接数据库,并且实现对数据的增删查改。接下来我们直接进入主题。
安装数据库插件
我本次选用的数据库是MySQL。所以我们安装Egg官方的数据库插件即可,首先我们安装插件 egg-mysql 。我们在项目根目录打开命令提示符,输入命令行:npm i --save egg-mysql 。回车等待插件下载安装完成。
npm i --save egg-mysql
配置插件
命令行下载安装插件完成后,我们下一步的工作就是在项目中开启并配置egg-mysql插件。具体操作如下:
首先我们要在项目中开启数据库。找到项目中的/config/plugin.js文件我们需要在里面添加几行代码,如下所示。
//开启数据库插件
mysql : {
enable: true,
package: 'egg-mysql',
}
然后我们还要在 config/config.default.js 中配置各个环境的数据库连接信息。具体配置如下。
//添加数据库连接信息
config.mysql = {
// 单数据库信息配置
client: {
// host
host: 'localhost',
// 端口号
port: '3306',
// 用户名
user: 'root',
// 密码
password: '123456',
// 数据库名
database: 'testdb',
},
// 是否加载到 app 上,默认开启
app: true,
// 是否加载到 agent 上,默认关闭
agent: false,
};
到此步骤我们的数据库插件已经安装完成并且配置好了。那我们怎么实现数据的增删查改呢?大家请继续往下看。
数据操作-新增用户
首先我们看一下怎么新增数据。我们在mysql的testdb实例中新建一个user空表。如下图所示。
我们的egg框架也遵循MVC的架构所以我们一般会在service层里面写我们逻辑处理的代码,而controller层则是获取前端数据,回传数据的控制层。所以我们操作数据库的代码是写在service文件夹里面的。
我们在app/service文件夹里面新建一个user.js文件。在里面写个新增用户的方法,该方法就是把数据存到数据库中。具体代码如下。
const Service = require('egg').Service;
class UserService extends Service {
//新增用户data是有controller层传递过来的数据记录。
async addUser(data) {
const {ctx, app} = this;
let result = {};
try {
data.id = 0;//定义id=0,因为数据库已经设置id为主键,并且自增。所以只需要赋值0即可。
// 在 user 表中,插入前端提交上来的数据记录
const info = await app.mysql.insert('user', data);
//插入成功后。
if(info.affectedRows === 1){
//给前端返回一个Json的对象
result = {
state: 0, //自定义的状态码
msg: "添加成功", //返回的消息
data: info.insertId, //新增的记录的id
}
}
} catch (err) {
//插入数据失败的返回结果
result = {
state: 1,
msg: err,
data: null,
}
}
return result
}
};
module.exports = UserService;
然后我们在app/controller文件夹里新建一个user.js文件。在这里我们需要获取前端提交上来的数据,并且将数据处理的结果返回给前端。具体代码如下。
'use strict';
const Controller = require('egg').Controller;
/**
* @Controller 用户管理
*/
class UserController extends Controller {
/**
* @summary 新增用户
* @router post /user/add
* @request body userAddRequest
* @response 200
*/
async addUser() {
const { ctx } = this;
//通过ctx.request.body的方式,可以获取到前端post方式提交上来的数据
const data = ctx.request.body;
//调用service层的addUser方法。并且返回相应的结果
const userInfo = await ctx.service.user.addUser(data);
//向前端接口响应数据。
ctx.body = userInfo;
}
}
module.exports = UserController;
最后我们定义一个路由,让前端请求访问此路由。框架会监听路由是否被访问,如果被访问了则会调用我们定义在controller层的新增用户的方法。我们在app/router.js文件中添加如下代码,即可完成路由的定义。
//新增用户路由
router.post('/user/add', controller.user.addUser);
完成这步骤后,我们一个新增用户的功能就已经完成了。接下里我们就测试一下它的实际效果。我们运行命令:npm run dev。启动项目,然后打开网页http://127.0.0.1:7001,可以直接在swagger-ui.html页面中进行测试。结果如下图所示。
经过测试,数据已经添加完成。所以数据库连接也是正常的。
本次分享暂时先告一段落。请各位小伙伴抬起你们发财的小手,点个赞呗。下次我将会进行和大家分享对数据查改删的方法。关注我!!!更多精彩分享不迷路。
猜你喜欢
- 2025-06-08 Directus 火了!无代码 SQL 数据的协作应用利器!
- 2025-06-08 PHP和NodeJS的代码执行效率比较(php和nodejs的区别)
- 2025-06-08 工商银行获得发明专利授权:“基于数据库映射动态接口的前端页面应用开发方法及装置”
- 2025-06-08 FAISS和Chroma:两种流行的向量数据库的比较
- 2025-06-08 什么是数据库的索引?(数据库索引的定义和作用)
- 2025-06-08 Vercel和Neon“首次”推出用于前端云的无服务器SQL数据库
- 2025-06-08 记一次前端逻辑绕过登录到内网挖掘
- 2025-06-08 学Access好还是MySQL好?(access与mysql的语句区别)
- 2024-09-29 技术: Java语言,后端:springboot 前端:JSP数据库
- 2024-09-29 「免费开源」基于Vue和Quasar的前端SPA项目实战之数据库逆向
你 发表评论:
欢迎- 581℃几个Oracle空值处理函数 oracle处理null值的函数
- 576℃Oracle分析函数之Lag和Lead()使用
- 561℃0497-如何将Kerberos的CDH6.1从Oracle JDK 1.8迁移至OpenJDK 1.8
- 561℃Oracle数据库的单、多行函数 oracle执行多个sql语句
- 556℃Oracle 12c PDB迁移(一) oracle迁移到oceanbase
- 546℃【数据统计分析】详解Oracle分组函数之CUBE
- 534℃最佳实践 | 提效 47 倍,制造业生产 Oracle 迁移替换
- 530℃Oracle有哪些常见的函数? oracle中常用的函数
- 最近发表
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端react (48)
- 前端aes加密 (58)
- 前端脚手架 (56)
- 前端md5加密 (54)
- 前端路由 (61)
- 前端数组 (73)
- 前端js面试题 (50)
- 前端定时器 (59)
- 前端懒加载 (49)
- Oracle RAC (73)
- oracle恢复 (76)
- oracle 删除表 (48)
- oracle 用户名 (74)
- oracle 工具 (55)
- oracle 内存 (50)
- oracle 导出表 (57)
- oracle 中文 (51)
- oracle的函数 (57)
- 前端调试 (52)
- 前端登录页面 (48)
本文暂时没有评论,来添加一个吧(●'◡'●)