在桌面创建文件夹 gg
在node 命令行中,进入创建的文件夹
cd E:\桌面\gg
初始化项目
npm init
安装express
npm install express-generator
用express创建一个目录,并进入
express -e firstexpress
cd firstexpress
下载相关依赖
npm install
npm install mysql --save
目录如下图所示
index文件
var express = require('express');
var router = express.Router();
//调用mysql模块
const mysql = require('mysql');
//下面的配置必须要与自己本机上的mysql信息一致
let connection = mysql.createConnection({
host:'localhost', //主机地址
port:3306, //端口
user:'root', //账号
password:'123456', //密码
database:'list' //连接的数据库
});
//连接到数据库
connection.connect();
//执行sql语句,从test表中查询数据
var user_sql = 'SELECT * FROM stu';
connection.query(user_sql,function(err,result){
if(err){
console.log('[query]-:'+err);
}else{
//拿到result将其作为data渲染给模板引擎,比如这里的index页面
router.get('/', function(req, res, next) {
res.render('index', {
title: 'express&mysql测试',
data:result
});
});
}
})
module.exports = router;
数据库表格
index.ejs代码
<!DOCTYPE html>
<html>
<head>
<title><%= title %></title>
<link rel='stylesheet' href='/stylesheets/style.css' />
//引入bootstrap框架
<link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<h1>mysql数据获取</h1>
<table class="table table-bordered text-center">
<tr>
<td>id</td>
<td>name</td>
<td>age</td>
<td>操作</td>
</tr>
<% for(var i=0;i<data.length;i++){ %>
<tr>
<td><%= data[i].id %></td>
<td><%= data[i].name %></td>
<td><%= data[i].age %></td>
<td><strong>删除</strong><strong>查看</strong><strong>编辑</strong></td>
</tr>
<% } %>
</table>
</body>
</html>
现在启动项目
npm start
访问localhost:3000就可以看到效果