详解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 相关文章推荐
JavaScript实现倒计时代码段Item1(非常实用)
Nov 03 Javascript
微信小程序之获取当前位置经纬度以及地图显示详解
May 09 Javascript
vue-cli实现多页面多路由的示例代码
Jan 30 Javascript
基于vue v-for 循环复选框-默认勾选第一个的实现方法
Mar 03 Javascript
微信小程序CSS3动画下拉菜单效果
Nov 04 Javascript
vue实现父子组件之间的通信以及兄弟组件的通信功能示例
Jan 29 Javascript
jQuery中使用validate插件校验表单功能
May 24 jQuery
js 将线性数据转为树形的示例代码
May 28 Javascript
react国际化化插件react-i18n-auto使用详解
Mar 31 Javascript
JavaScript 装逼指南(js另类写法)
May 10 Javascript
Vue项目接入Paypal实现示例详解
Jun 04 Javascript
vue实现倒计时功能
Mar 24 Vue.js
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随机输出名人名言的代码
2012/10/07 PHP
php模板函数 正则实现代码
2012/10/15 PHP
thinkphp3.0 模板中函数的使用
2012/11/13 PHP
PHP curl 获取响应的状态码的方法
2014/01/13 PHP
php实现12306火车票余票查询和价格查询(12306火车票查询)
2014/01/14 PHP
PHP使用imagick读取PDF生成png缩略图的两种方法
2014/03/20 PHP
php之header的不同用法总结(实例讲解)
2017/11/28 PHP
精心挑选的15款优秀jQuery 本特效插件和教程
2012/08/06 Javascript
JavaScript mapreduce工作原理简析
2012/11/25 Javascript
js给onclick事件赋值,动态传参数实例解说
2013/03/28 Javascript
解释&&和||在javascript中的另类用法
2014/07/28 Javascript
超精准的javascript验证身份证号的具体实现方法
2015/11/18 Javascript
js select下拉联动 更具级联性!
2020/04/17 Javascript
Nodejs搭建wss服务器教程
2017/05/24 NodeJs
jQuery初级教程之网站品牌列表效果
2017/08/02 jQuery
vue proxyTable 接口跨域请求调试的示例
2017/09/12 Javascript
使用Vue自定义数字键盘组件(体验度极好)
2017/12/19 Javascript
jquery.picsign图片标注组件实例详解
2018/02/02 jQuery
js序列化和反序列化的使用讲解
2019/01/19 Javascript
vue 中的 render 函数作用详解
2020/02/28 Javascript
使用JavaScript实现网页秒表功能(含开始、暂停、继续、重置功能)
2020/06/05 Javascript
详解Python中的__getitem__方法与slice对象的切片操作
2016/06/27 Python
python 采集中文乱码问题的完美解决方法
2016/09/27 Python
Python 专题三 字符串的基础知识
2017/03/19 Python
Python利用matplotlib生成图片背景及图例透明的效果
2017/04/27 Python
python数字图像处理之高级滤波代码详解
2017/11/23 Python
python如何实现不可变字典inmutabledict
2020/01/08 Python
Room Mate Hotels美国:西班牙酒店品牌
2018/04/10 全球购物
家得宝官网:The Home Depot(全球最大的家居装饰专业零售商)
2018/12/17 全球购物
职工运动会感言
2014/02/07 职场文书
计算机专业毕业生自荐信范文
2014/03/06 职场文书
2014年党员公开承诺践诺书
2014/03/25 职场文书
2015年教育实习工作总结
2015/04/24 职场文书
2019年教师节活动策划方案
2019/09/09 职场文书
爱心捐款倡议书:点燃希望,传递温暖
2019/11/04 职场文书
3050和2060哪个好 性能差多少 差距有多大 谁更有性价比
2022/06/17 数码科技