nodejs+express实现数据库mysql的访问，并展示数据到页面上【文尾分享源码包】
nodejs实现mysql数据库访问，node访问数据库，node访问本地数据库，nodejs访问mysql数据库并展示
1.Express基础框架的搭建
首先，创建一个websafe文件如下图所示
Cd命令到新创建的目录下。
重点步骤：
1.1初始化项目
npm init
一直往下enter键就可以
yes之后我们的项目中就会多一个json文件
1.2安装express
安装命令为：
npm install -g express-generator
只要执行这个命令等待执行结束即可。
1.3 Express创建一个目录，进入该目录
创建命令：
express -e websafe
1.4下载包的依赖
下载基础依赖命令：
npm install
下载mysql数据库依赖命令：
npm install mysql
完成上面四步操作后具体的项目结构如下所示：
这样的话我们就创建好一个初始的express项目架构
2.数据库的连接创建
前提：本地有搭建mysql数据库，且存在表名为mysql
然后创建建立连接的js文件（index.js），具体代码如下所示:
var express = require("express"); //引用外部模块接口，也就是获取模块对象
var router = express.Router();//创建路由实例
//调用mysql模块
const mysql = require("mysql");
//配置本机mysql连接基本信息
let connectInfo = mysql.createConnection({
host: 'localhost',
port: 3306,
user: 'root',
password: '123456',
database: 'mysql'
})
//数据库建立连接
connectInfo.connect();
//查询sql语句
var sqlWord = 'select * from nodetest';
connectInfo.query(sqlWord, function (err, result) {
if (err) {
console.log('[query]-:' + err);
} else {
router.get('/', function (req, res, next) {
res.render('index', {
title: 'express测试实例连接数据库',
data: result
})
})
}
});
module.exports = router;
切记本地有mysql数据库，且数据库存在表名为nodetest
3. 页面的展示（忽略创建mysql本地数据库的过程）
创建页面通过变量展示,通过express框架中的index.ejs来创建一个表格进行页面data数据的展示，具体代码如下：
<!DOCTYPE html>
<html>
<head>
<title>
<%= title %>
</title>
<!-- 引入bootstrap框架 -->
<link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
<link rel='stylesheet' href='/stylesheets/index.css' />
<!-- 样式都是基于public下面来的 -->
</head>
<body>
<div class="parts">
<div class="part">
<div class="fh3">家庭信息表 <sub> (测试nodejs+express+mysql)</sub></div>
<table class="table table-bordered text-center">
<tr>
<td>id</td>
<td>name</td>
<td>address</td>
<td>user</td>
</tr>
<% for(var i=0;i<data.length;i++){ %>
<tr>
<td>
<%= data[i].id %>
</td>
<td>
<%= data[i].name %>
</td>
<td>
<%= data[i].address %>
</td>
<td>
<%= data[i].user %>
</td>
</tr>
<% } %>
</table>
</div>
</div>
</body>
</html>
样式可以自己随便定义一下，无关紧要的，需要demo的可以私我或者留下邮箱。
启动命令：node ./bin/www
完成这些操作后你就会发现最终页面就会展示出数据库的相关数据，其实是采用了express搭建前台框架，nodejs后台实现，最终页面效果如下所示：
无偿分享源码：
百度网盘
链接：https://pan.baidu.com/s/1oXgV-Ho0aMizxSpKlzdW-Q
提取码：hdd6
123云盘（不限速）
https://www.123pan.com/s/ZxkUVv-oEJ4
提取码:hdd6
片尾彩蛋
如果觉得这篇文章对您有帮助的话，想支持博主的可以上皇榜看看哟，皇榜点击此处进入
更多推荐
7
0- 0
已为社区贡献1条内容
所有评论(0)