VUX开发使用记录

1、Vue页面的传值

     VUE中页面的传值是双向的，this即整个页面的数据对象，注意VUE中this的使用。

2、get和post请求：

      1） 在api.js中定义get和post请求方法：包含method、url、parameter等

getCartData(param) {
        var args = {
            method: "get",
            url: 'api://orderHeaders/getOrdersInShoppingCar?orderId=' + param

        };

        return new BusinessRequest().baseRequest(args);
    },

postCartData(orderLineParam) {
        var args = {
            method: "post",
            url: 'api://orderHeaders/preparePay',
            parameter: orderLineParam
        };

        return new BusinessRequest().baseRequest(args);
    },

      2）在VUE中发出get、post请求

let me = this;
let request = HttpBusinessRequest.getCartData(this.id);
request.complete = function() {
        console.log("get.complete");
};
request.success = function(data, status, xhr) {};
request.error = function(data, status, xhr) {
        console.log("get.errorerror");
};
request.send();

3、调通get接口和post接口

      1） 确保后端没问题（swagger、Restful风格Controller返回对对象的ResponseBody）

      2） 确保前端发出了正确的请求

      3） 详细分析底层

4、打包部署：

      1）压缩图片：http://www.tinypng.com

      2)  修改url：开发调试时，接口应连接个人笔记本IP或者仿真环境，IP应在config->dev.env.js中修改。api.js中的url直接使用api引用后端IP和端口+映射url。部署生产时，url引用的IP应在config->prod.env.js中修改。

      3）将图片地址改为以下网址

tmp.commodity.imgAddress = "http://10.80.37.201:8089/supermarket/static/" + tmp.commodityName + ".png";

      4) 修改版本信息：config->plugin.properties

      5) 运行：npm run build;   ctrl + shift + p ->minxing:打包 ->选择路径

      6) 打开压缩文件，删除static下的中文名称图片

      7）发送部署