node+express+vue搭建工程

StoweJerry 发布于23天前 阅读125次
0 条评论

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

    

查看原文: node+express+vue搭建工程

  • redswan
  • yellowlion
  • organicbutterfly
  • redkoala
  • blackbutterfly
  • whitebutterfly
  • heavymouse
需要 登录 后回复方可回复, 如果你还没有账号你可以 注册 一个帐号。