前后端交互
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