vue-admin和后端(flask)分離結(jié)合的例子

Richard_Gao 發(fā)布于2019-07-30 15:42 / 2052人閱讀

摘要：感覺(jué)界面很不錯(cuò)寫(xiě)了一個(gè)小看到好多問(wèn)后端數(shù)據(jù)請(qǐng)求的就上傳了自己最近的這個(gè)做下小小的分享匯總登錄登錄成功修改密碼密碼修改成功用戶獲取刪除用戶刪除成功批量刪除刪除成功獲取柱狀圖數(shù)據(jù)獲取餅狀圖數(shù)據(jù)

感覺(jué) vue-admin 界面很不錯(cuò),寫(xiě)了一個(gè)小 Demo
看到issues好多問(wèn)后端數(shù)據(jù)請(qǐng)求的
就上傳了自己最近的這個(gè)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": "刪除成功"})

獲取柱狀圖數(shù)據(jù)

export const getdrawPieChart = () => {
    return axios.get(`${base}/getdrawPieChart`);
};

return jsonify({"code": 200, "profess_value": profess_value, "grade_value": grade_value, "grade_data": grade_data})

獲取餅狀圖數(shù)據(jù)

export const getdrawLineChart = () => {
    return axios.get(`${base}/getdrawLineChart`);
};

return jsonify({"code": 200, "value": data_value, "total": total})

GPU云服務(wù)器云服務(wù)器網(wǎng)頁(yè)的前端和后端前端開(kāi)發(fā)和后端開(kāi)發(fā)的區(qū)別前端和后端后端開(kāi)發(fā)和后端開(kāi)發(fā)

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/41420.html

相關(guān)文章

應(yīng)用服務(wù)器與WSGI協(xié)議以及flask后端框架總結(jié)(后端接收請(qǐng)求返回響應(yīng)的整個(gè)流程)

摘要：上次遺留了兩個(gè)問(wèn)題先說(shuō)一下自己的看法問(wèn)題明明一個(gè)線程只能處理一個(gè)請(qǐng)求那么棧里的元素永遠(yuǎn)是在棧頂那為什么需要用棧這個(gè)結(jié)構(gòu)用普通變量不行嗎和都是線程隔離的那么為什么要分開(kāi)我認(rèn)為在的情況下是可以不需要棧這個(gè)結(jié)構(gòu)的即使是單線程下也不需要原本我以為在上次遺留了兩個(gè)問(wèn)題,先說(shuō)一下自己的看法問(wèn)題:1.明明一個(gè)線程只能處理一個(gè)請(qǐng)求,那么棧里的元素永遠(yuǎn)是在棧頂,那為什么需要用棧這個(gè)結(jié)構(gòu)?用普通變量不行...

tolerious 2019-07-31 11:09 評(píng)論0 收藏0
當(dāng)spring boot 遇到 vue-admin, 搭建完美后臺(tái)

摘要：項(xiàng)目地址說(shuō)明是一個(gè)基于打造的響應(yīng)式的后臺(tái)管理后端有版本整體效果演示賬號(hào)密碼涉及功能點(diǎn)結(jié)合和注解實(shí)現(xiàn)登錄驗(yàn)證權(quán)限驗(yàn)證文章地址結(jié)合的工具類文章地址功能管理員登錄登錄修改密碼角色管理權(quán)限管理錯(cuò)誤頁(yè)面動(dòng)態(tài)面包屑動(dòng)態(tài)側(cè)邊欄廣告管理相關(guān)網(wǎng)址權(quán)限響項(xiàng)目地址 https://github.com/lmxdawn/vu... 說(shuō)明 vue-admin 是一個(gè)基于 vue + element-ui 打造...

e10101 2019-08-16 13:49 評(píng)論0 收藏0
Python學(xué)習(xí)筆記:Ｗeb后端開(kāi)發(fā)一覽

摘要：試想，在多線程服務(wù)器中，多個(gè)線程同時(shí)處理不同客戶端發(fā)送的不同請(qǐng)求時(shí)，每個(gè)線程看到的對(duì)象必然不同。多線程服務(wù)器會(huì)創(chuàng)建一個(gè)線程池，再?gòu)木€程池中選擇一個(gè)線程用于處理接收到的請(qǐng)求。框架 Django flask flask是一個(gè)輕量的web開(kāi)發(fā)應(yīng)用示例開(kāi)發(fā)一個(gè)小應(yīng)用 from flask import Flask app = Flask(__name__) @app.route(/) d...

DrizzleX 2019-07-31 11:06 評(píng)論0 收藏0
pyecharts結(jié)合flask架構(gòu)的應(yīng)用

　　此篇文章通常是詳細(xì)介紹了pyecharts結(jié)合flask架構(gòu)，通常是詳細(xì)介紹怎樣在Flask架構(gòu)使得用pyecharts，文中根據(jù)實(shí)例編碼為大家介紹得非常詳盡,需用的小伙伴可以參考一下　　詳細(xì)介紹　　文中通常是詳細(xì)介紹怎樣在Flask架構(gòu)使得用pyecharts，有關(guān)Flask架構(gòu)應(yīng)用這兒不去做詳細(xì)詳細(xì)說(shuō)明~　　Flask模版3D渲染　　首先要建立一個(gè)flask項(xiàng)目，flask項(xiàng)目對(duì)目錄結(jié)構(gòu)要...

89542767 2022-12-24 14:42 評(píng)論0 收藏0
使用 Vue.js 和 Flask 來(lái)構(gòu)建一個(gè)單頁(yè)的App

摘要：我們將創(chuàng)建一個(gè)簡(jiǎn)單的，它將從到返回一個(gè)隨機(jī)數(shù)。我們來(lái)改變組件顯示隨機(jī)數(shù)在這個(gè)階段，我們只是模仿客戶端的隨機(jī)數(shù)生成過(guò)程。在這個(gè)教程中，我們將講解如何將vue.js單頁(yè)應(yīng)用與Flask后端進(jìn)行連接。一般來(lái)說(shuō)，如果你只是想通過(guò)Flask模板使用vue.js庫(kù)也是沒(méi)有問(wèn)題的。但是，實(shí)際上是一個(gè)很明顯的問(wèn)題那就是，Jinja（模板引擎）也和Vue.js一樣采用雙大括號(hào)用于渲染，但只是一個(gè)還算...

LiuZh 2019-07-31 11:06 評(píng)論0 收藏0