详解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 相关文章推荐
Code: write(s,d) 输出连续字符串
Aug 19 Javascript
jquery获取下拉列表的值为null的解决方法
Mar 18 Javascript
javascript动态添加样式(行内式/嵌入式/外链式等规则)
Jun 24 Javascript
JS格式化数字金额用逗号隔开保留两位小数
Oct 18 Javascript
javascript校验价格合法性实例(必须输入2位小数)
May 05 Javascript
javascript圆盘抽奖程序实现原理和完整代码例子
Jun 03 Javascript
jQuery实现列表的全选功能
Mar 18 Javascript
Javascript基础回顾之(三) js面向对象
Jan 31 Javascript
layui对工具条进行选择性的显示方法
Sep 19 Javascript
JavaScript的垃圾回收机制与内存管理
Aug 06 Javascript
Vue如何跨组件传递Slot的实现
Dec 14 Vue.js
一道JS算法面试题——冒泡、选择排序
Apr 21 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 UTF-8、Unicode和BOM问题
2010/05/18 PHP
yii中widget的用法
2014/12/03 PHP
PHP基于DOM创建xml文档的方法示例
2017/02/08 PHP
Ubuntu中支持PHP5与PHP7双版本的简单实现
2018/08/19 PHP
JavaScript创建命名空间(namespace)的最简实现
2007/12/11 Javascript
基于jquery的滚动新闻列表
2010/06/19 Javascript
fancybox1.3.1 基于Jquery的插件在IE中图片显示问题
2010/10/01 Javascript
基于jquery的cookie的用法
2011/01/10 Javascript
js日期联动示例
2014/05/02 Javascript
js实现二代身份证号码验证详解
2014/11/20 Javascript
Node.js中的流(Stream)介绍
2015/03/30 Javascript
AngularJS 中使用Swiper制作滚动图不能滑动的解决方法
2016/11/15 Javascript
微信小程序开发探究
2016/12/27 Javascript
BootStrap3中模态对话框的使用
2017/01/06 Javascript
基于Bootstrap框架菜鸟入门教程(推荐)
2017/09/17 Javascript
微信小程序支付前端源码
2018/08/29 Javascript
详解如何解决Vue和vue-template-compiler版本之间的问题
2018/09/17 Javascript
详解vue挂载到dom上会发生什么
2019/01/20 Javascript
跟老齐学Python之字典,你还记得吗?
2014/09/20 Python
python urllib urlopen()对象方法/代理的补充说明
2017/06/29 Python
Python编程实现双链表,栈,队列及二叉树的方法示例
2017/11/01 Python
Python实现的堆排序算法原理与用法实例分析
2017/11/22 Python
基于python指定包的安装路径方法
2018/10/27 Python
python实现连续图文识别
2018/12/18 Python
Python新手学习装饰器
2020/06/04 Python
pycharm 实现调试窗口恢复
2021/02/05 Python
CSS3 animation实现逐帧动画效果
2016/06/02 HTML / CSS
html5教你做炫酷的碎片式图片切换 (canvas)
2017/07/28 HTML / CSS
门卫工作岗位职责
2013/12/17 职场文书
全神贯注教学反思
2014/02/03 职场文书
运动员获奖感言
2014/08/15 职场文书
2014-2015学年工作总结
2014/11/27 职场文书
2014年乡镇民政工作总结
2014/12/02 职场文书
考勤制度通知
2015/04/25 职场文书
Spring Cloud Gateway去掉url前缀
2021/07/15 Java/Android
Python开发五子棋小游戏
2022/04/28 Python