1.先用node+express+MysqL简单配置一下后台
const db = mysql.createPool({
host: 'localhost',user: 'nodejs',password: 'nodejs',database:'resume',port: 3306
});
host: 'localhost',user: 'nodejs',password: 'nodejs',database:'resume',port: 3306
});
var app = express();
// ====》设置了一个 /resume 的接口,并将从数据库获取的数据data,send到前台(接口名字随便取的)
app.use('/resume',(req,res)=>{
db.query(SELECT * FROM about_table
,(err,data)=>{
"use strict";
if(err){
res.status(500).send('databases error').end();
}else{
res.send(data).end();
}
})
})
app.listen(8080);
app.use(static('./static/'));
2. 前台请求接口,调用数据来渲染页面(vue + vue-resource)
===》 js
// 引入 vue-resource
===》 html
{{value.title}} {{value.name}}
{{value.content}}