2019-01-09

前后端交互

1.前端发起请求

ajax  Asynchronous Javascript And Xml

jquery XmlHttpResuest(xhr)

$.ajax({

    url:'/dcs-web/get',

    type:'get',

    dataType:'json',

    data:{

    },

    success:function(response){

        console.log(response);

    }

})

axio

用于浏览器和node.js的基于Promise的HTTP客户端

$.axios({

    url:'/dcs-web/get',

    type:'get',

    dataType:'json',

    data:{

    },

}).then(function(response){

    console.log(response);

}),catch(function(response){

    console.log(response);

})

ES6Promise

promise.then((value)=> {

  console.log(value);

},  (err) => {

  console.log(err);

});

2.vue框架建立前端页面

vue-router

route  Home按钮  => home内容

routes [{home 按钮 =>home内容 }， { about按钮 => about 内容}]

router 管理路由

客户端中的路由，实际上就是dom 元素的显示和隐藏

validator

vue 基于图形验证码展示图片

<img :src="imageBase64" alt="">

self.imageBase64 = 'data:image/png;base64,'+res.data.body.imageBase64;

转自https://blog.csdn.net/u010289111/article/details/80082245

Vue实现文件上传和文件下载

转自https://blog.csdn.net/hani_wen/article/details/81952001

https://blog.csdn.net/wohaqiyi/article/details/77621517

 

3.后端处理请求

HttpServletRequest

4.后端数据处理

批量入库

异常处理机制 ExceptionHandler