python vue admin_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})
python vue admin_vue-admin和后端(flask)分离结合的例子相关推荐
- 视频教程-Python+Vue+Django前后端分离项目实战-Python
Python+Vue+Django前后端分离项目实战 教学风格独特,以学员视角出发设计课程,难易适度,重点突出,架构清晰,将实战经验融合到教学中.讲授技术同时传递方法.得到广大学员的高度认可. 王进 ...
- python vue token_Haytham个人博客开发日志 -- Flask+Vue基于token的登录状态与路由管理...
指路牌 符合一下关键词,这篇博客有可能会对你有帮助 不使用工厂函数的Flask应用 不使用蓝本的Flask应用 Flask跨域配置 基于Token的登录状态管理 Flask+Vue Vue路由拦截 A ...
- 几十行python代码构建一个前后端分离的目标检测演示网站,代码开源
在深度学习更讲究实用和落地的今天,构建一个简单的,可以利用浏览器和后端交互的演示性 Demo 可以说非常重要且实用了.本文我们将简单的介绍如何用几十行核心代码构建一个好用的.前后端分离的Demo. 2 ...
- vue和php前后端分离
文章目录 了解前后端分离 后端 php连接mysql,把数据输出 前端 vue脚手架的跨域配置 请求数据 了解前后端分离 前后端的分离分为两步: 后端通过了解前端需要哪些数据,用php,java,c# ...
- 《Vue+Spring Boot前后端分离开发实战》专著累计发行上万册
杰哥的学术专著<Vue+Spring Boot前后端分离开发实战>由清华大学出版社于2021年3月首次出版发行,虽受疫情影响但热度不减,受到业界读者的热捧,截至今日 ...
- 视频教程-VUE前端开发/前后端分离-Java
VUE前端开发/前后端分离 13年软件开发经验,设计开发30多个大型软件,涉及政府.银行.电信.能源等大型软件项目. 精通J2EE体系架构,熟练使用Struts.Spring.hibernate.ib ...
- 用uwsgi和nginx 部署 django和vue打造的前后端分离项目
用uwsgi和nginx 部署 django和vue打造的前后端分离项目 前言 由于现在没有彻底掌握nginx的使用,部署起来有点磕磕绊绊,为了防止以后再次需要部署的时候无法快速找到适合的资料,以此文 ...
- vue和Java做数据交互_基于vue和springmvc前后端分离,json类接口调用介绍
基于vue和springmvc前后端分离,json类接口调用介绍 版本要求:spring-3.2.9.RELEASE.vue-2.9.2.axios-0.17.1,其中axios作为http clie ...
- springBoot前后端不分离Vue+elementUI脚手架
新建SpringBoot2.4.4项目. 目录结构如下 新建html页面 login.js文件 接口 完整项目在我的资源中SpringBoot前后端不分离vue+element脚手架_springbo ...
最新文章
- 庖丁解牛剖析国际学术论文写作的快速入门
- Zookeeper服务端线程分析(单机)
- matlab地图掩膜,要素轮廓线掩膜
- 神策 FM | 数据驱动时代,你的岗位如何转变?
- .Net下的签名与混淆
- 鸿蒙密视视频加密软件,鸿蒙密视视频加密软件
- clone-graph
- react学习笔记(9)表单控件
- 从头开始-02.C语言基础
- 使用kafka消息队列中间件实现跨进程,跨服务器的高并发消息通讯
- 及时复盘的好处_还不会复盘?这篇有最全的复盘介绍
- Atitit 软件知识点分类体系 分类 按照书籍的分类 学科分类 体系与基础部分 计算机体系结构 硬件接口技术(usb,agp,pci,div,hdmi) os操作系统 中间件 语言部分
- 用C++程序理解汉字的机内码表示
- vscode调试用的launch.json
- 【转】win10更改C盘中用户文件夹名
- 人体红外传感器HC-SR501特点及使用介绍
- 教父三部曲观后感总结
- 基于树的机器学习模型的演化
- 700多页A4纸打印要多少钱?
- Jetson嵌入式系列模型部署-3
热门文章
- 宇视摄像机RTSP地址格式规则
- 2020网易游戏测试一面面经(春招上海)
- 设计用于汽车和车身SPC58NH92C3RMI0X\SPC560B50L1B4E0X微控制器
- Otsu(大津法,最大类间方差法)
- php析构函数有什么用,php析构函数的作用
- linux基本功系列之wc命令实战
- SWOT分析图说明及使用方法
- 英伟达CUVID硬解,并通过FFmpeg读取文件
- uniapp中this.$forceUpdate()
- 制作一个创意的生日快乐网页祝福网站送给心爱的她(HTML+CSS+JS)