这篇博客详细介绍了如何使用SpringBoot、MyBatisPlus和Vue.js搭建一个前后端分离的项目。主要内容包括在components目录下编写menu.vue，配置router.js，创建vuex状态管理，以及在views目录下编写user相关组件，如index.vue和edit.vue，实现增删改查和模糊查询功能。同时，文章涵盖了HTTP请求的处理，如GET和POST操作，并提供了错误处理和数据加载的示例代码。
const loading = Loading.service({
lock: true,
text: ‘数据加载中’,
spinner: ‘el-icon-loading’,
background: ‘rgba(255, 255, 255, 0.7)’
})
axios.get(url, {
params: params
}).then(response => {
if (response.data.code === 200) {
callback(response.data)
} else {
Message.error(response.data.message)
}
}).catch(err => {
Message.error(err);
}).finally(() => {
loading.close()
})
},
post(url, callback, params = {},msg) {
const formData = new FormData()
for (let key in params) {
formData.append(key, params[key])
}
const loading = Loading.service({
lock: true,
text: ‘数据提交中’,
spinner: ‘el-icon-loading’,
background: ‘rgba(255, 255, 255, 0.7)’
})
setTimeout(() => {
loading.close()
}, 10000)
axios.post(url, formData)
.then(response => {
if (response.data.code === 200) {
if(msg===undefined ){
Message.success(response.data.message)
}else if(msg != null && msg.length != 0 ){
Message.success(msg)
}
callback(response.data)
} else {
Message.error(response.data
最低0.47元/天 解锁文章
扫一扫
8766
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
