1、安装node环境(度娘)
2、vue-cli创建前端项目
3、创建node
基于[http://www.expressjs.com.cn/][1]搭建node项目
4、node收发请求
get请求第三方api:
准备:request模块
1、 npm install request --save-dev 2、 app.js 引入 var request = require('request');
使用:
var options = { url: '', headers: {//设置请求头 "content-type": "application/json" }, json: true }; app.get('/jobs', function (req, res, next) { var proxy_url = 'api地址'; options.url = proxy_url; var status = +req.query.status // 获取url?id= 的参数 +是字符串转整数 function callback(error, response, data) { // console.log('------接口数据------',data); if (!error && response.statusCode == 200) { // 请求成功 // console.log('------接口数据------',data); let obj = { code: 0, message: 'ok', data: data.filter(item => {return item.status === status}) } res.json(obj); // 返回数据 } } request(options,callback) })
post请求
获取post请求需要模块:body-parser 准备: npm install body-parser--save-dev 使用:app.use(bodyParser.urlencoded({extended: false})); app.post('/addApplication', function(req, res, next) { let params = req.body; // 获取post请求参数 // 连接数据库 var addSql = 'INSERT INTO table_name(name,ip,business,priority) VALUES(?,?,?,?)'; var addSqlParams = [params.name,params.ip.join(','),params.business,params.priority]; //增 connection.query(addSql,addSqlParams,function (err, result) { if(err){ console.log('[INSERT ERROR] - ',err.message); let obj = { code: 1, message: err.message } res.json(obj); return; } let obj = { code: 0, message: 'ok', data: result } res.json(obj); }); })
5、连接mySql数据库
准备:npm install mysql --save-dev
使用:var mysql = require('mysql')
var connection = mysql.createConnection({
host : '',
user : '',
password : '',
database : ''
});
connection.connect();
参见步骤4,完成数据增、删、改、查功能
6、node 加载静态资源
利用 Express 托管静态文件
准备:1、引入path var path = require('path')
2、app.use(express.static(path.join(__dirname, 'static')))
'static' 是需要引入静态资源的文件夹,包括index.html,css,js, image等静态资源