详解vue-admin和后端(flask)分离结合的例子

前端之家收集整理的这篇文章主要介绍了详解vue-admin和后端(flask)分离结合的例子前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文介绍了vue-admin和后端(flask)分离结合的例子,分享给大家,具体如下

感觉 vue-admin 界面很不错,写了一个小 Demo

看到issues好多问后端数据请求的

上传了自己最近的这个vue-admin-flask-example,做下小小的分享

API汇总:

登录

export const requestLogin = params => {
return axios({
method: 'POST',url: ${base}/login,auth: params
})
.then(res => res.data);
};

return jsonify({'code': 200,'msg': "登录成功",'token': token.decode('ascii'),'name': g.admin.name})

修改密码

export const setpwd = params => {
return axios.post(${base}/setpwd,params);
};

return jsonify({'code': 200,'msg': "密码修改成功"})

用户获取

export const getUserListPage = params => {
return axios.get(${base}/users/listpage,{ params: params });
};

return jsonify({
'code': 200,'total': total,'page_size': page_size,'infos': [u.to_dict() for u in Infos]
})

删除用户

export const removeUser = params => {
return axios.get(${base}/user/remove,{ params: params });
};

return jsonify({'code': 200,'msg': "删除成功"})

批量删除

export const batchRemoveUser = params => {
return axios.get(${base}/user/bathremove,'msg': "删除成功"})

获取柱状图数据

{ return axios.get(`${base}/getdrawPieChart`); };

return jsonify({'code': 200,'profess_value': profess_value,'grade_value': grade_value,'grade_data': grade_data})

获取饼状图数据

{ return axios.get(`${base}/getdrawLineChart`); };

return jsonify({'code': 200,'value': data_value,'total': total})

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

猜你在找的Vue相关文章