一、需要的工具

Node.js
VsCode
Express
Mysql2
MYSQL Workbench

二、使用步骤

(1)项目结构

（2）创建项目

在VsCode新建名为code的文件夹

（3）初始化项目

npm init -y

package.json

//新增type节点值为module
{"type":"module","name": "database-assess","version": "1.0.0","description": "","main": "app.js","scripts": {"test": "echo \"Error: no test specified\" && exit 1"},"author": "","license": "ISC","dependencies": {"express": "^4.18.1","mysql2": "^2.3.3"}
}

(4)编写模块

路由模块

引入express

npm install express

use_router.js

import express from 'express'
import { getAllUser } from '../controller/user_ctrl.js'
// 定义express的router方法
const router = new express.Router()
router.get('/user', getAllUser)
export default router

数据库模块

引入mysql

npm install mysql2

index.js

import mysql from 'mysql2'
const pool = mysql.createPool({host: '127.0.0.1',port: '3306',database: 'mysql_db01',user: 'root',password: ''//数据库密码
})
export default pool.promise()

数据控制模块

user_ctrl.js

import db from '../db/index.js'
export async function getAllUser(req, res) {try {const [row] = await db.query('select id,username,nickname from ev_users')res.send({status: 0,message: '获取用户数据成功！',data: row})} catch (err) {res.send({status: 1,message: '获取用户列表错误',desc: err.message})}
}

app.js

// ES6语法引入express模块
import express from 'express'
import userRouter from './router/user_router.js'
const app = express()
// 定义路由
app.use('/api', userRouter)
// 监听8080端口
app.listen(80, () => {console.log('serve running in http://127.0.0.1')
})

5.数据库表

(5)测试

项目目录下运行node app.js
访问127.0.0.1/api/user
数据获取成功

(6)项目地址

database-access

vue3 访问数据库中的数据相关推荐

mye连接mysql数据库_MySQL_如何在Java程序中访问mysql数据库中的数据并进行简单的操作，在上篇文章给大家介绍了Myeclip - phpStudy...
如何在Java程序中访问mysql数据库中的数据并进行简单的操作在上篇文章给大家介绍了Myeclipse连接mysql数据库的方法,通过本文给大家介绍如何在Java程序中访问mysql数据库中的数据 ...
c从sqlite3数据库中获取数据，并对数据进行拼接
c从sqlite3数据库中获取数据,并对数据进行拼接函数功能对数据库的操作创建数据库: 创建USER表: 创建表内数据: 查看表内数据: 查看表结构: 函数实现函数编译: 函数结果: 函数功能 ...
flask查询mysql数据展示_flask再学习-思考之怎么从数据库中查询数据在页面展示！...
看别人视频觉得很简单,要自己做蒙蔽了!这样子.NO! 1. 流程: 首先要有和数据库连接的驱动!一般有PYMySQL mysqlclient 等使用扩展Flask-SQLAlchemy 获得orm对 ...
mongodb数据库中插入数据
mongodb数据库中插入数据一:connection 访问集合: 在mongodb数据库中,数据是存储在许多数据集合中,可以使用数据库对象的collection方法访问一个集合.该方法使用如下: ...
azure云数据库_在Azure SQL数据库中保护数据的五种方法
azure云数据库 When storing data in the cloud the main concern companies generally have is whether or not ...
android 如何从服务器端的数据库中拿数据，在客户端显示类？
============问题描述============ android 如何从服务器端的数据库中拿数据,在客户端显示类? ============解决方案1============ 写一个网络访问的 ...
java中mysql中标点符号_java – 如何在使用JDBC从MySQL数据库中提取数据时避免丢失标点符号？...
首先,我正在使用: Java 1.7.0_02 MySQL 5.1.50 ZendServer CE (if that matters) 我用来从Java连接到MySQL的JDBC驱动程序是com.m ...
POI：从Excel文件中读取数据，向Excel文件中写入数据，将Excel表格中的数据插入数据库，将数据库中的数据添加到Excel表
POI 简介: POI是Apache软件基金会用Java编写的免费开源的跨平台的 Java API,Apache POI提供API给Java程序对Microsoft Office格式档案读和写的功能. ...
浏览器访问数据库中的图片路径
今天遇到一个小问题,就是启动服务器后,怎么提取数据库中图片路径,在浏览器地址栏中直接能够显示图片.我们知道,我们无法直接访问数据库中的图片,只能在项目启动后,通过服务器来显示图片地址. 直接上例子: ...

vue3 访问数据库中的数据

文章目录

一、需要的工具

二、使用步骤

(1)项目结构

（2）创建项目

（3）初始化项目

(4)编写模块

(5)测试

(6)项目地址

vue3 访问数据库中的数据相关推荐

最新文章

热门文章