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


Posted in Javascript onFebruary 12, 2018

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

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

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

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

API汇总:

登录

var params = { username: this.ruleForm2.account, password: this.ruleForm2.checkPass };

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})

修改密码

let params = Object.assign({}, this.setpwdForm);

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

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

用户获取

let params = { page: this.page, name: this.filters.name };

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]
  })

删除用户

let params = { id: row.id };

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

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

批量删除

let para = { ids: ids };

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

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

获取柱状图数据

export const getdrawPieChart = () => {
  return axios.get(`${base}/getdrawPieChart`);
};

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

获取饼状图数据

export const getdrawLineChart = () => {
  return axios.get(`${base}/getdrawLineChart`);
};

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

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

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
我也种棵OO树JXTree[js+css+xml]
Apr 02 Javascript
csdn 博客中实现运行代码功能实现
Aug 29 Javascript
再次分享18个非常棒的jQuery表格插件
Apr 10 Javascript
用JavaScript修改CSS属性的代码
May 06 Javascript
浅析jQuery对select操作小结(遍历option,操作option)
Jul 04 Javascript
showModalDialog模态对话框的使用详解以及浏览器兼容
Jan 11 Javascript
javascript密码强度校验代码(两种方法)
Aug 10 Javascript
详解打造 Vue.js 可复用组件
Mar 24 Javascript
基于react框架使用的一些细节要点的思考
May 31 Javascript
koa-router路由参数和前端路由的结合详解
May 19 Javascript
Vue基础配置讲解
Nov 29 Javascript
vue实现简单图片上传
Jun 30 Javascript
jquery+css3实现熊猫tv导航代码分享
Feb 12 #jQuery
jQuery实现定时隐藏对话框的方法分析
Feb 12 #jQuery
JS/jQuery实现DIV延时几秒后消失或显示的方法
Feb 12 #jQuery
原生js实现省市区三级联动代码分享
Feb 12 #Javascript
从vue基础开始创建一个简单的增删改查的实例代码(推荐)
Feb 11 #Javascript
代码详解JS操作剪贴板
Feb 11 #Javascript
vue-router项目实战总结篇
Feb 11 #Javascript
You might like
PHP+Memcache实现wordpress访问总数统计(非插件)
2014/07/04 PHP
destoon实现调用当前栏目分类及子分类和三级分类的方法
2014/08/21 PHP
laravel 5 实现模板主题功能
2015/03/02 PHP
通过Email发送PHP错误的方法
2015/07/20 PHP
CI分页类首页、尾页不显示的解决方法
2016/03/28 PHP
浅谈php中的循环while、do...while、for、foreach四种循环
2016/11/05 PHP
PHP仿tp实现mvc框架基本设计思路与实现方法分析
2018/05/23 PHP
javascript hashtable实现代码
2009/10/13 Javascript
js之onload事件的一点使用心得
2013/08/14 Javascript
原生JS绑定滑轮滚动事件兼容常见浏览器
2014/06/30 Javascript
javascript实现节点(div)名称编辑
2014/12/17 Javascript
浅谈轻量级js模板引擎simplite
2015/02/13 Javascript
javascript获取本机操作系统类型的方法
2015/08/13 Javascript
JS实现的表格操作类详解(添加,删除,排序,上移,下移)
2015/12/22 Javascript
jQuery技巧之让任何组件都支持类似DOM的事件管理
2016/04/05 Javascript
两行代码轻松搞定JavaScript日期验证
2016/08/03 Javascript
react router 4.0以上的路由应用详解
2017/09/21 Javascript
jQuery实现的上传图片本地预览效果简单示例
2018/03/29 jQuery
微信小程序中使用自定义图标(阿里icon)的方法
2018/08/20 Javascript
vue element 关闭当前tab 跳转到上一路由操作
2020/07/22 Javascript
使用Vant完成DatetimePicker 日期的选择器操作
2020/11/12 Javascript
python翻译软件实现代码(使用google api完成)
2013/11/26 Python
python pandas 对时间序列文件处理的实例
2018/06/22 Python
Python实现的ftp服务器功能详解【附源码下载】
2019/06/26 Python
python实现的自动发送消息功能详解
2019/08/15 Python
西班牙伏林航空公司:Vueling
2016/08/05 全球购物
美国排名第一的葡萄酒俱乐部:Firstleaf Wine Club
2020/01/02 全球购物
试述DBMS的主要功能
2016/11/13 面试题
十八大闭幕感言
2014/01/22 职场文书
环境科学专业优秀毕业生自荐书
2014/02/03 职场文书
2014年社区植树节活动方案
2014/02/28 职场文书
主管会计岗位职责
2014/03/13 职场文书
竞争与合作演讲稿
2014/05/12 职场文书
煤矿安全知识竞赛活动总结
2014/07/07 职场文书
Python pygame实现中国象棋单机版源码
2021/06/20 Python
Python 键盘事件详解
2021/11/11 Python