课前准备
下载mysql模板
npm install mysql
使用
- [第一步:] 引入模块
var mysql=require('mysql');//引入模块
- [第二步:] 创建连接
//创建连接
var conn=mysql.createConnection({
host : 'localhost',
user : 'root',
password : '密码',
database: 'db8'//数据库名称
});
- [第三步:] 开启连接
conn.connect();//开启连接
- [第四步:] 建立sql语句
var sql='select * from user';//记得在数据库db8建立user表哟
- [第五步:] 测试查询语句
conn.query(sql,函数)
conn.query(sql,(error,result,fields)=>{
if(error){
console.log("查询错误");
}
console.log(result);//数组
})
最终查询出来了:
可以对数组进行遍历
for…of
for(var obj of result){
console.log(obj.name);//取name
}
指定属性:name就都查出来了
将数据库的数据显示在网页上
mysql数据库 mysql.js
/**
* 访问mysql数据库
*/
var mysql=require('mysql');//引入模块
//创建连接
var conn=mysql.createConnection({
host : 'localhost',
user : 'root',
password : 'root',
database: 'db8'//数据库名称
});
conn.connect();//开启连接
/*
var sql='select * from user';
conn.query(sql,(error,result,fields)=>{
if(error){
console.log("查询错误");
}
console.log(result); //数组
for(var obj of result){
console.log(obj.name);//取name
}
})
*/
//导出
module.exports=conn;
路由端router.js
var express=require('express');
var conn=require('../mysql.js');
//建立一个路由容器
var router=express.Router();
router.get("/",(req,res)=>{
var sql="select * from user";
conn.query(sql,(err,result,fields)=>{
if(err){
return "失败";
}
console.log(result);
res.render('index.html',{
users: result
});
})
});
//导出
module.exports=router;
服务端app4.js
/**
* 静态资源处理
*/
//1、引入模块
var express=require('express');
var router=require('./routes/router.js')
//2、创建web服务器 app接收
var app=express();
//使用模板引擎
app.engine('html',require('express-art-template'));
app.use('/public',express.static('public')); //将文件夹public设置为静态资源
//路由已经放到routes.js中
app.use(router);//使用
//4、启动服务listen(端口号,回调函数)
app.listen(9090,()=>{
console.log('服务器开启 http://127.0.0.1:9090');
})
内容展示页index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>首页</title>
</head>
<body>
<h1>数据库查询的数据</h1>
<table border="1px" width="300px">
<tr>
<td>ID</td>
<td>NAME</td>
<td>PASSWORD</td>
<td>AGE</td>
</tr>
{{each users as u index}}
<tr>
<td>{{u.id}}</td>
<td>{{u.name}}</td>
<td>{{u.password}}</td>
<td>{{u.age}}</td>
</tr>
{{/each}}
</table>
</body>
</html>