What-a-mess/i-LogisticsSystem-frontend

Front end of the i-LogisticsSystem

i-LogisticsSystem-frontend

Front end of the i-LogisticsSystem

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

element-ui

• 能够直接在模板中进行使用，不再需要import
• 详见 组件 | Element

axios

• 进行了封装，使用时请引入src/plugins/myaxios
• axios

stompjs

• http://jmesnil.net/stomp-websocket/doc/
• 是基于STOMP协议的web socket实现, rabbitmq服务端带有stomp插件
• 进行了封装，使用时请引入src/plugins/rabbitmq
• 类解析：JSON.parse()
• 示例：

函数中ack:

//可关闭的心跳检测
mq.client.heartbeat.outgoing=0;
mq.client.heartbeat.incoming=0;
mq.connect('test',frame=>{
  //处理消息
  
  //...
  console.log("msg: "+frame.body)

  //处理完成后返回ack（没完成则不返回）
  frame.ack();
},frame=>{
    console.log("err:"+frame);
});

异步调用ack（保存frame）:

data() {
  return{
    frame: {
      ack:function(){} //预定义的空函数防止报错
    },
    accept() { //调用方法返回ack
      this.frame.ack(); 
    }
  }
},
created() { //或者其他方法（组件重新打开重新执行的）
  var vm = this;
  mq.connect(
    "test",frame => {
      vm.frame = frame;

      //...
    },
    err => {
      console.log("err:" + err);
    }
  );
}