实现简单的mysql数据库内容⽹页端显⽰实现简单的mysql数据库内容⽹页端显⽰
学习过程中查⽹上学习总结。
express,mysql
软件：Hbulder和mysql
1. 创建项⽬
⾸先创建⼀个test项⽬⽂件
2. 在终端使⽤node命令⾏切换到该⽂件
cd test
3. 初始化
npm init
4. 安装express
npm install -g express-generator
5. ⽤express创建⼀个⽬录
express -e  express_1
6. 进⼊该⽬录
cd express_1
7. 下载依赖
express -e firstexpress
npm install mysql --save
⽂件routes和views⽬录结构
index.js代码
var express = require('express');
var router = express.Router();
//调⽤mysql模块
const mysql = require('mysql');
//下⾯的配置必须要与⾃⼰本机上的mysql信息⼀致
let connection = ateConnection({
host:'localhost',  //主机地址
port:3306,    //端⼝
user:'root',      //账号
password:'XXXX',  //XXXX为⾃⼰数据库密码
database:'XXX'  //连接的数据库名XXX
});
//连接到数据库
//执⾏sql语句，从test表中查询数据
var user_sql ='SELECT * FROM XXX';                  //XXX为要查询的表名
connection.query(user_sql,function(err,result){
if(err){
console.log('[query]-:'+err);
}else{
//拿到result将其作为data渲染给模板引擎，⽐如这⾥的index页⾯
<('/', function(req, res, next){
title: 'express&mysql测试',
data:result
});
});
}
})
index.ejs代码
<!DOCTYPE html>
<html>
<head>
<title><%= title %></title>
<link rel='stylesheet'href='/stylesheets/style.css' />
<!--  引⼊bootstrap框架-->简单的mysql语句
<link href="cdn.bootcss/twitter-bootstrap/4.3.1/css/bootstrap.min.css"rel="stylesheet"> </head>
<body>
<table class="table table-bordered text-center">
<tr>
<td>表头1 </td>
<td>表头2 </td>
<td>表头3 </td>
<td>表头4 </td>
</tr>
<% for(var i=0;i<data.length;i++){ %>
<tr>
<td><%= data[i].表头1 %></td>
<td><%= data[i].表头2 %></td>
<td><%= data[i].表头3 %></td>
<td><%= data[i].表头4 %></td>
</tr>
<% } %>
</table>
</body>
</html>
完成简单的前端页⾯显⽰数据库表。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。