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等静态资本