详解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调用flash的效果代码
Apr 26 Javascript
jquery实现metro效果示例代码
Sep 06 Javascript
javascript中兼容主流浏览器的动态生成iframe方法
May 05 Javascript
使表格的标题列可左右拉伸jquery插件封装
Nov 24 Javascript
jQuery使用after()方法在元素后面添加多项内容的方法
Mar 26 Javascript
javascript实现控制浏览器全屏
Mar 30 Javascript
微信小程序 条件渲染详解
Oct 09 Javascript
fckeditor部署到weblogic出现xml无法读取及样式不能显示问题的解决方法
Mar 24 Javascript
Mui使用jquery并且使用点击跳转新窗口的实例
Aug 19 jQuery
AngularJS 的$timeout服务示例代码
Sep 21 Javascript
浅谈js中的bind
Mar 18 Javascript
js实现飞机大战小游戏
Aug 26 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和js如何通过json互相传递数据相关问题探讨
2013/02/26 PHP
深入理解:单一入口、MVC、ORM、CURD、ActiveRecord概念
2013/06/06 PHP
PHP利用func_get_args和func_num_args函数实现函数重载实例
2014/11/12 PHP
php随机取mysql记录方法小结
2014/12/27 PHP
锋利的jQuery 要点归纳(三) jQuery中的事件和动画(上:事件篇)
2010/03/24 Javascript
调用HttpHanlder的几种返回方式小结
2013/12/20 Javascript
javascript trim函数在IE下不能用的解决方法
2014/09/12 Javascript
JS封装cookie操作函数实例(设置、读取、删除)
2015/11/17 Javascript
JavaScript Ajax实现异步通信
2016/12/14 Javascript
微信小程序中进行地图导航功能的实现方法
2018/06/29 Javascript
Vue点击切换颜色的方法
2018/09/13 Javascript
深入理解使用Vue实现Context-Menu的思考与总结
2019/03/09 Javascript
深入浅析vue-cli@3.0 使用及配置说明
2019/05/08 Javascript
详解vue父子组件关于模态框状态的绑定方案
2019/06/05 Javascript
vue + el-form 实现的多层循环表单验证
2020/11/25 Vue.js
node.js通过Sequelize 连接MySQL的方法
2020/12/28 Javascript
[02:35]DOTA2英雄基础教程 狙击手
2014/01/14 DOTA
[01:18:43]2014 DOTA2华西杯精英邀请赛5 24 iG VS DK
2014/05/25 DOTA
Python subprocess模块学习总结
2014/03/13 Python
python matplotlib绘图,修改坐标轴刻度为文字的实例
2018/05/25 Python
Python走楼梯问题解决方法示例
2018/07/25 Python
Python实现计算字符串中出现次数最多的字符示例
2019/01/21 Python
Django项目使用ckeditor详解(不使用admin)
2019/12/17 Python
分享一枚pycharm激活码适用所有pycharm版本我的pycharm2020.2.3激活成功
2020/11/20 Python
python 实现socket服务端并发的四种方式
2020/12/14 Python
python爬虫实现爬取同一个网站的多页数据的实例讲解
2021/01/18 Python
HTML5实现文件断点续传的方法
2017/01/04 HTML / CSS
日本最大的药妆连锁店:Matsukiyo松本清药妆店
2017/11/23 全球购物
西班牙床垫网上商店:Colchones.es
2018/05/06 全球购物
C++程序员求职信
2014/05/07 职场文书
困难补助申请报告
2015/05/19 职场文书
2019最新校园运动会广播稿!
2019/06/28 职场文书
奶茶店的创业计划书该怎么写?
2019/07/15 职场文书
导游词之秦始皇兵马俑博物馆
2019/09/29 职场文书
MySQL8.0.18配置多主一从
2021/06/21 MySQL
Python 中 Shutil 模块详情
2021/11/11 Python