详解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 相关文章推荐
JS小功能(checkbox实现全选和全取消)实例代码
Nov 28 Javascript
淘宝网提供的国内NPM镜像简介和使用方法
Apr 17 Javascript
jQuery遍历对象、数组、集合实例
Nov 08 Javascript
JS+CSS实现仿触屏手机拨号盘界面及功能模拟完整实例
May 16 Javascript
js点击文本框后才加载验证码实例代码
Oct 20 Javascript
温习Javascript基础语法之词法结构
May 31 Javascript
从0开始学Vue
Oct 27 Javascript
Bootstrap table的使用方法
Nov 02 Javascript
node.js平台下的mysql数据库配置及连接
Mar 31 Javascript
JavaScript异步上传图片文件的实例代码
Jul 04 Javascript
微信小程序登陆注册功能的实现代码
Dec 10 Javascript
React实现全选功能
Aug 25 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轻量级的性能分析工具xhprof的安装使用
2015/08/12 PHP
利用php做服务器和web前端的界面进行交互
2016/10/31 PHP
Yii2 批量插入、更新数据实例
2017/03/15 PHP
PHP基于DOMDocument解析和生成xml的方法分析
2017/07/17 PHP
PHP批量删除jQuery操作
2017/07/23 PHP
jquery validate添加自定义验证规则(验证邮箱 邮政编码)
2013/12/04 Javascript
BootstrapTable+KnockoutJS自定义T4模板快速生成增删改查页面
2016/08/01 Javascript
js实现弹窗暗层效果
2017/01/16 Javascript
Bootstrap面板(Panels)的简单实现代码
2017/03/17 Javascript
详解angularJs中关于ng-class的三种使用方式说明
2017/06/02 Javascript
nodejs 递归拷贝、读取目录下所有文件和目录
2019/07/18 NodeJs
五分钟搞懂Vuex实用知识(小结)
2019/08/12 Javascript
JS数组方法push()、pop()用法实例分析
2020/01/18 Javascript
详解Vue3中对VDOM的改进
2020/04/23 Javascript
jquery实现抽奖功能
2020/10/22 jQuery
JS实现京东商品分类侧边栏
2020/12/11 Javascript
python两种遍历字典(dict)的方法比较
2014/05/29 Python
Python实现删除Android工程中的冗余字符串
2015/01/19 Python
python处理csv数据的方法
2015/03/11 Python
200行自定义python异步非阻塞Web框架
2017/03/15 Python
Python图像处理之直线和曲线的拟合与绘制【curve_fit()应用】
2018/12/26 Python
利用anaconda保证64位和32位的python共存
2021/03/09 Python
在python plt图表中文字大小调节的方法
2019/07/08 Python
python处理RSTP视频流过程解析
2020/01/11 Python
诗狄娜化妆品官方网站:Stila Cosmetics
2016/12/21 全球购物
美国开幕式潮店:Opening Ceremony
2018/02/10 全球购物
HTC VIVE美国官网:VR虚拟现实眼镜
2018/02/13 全球购物
英国领先的酒杯和水晶玻璃器皿制造商:Dartington Crystal
2019/06/23 全球购物
接口中的方法可以是abstract的吗
2015/07/23 面试题
临床医学系毕业生推荐信
2013/11/09 职场文书
大学军训感言1000字
2014/02/25 职场文书
鸿星尔克广告词
2014/03/21 职场文书
珍爱生命演讲稿
2014/05/10 职场文书
焦裕禄精神心得体会
2014/09/02 职场文书
小学班长竞选稿
2015/11/20 职场文书
《实心球》教学反思
2016/02/23 职场文书