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

Richard_Gao 發布于2019-07-30 15:42 / 2036人閱讀

摘要：感覺界面很不錯寫了一個小看到好多問后端數據請求的就上傳了自己最近的這個做下小小的分享匯總登錄登錄成功修改密碼密碼修改成功用戶獲取刪除用戶刪除成功批量刪除刪除成功獲取柱狀圖數據獲取餅狀圖數據

感覺 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})

云服務器 GPU云服務器網頁的前端和后端前端開發和后端開發的區別前端和后端后端開發和后端開發

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/41420.html

應用服務器與WSGI協議以及flask后端框架總結(后端接收請求返回響應的整個流程)

摘要：上次遺留了兩個問題先說一下自己的看法問題明明一個線程只能處理一個請求那么棧里的元素永遠是在棧頂那為什么需要用棧這個結構用普通變量不行嗎和都是線程隔離的那么為什么要分開我認為在的情況下是可以不需要棧這個結構的即使是單線程下也不需要原本我以為在上次遺留了兩個問題,先說一下自己的看法問題:1.明明一個線程只能處理一個請求,那么棧里的元素永遠是在棧頂,那為什么需要用棧這個結構?用普通變量不行...

tolerious 2019-07-31 11:09 評論0 收藏0
當spring boot 遇到 vue-admin, 搭建完美后臺

摘要：項目地址說明是一個基于打造的響應式的后臺管理后端有版本整體效果演示賬號密碼涉及功能點結合和注解實現登錄驗證權限驗證文章地址結合的工具類文章地址功能管理員登錄登錄修改密碼角色管理權限管理錯誤頁面動態面包屑動態側邊欄廣告管理相關網址權限響項目地址 https://github.com/lmxdawn/vu... 說明 vue-admin 是一個基于 vue + element-ui 打造...

e10101 2019-08-16 13:49 評論0 收藏0
Python學習筆記:Ｗeb后端開發一覽

摘要：試想，在多線程服務器中，多個線程同時處理不同客戶端發送的不同請求時，每個線程看到的對象必然不同。多線程服務器會創建一個線程池，再從線程池中選擇一個線程用于處理接收到的請求。框架 Django flask flask是一個輕量的web開發應用示例開發一個小應用 from flask import Flask app = Flask(__name__) @app.route(/) d...

DrizzleX 2019-07-31 11:06 評論0 收藏0
pyecharts結合flask架構的應用

　　此篇文章通常是詳細介紹了pyecharts結合flask架構，通常是詳細介紹怎樣在Flask架構使得用pyecharts，文中根據實例編碼為大家介紹得非常詳盡,需用的小伙伴可以參考一下　　詳細介紹　　文中通常是詳細介紹怎樣在Flask架構使得用pyecharts，有關Flask架構應用這兒不去做詳細詳細說明~　　Flask模版3D渲染　　首先要建立一個flask項目，flask項目對目錄結構要...

89542767 2022-12-24 14:42 評論0 收藏0
使用 Vue.js 和 Flask 來構建一個單頁的App

摘要：我們將創建一個簡單的，它將從到返回一個隨機數。我們來改變組件顯示隨機數在這個階段，我們只是模仿客戶端的隨機數生成過程。在這個教程中，我們將講解如何將vue.js單頁應用與Flask后端進行連接。一般來說，如果你只是想通過Flask模板使用vue.js庫也是沒有問題的。但是，實際上是一個很明顯的問題那就是，Jinja（模板引擎）也和Vue.js一樣采用雙大括號用于渲染，但只是一個還算...

LiuZh 2019-07-31 11:06 評論0 收藏0