【前端升全栈】 开发项目之数据存储(MySQL数据库)

本文涉及的产品
RDS MySQL Serverless 基础系列,0.5-2RCU 50GB
RDS MySQL Serverless 高可用系列,价值2615元额度,1个月
云数据库 RDS PostgreSQL,高可用系列 2核4GB
简介: mysql是企业内最常用的存储工具,一般都有专人运维

1.MySQL简介

开端:

  • mysql介绍、安装和使用;
  • Nodejs链接MySQL;
  • API链接MySQL;

为什么使用的是MySQL而不是mogondb?

  1. 因为mysql是企业内最常用的存储工具,一般都有专人运维
  2. mysql也是社区内最常用的存储工具,有问题随时可查
  3. 另:mysql本身是一个复杂的数据库软件,本课只讲基本使用

MySQL介绍

  • web server 中最流行的关系型数据库
  • 官网可免费下载,用于学习
  • 轻量级,易学易用

MySQL workbench:

show databases;可以查看所有数据库(要记得 root 的密码,忘记了,看来只能主机登录).


2.数据库操作(创建、增加、删除、查询)

包含:建库、建表、表操作;建一个 myblog 的数据库,然后就可以来建表(两个表:用户表和博客表), id 是不能重复,唯一的。

2345_image_file_copy_473.jpg

建立表格(1)

2345_image_file_copy_474.jpg

建立表格(2)

vachar 代表字符串类型,longtext 可以储存 4G 大小的数据。

操作表:

  • 增删改查;
  • 使用SQL语句;

use+数据库名字就能使用数据库,show tables 就能展示各种表,--加空格就是注释。如果我们变量呃出现了 sql 里面的关键字我们可以加上``就可正常使用。这里由于 id 会自动增加, 所以我们不需要写 id(它的特点是如果定下来数字,不管前面是不是被删了都不会改变原本的值)。

2345_image_file_copy_476.jpg

like 是模糊查询,排序的话默认是正序,加多个 desc 可以倒序。

关于自增的话,我们可以选中 id 再设置标识规范(+可以展开):

2345_image_file_copy_477.jpg

2345_image_file_copy_478.jpg

3.数据库更新

我们更新操作的时候发现会报错,有一个提示说正在使用安全模式,不给改,直接 SETSQL_SAFE_UPDATE = 0; 即可。我们发现删除了一项后又加了一项 id 是从 3 开始了,这就是它的特点。另外注意一下,删除的话我们其实不好真的这样子去删除而是加一个 state 0 不可用删除, 1 可用即默认值)。删除的就利用更新操作改变对应行的 state ,而不是真的删了(软删除),好处就是可以恢复数据(更新 state 为 1 即可)。

 

 不等号这里是怎么表示? <> 即可。注意这里我们还是不使用软删除,为了方便(毕竟是新手)。好,接下来补充 blogs 表的测试数据。

2345_image_file_copy_479.jpg

select version ()可以查看 MySQL 版本,如果版本在 5 以上varchar 里面的数字就不管是英文还是中文都可以存这个数量(统一),以前就中文只能一半.

4.node.js操作mysql

Nodejs操作MySQL:

  1. 示例:用demo演示,不考虑使用
  2. 封装:将其封装为系统可用的工具
  3. 使用:让API直接操作数据库,不再使用假数据

封装需要考虑线上数据库和线下数据库。 建一个空白文件夹 mysql-test,下面建一个 index.js 同时 npm 初始化,安装 mysql 插件 npm i mysql。 回到 index.js,引入这个插件,创建链接对象,connect 方法 开始连接,通过 query 方法即可执行 sql 语句,然后记得搞 完关闭连接。 注意我们在 node 里面进行修改的话是不会返回修改的内容, 而是返回一个对象,里面有说几行受影响和改变的样子。插入的话也是返回一个对象,里面有 insertId 恰好对应我们的 id。由于不知道密码,我们利用 navicat 重新建了个库。

2345_image_file_copy_481.jpg

const mysql =nequire( 'mysql') //引入数据库插件
const const = mysql.createConnection({  //创建连接(root默认密码为空>)
  host: "localhost',
  user: 'root ',
  password: "',
  port: '3306',//默认端口号
  database: 'myBlog' //连接到inybLog数据库(navicat里面的)
})
con.connect()//连接数据库
const sql = 'select * from blogs'//定义查询语句
con.query(sq1,(err,result)=>{ //执行查询语句
   if (err){
     console.log(err)}
 else {
console.log(result)
}
con.end()/7关闭连接

5.nodejs链接mysql做成工具

其实这样子还没有办法使用,最好做成工具。 我们回到 blog-1 文件夹建一个 conf 文件夹,下面建一个 db.js 进行配置。首先第一步是获取环境变量/ 环境参数( process 是 node 进程信息)这个实就是在 package.json 定义好的, 看我们 run 的是 dev 还是 prd 显示不同的环境变量,看你现在是处于什么环境(如开发、上线、测试环境等等)。而就是因为环境变量不同,那么我们的数据库连接里面的配置自然不可能一样,所以就需要在这里动态配置。

 定义一个 MYSQL_CONF 常量,分为 dev 和 production ,最后返回整个常量。这里我们暂时使用两套一样的配置,因为目前没有线上的服务器,具体的配置可以看自己工作中服务器的信息去配置就行了。 再建一个 db 的文件夹,这里存放数据库操作的文件,建一个 mysql.js ,引入 mysql 插件和配置。定义基本的数据库操作,最后返回一个执行 sql 的函数即可。

 注意这里就不能关闭数据库,我们只是返回一个执行 sql 的函数,类似于单例模式,连接一旦创建了,之后不管这些少函数都不会多次创建链接,重复的引用这个连接去操作函数即可。

MySQL.js

const mysql =hequire( 'mysql')
const { MYSQL_CONF } = require('../conf/db')
const con = mysql.createConnection(msQL_CONF)//创建连接对象
 con.connect() //d连接数据库
function exed (sql){//执行教据库操作
  const promise = new Promise((resolve,reject) =>{
      con.query(sql, (err, result)=>{
      if (err){
      reject(err)
      return // 记得return,不然有错误就卡在这里了
}
resolve(result)
})
})
return promise
}
module.exports ={
exec}

6.API对接mysql

  回到 controller 下面,引入这个 exec 函数,修改 getList 函数。 定义 sql 语句,同时根据参数即作者和关键词,加多两个查询条件,然后按创建时间倒序排序,最后将这个 sql 传给 exec

函数返回即可(返回的是 promise )。 解释一下,为什么写 where 1=1 (1 肯定等于 1 啊,就写跟没写一样)那么写这个就是为了占位,因为不知道是否有作者和关键词!如果去掉,然后又没有两个参数,后面还要排序就直接 where order by 这样子)肯定报错啊,没有条件, 而如果去掉where 写在参数那里那么谁找到是只有哪一个参数还是两个都有?所有还是占位的好,那么不管有没有,有多少都无关紧要。同理的有 url 的写法,参数不是前面有?和& ,可以? A=xx 写死(自定义的),然后真正的参数则前面都是& 了!

 

   然后就回到 router 改了,返回的是 promise ,用 result 接收,然后.then 拿到 promise 的 resolve 的 result (这里我们定义为listData),然后返回成功模型就行(返回的也是 promise )。 那么 app.js 也不能这么写了,得改,用 blogResult 接收 promise,如果存在则调用 then 把数据发送。

2345_image_file_copy_483.jpg

7.API对接mysql(博客详情和新建)

接下来处理 getDetail ,根据 id 查询的 sql 语句,传给 exec ,这里注意由于 id 是唯一的,这样子查询只能查询到一个结果,但是一个结果也会返回一个对象数组,我们还应该将其取出来,返回一个对象的好,在去 router 那里返回一个promise 就行了。 接下来处理 newBlog ,注意要返回的是 id ,我们先从博客对象将标题内容和作者给拿出来。那么就可以根据这些数据去定义 sql 语句了,再传给 exec 函数,这个函数其实会返回什么呢?当然是 promise ,是说里面的数据,其实有一大堆数据(包括改变函数,影响函数,插入 id 等等)。

2345_image_file_copy_484.jpg

先不管,回去处理 router ,注意由于 author 是不应该传的, 而是登录后就知道 author 是谁而不是新建还需要写 author ,所以这里先假数据。

const getDetail = (id)=→>{M/获取博客详情
const sql = "select · from blogs where id '$[id}';1/根据id查询对应的博客内容return exec(sql).then((rows) =>{
return rows[ o]/l/由于返回的是一个数组,虽然里面只有一个对象,但是我们还是返回对象的好,毕竟model接收的是对象,
const newBlog =(blogData=o)=> {//新建博客
const title = blogData.title
const content = blogData.content
const author = blogData.author//从博客对象拿到对于的各种数据const createtime = Date.now(
const sql = insert into blogs (title,content,createtime,author)
| values ('s(title) ', 's(content) ', '${(createtime} ', '$(author}')1/根据数据定义对应的sqL语句return exec(sql) .then((insertData)=>{
return 
id: insertData.insertId //执行语句得到一对东西,有用的就这个,我们拿到就行
if (method === 'GET' 8& req .path === ' /api/blog/detail') {
const detailData = getDetail(id)
return new SuccessModel (detailData)*/
const detailResult = getDetail(id)
return detai lResult. then( (detailData) => {
return new SuccessModel (detailData)
})
if (method === 'POST' 8&& req.path === ”/api/blog/new ) {
const data = newBL og(req. body)
return new SuccessMode (data)*/
req . body.author = 'nuoduo' //自定&一个假数据
const result = newBlog(req. body)
return result . then((data) => d
return new SuccessModel (data)
国)

8.API对接mysql(更新和删除)

更新的话,这个很简单,需要拿到 title 和 content ,作者就 没必要(毕竟是自己才能更新),将 sql 放到 exec ,执行结 果也是一堆东西,里面有用的是 affectedRows ,大于 0 就可以返回 true ,否则就是返回 false (更新失败)。回到 router ,根据返回值(布尔值)返回不同的 model 。 接下来是删除博客,注意要传入 id 和 author ,符合两个条件才可以删除,逻辑与更新是一样的,拷贝一下即可。回到router,搞一个 author 的假数据。至于为什么两个条件,是为了避免通过自己的 id 去删除别人的文章(当然只是传入 id而 author 需要我们内部帮忙获取)。

if (method === 'POST' && req.path == '/api/blog/update') {
/* const result = updateBLog(id, req. body)
if (result) {
return new successModeL( )
} else {
return new ErrorModel('更新博客失败”)
}*/
const result = updateBlog(id, req.body) //把要删除的d和postData (即更新的内容)传入
return result . then( (updateData) =》{
if (updateData) {
return new SuccessModel()
} else {
return new ErrModel('更新博客失败”)
}
})
}

9.API对接mysql(登录)

回到 user.js ,引入 exec 函数,直接条件查询即可(返回的是 数组),将数组第一项或者空对象(第一项为空就返回空对 象)返回。回到 router ,如果能拿到 username 说明并不是空就可以返回成功的 model 不然就是失败的 model 了。 回到 app.js ,按博客的模板修改。

  • nodejs连接mysq|,如何执行sq|语句
  • 根据NODE_ ENV区分配置
  • 封装exec函数, API使用exec操作数据库

2345_image_file_copy_485.jpg

const userResult = handleUserRouter(req, res) //管理用户路由
if (userResult) {
userResult . then( (userData) => {
res .end(
JSON.stringify(userData)
})
return


相关实践学习
每个IT人都想学的“Web应用上云经典架构”实战
本实验从Web应用上云这个最基本的、最普遍的需求出发,帮助IT从业者们通过“阿里云Web应用上云解决方案”,了解一个企业级Web应用上云的常见架构,了解如何构建一个高可用、可扩展的企业级应用架构。
MySQL数据库入门学习
本课程通过最流行的开源数据库MySQL带你了解数据库的世界。 &nbsp; 相关的阿里云产品:云数据库RDS MySQL 版 阿里云关系型数据库RDS(Relational Database Service)是一种稳定可靠、可弹性伸缩的在线数据库服务,提供容灾、备份、恢复、迁移等方面的全套解决方案,彻底解决数据库运维的烦恼。 了解产品详情:&nbsp;https://www.aliyun.com/product/rds/mysql&nbsp;
相关文章
|
4月前
|
存储 JSON 关系型数据库
【干货满满】解密 API 数据解析:从 JSON 到数据库存储的完整流程
本文详解电商API开发中JSON数据解析与数据库存储的全流程,涵盖数据提取、清洗、转换及优化策略,结合Python实战代码与主流数据库方案,助开发者构建高效、可靠的数据处理管道。
|
3月前
|
JSON 监控 前端开发
AMIS:百度开源的前端低代码神器,18.4k star 背后的开发效率提升利器
AMIS(前端低代码框架)是百度开源的低代码前端框架,基于纯 JSON 配置即可生成完整后台页面,包括表单、表格、图表、CRUD 列表,支持可视化拖拽编辑。,星标数已达 18.4k,百度内部已沉淀超过 5 万个页面,广泛应用于审核系统、数据管理后台、模型监控等落地场景
712 0
|
2月前
|
人工智能 前端开发 JavaScript
前端工程化演进之路:从手工作坊到AI驱动的智能化开发
前端工程化演进之路:从手工作坊到AI驱动的智能化开发
431 18
前端工程化演进之路:从手工作坊到AI驱动的智能化开发
|
2月前
|
数据采集 关系型数据库 MySQL
python爬取数据存入数据库
Python爬虫结合Scrapy与SQLAlchemy,实现高效数据采集并存入MySQL/PostgreSQL/SQLite。通过ORM映射、连接池优化与批量提交,支持百万级数据高速写入,具备良好的可扩展性与稳定性。
|
2月前
|
人工智能 Java 关系型数据库
使用数据连接池进行数据库操作
使用数据连接池进行数据库操作
89 11
|
3月前
|
存储 数据管理 数据库
数据字典是什么?和数据库、数据仓库有什么关系?
在数据处理中,你是否常困惑于字段含义、指标计算或数据来源?数据字典正是解答这些问题的关键工具,它清晰定义数据的名称、类型、来源、计算方式等,服务于开发者、分析师和数据管理者。本文详解数据字典的定义、组成及其与数据库、数据仓库的关系,助你夯实数据基础。
数据字典是什么?和数据库、数据仓库有什么关系?
|
7月前
|
存储 缓存 数据库
数据库数据删除策略:硬删除vs软删除的最佳实践指南
在项目开发中,“删除”操作常见但方式多样,主要分为硬删除与软删除。硬删除直接从数据库移除数据,操作简单、高效,但不可恢复;适用于临时或敏感数据。软删除通过标记字段保留数据,支持恢复和审计,但增加查询复杂度与数据量;适合需追踪历史或可恢复的场景。两者各有优劣,实际开发中常结合使用以满足不同需求。
574 4
|
3月前
|
存储 关系型数据库 数据库
【赵渝强老师】PostgreSQL数据库的WAL日志与数据写入的过程
PostgreSQL中的WAL(预写日志)是保证数据完整性的关键技术。在数据修改前,系统会先将日志写入WAL,确保宕机时可通过日志恢复数据。它减少了磁盘I/O,提升了性能,并支持手动切换日志文件。WAL文件默认存储在pg_wal目录下,采用16进制命名规则。此外,PostgreSQL提供pg_waldump工具解析日志内容。
265 0

热门文章

最新文章

  • 1
    前端如何存储数据:Cookie、LocalStorage 与 SessionStorage 全面解析
    344
  • 2
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(九):强势分析Animation动画各类参数;从播放时间、播放方式、播放次数、播放方向、播放状态等多个方面,完全了解CSS3 Animation
    105
  • 3
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(八):学习transition过渡属性;本文学习property模拟、duration过渡时间指定、delay时间延迟 等多个参数
    135
  • 4
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(七):学习ransform属性;本文学习 rotate旋转、scale缩放、skew扭曲、tanslate移动、matrix矩阵 多个参数
    110
  • 5
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(六):全方面分析css的Flex布局,从纵、横两个坐标开始进行居中、两端等元素分布模式;刨析元素间隔、排序模式等
    208
  • 6
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(五):背景属性;float浮动和position定位;详细分析相对、绝对、固定三种定位方式;使用浮动并清除浮动副作用
    230
  • 7
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(四):元素盒子模型;详细分析边框属性、盒子外边距
    121
  • 8
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(三):元素继承关系、层叠样式规则、字体属性、文本属性;针对字体和文本作样式修改
    61
  • 9
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(二):CSS伪类:UI伪类、结构化伪类;通过伪类获得子元素的第n个元素;创建一个伪元素展示在页面中;获得最后一个元素;处理聚焦元素的样式
    116
  • 10
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(一):CSS发展史;CSS样式表的引入;CSS选择器使用,附带案例介绍
    154
  • 推荐镜像

    更多