feature: 角色增删改
This commit is contained in:
zhengxinonly
@@ -2,6 +2,7 @@ from flask import Blueprint, Flask
|
|||||||
|
|
||||||
from .passport import passport_api
|
from .passport import passport_api
|
||||||
from .rights import rights_api
|
from .rights import rights_api
|
||||||
|
from .role import role_api
|
||||||
|
|
||||||
|
|
||||||
def register_apis(app: Flask):
|
def register_apis(app: Flask):
|
||||||
@@ -9,5 +10,6 @@ def register_apis(app: Flask):
|
|||||||
|
|
||||||
apis.register_blueprint(passport_api)
|
apis.register_blueprint(passport_api)
|
||||||
apis.register_blueprint(rights_api)
|
apis.register_blueprint(rights_api)
|
||||||
|
apis.register_blueprint(role_api)
|
||||||
|
|
||||||
app.register_blueprint(apis)
|
app.register_blueprint(apis)
|
||||||
|
|||||||
@@ -0,0 +1,52 @@
|
|||||||
|
from flask import Blueprint, request
|
||||||
|
from flask_sqlalchemy.pagination import Pagination
|
||||||
|
|
||||||
|
from pear_admin.extensions import db
|
||||||
|
from pear_admin.orms import RoleORM
|
||||||
|
|
||||||
|
role_api = Blueprint("role", __name__)
|
||||||
|
|
||||||
|
|
||||||
|
@role_api.get("/role")
|
||||||
|
def role_list():
|
||||||
|
page = request.args.get("page", default=1, type=int)
|
||||||
|
per_page = request.args.get("limit", default=10, type=int)
|
||||||
|
q = db.select(RoleORM)
|
||||||
|
|
||||||
|
pages: Pagination = db.paginate(q, page=page, per_page=per_page)
|
||||||
|
|
||||||
|
return {
|
||||||
|
"code": 0,
|
||||||
|
"message": "获取角色数据成功",
|
||||||
|
"data": [item.json() for item in pages.items],
|
||||||
|
"count": pages.total,
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@role_api.post("/role")
|
||||||
|
def create_role():
|
||||||
|
data = request.get_json()
|
||||||
|
if data["id"]:
|
||||||
|
del data["id"]
|
||||||
|
role = RoleORM(**data)
|
||||||
|
role.save()
|
||||||
|
return {"code": 0, "message": "新增角色成功"}
|
||||||
|
|
||||||
|
|
||||||
|
@role_api.put("/role/<int:rid>")
|
||||||
|
def change_role(rid):
|
||||||
|
data = request.get_json()
|
||||||
|
del data["id"]
|
||||||
|
|
||||||
|
role_obj = RoleORM.query.get(rid)
|
||||||
|
for key, value in data.items():
|
||||||
|
setattr(role_obj, key, value)
|
||||||
|
role_obj.save()
|
||||||
|
return {"code": 0, "message": "修改角色权限成功"}
|
||||||
|
|
||||||
|
|
||||||
|
@role_api.delete("/role/<int:rid>")
|
||||||
|
def del_role(rid):
|
||||||
|
role_obj = RoleORM.query.get(rid)
|
||||||
|
role_obj.delete()
|
||||||
|
return {"code": 0, "message": "删除角色成功"}
|
||||||
@@ -24,6 +24,7 @@ class RoleORM(BaseORM):
|
|||||||
return {
|
return {
|
||||||
"id": self.id,
|
"id": self.id,
|
||||||
"name": self.name,
|
"name": self.name,
|
||||||
|
"code": self.code,
|
||||||
"desc": self.desc,
|
"desc": self.desc,
|
||||||
"rights_ids": self.rights_ids,
|
"rights_ids": self.rights_ids,
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -6,3 +6,8 @@ views_bp = Blueprint("views", __name__, url_prefix="/views")
|
|||||||
@views_bp.get("/rights")
|
@views_bp.get("/rights")
|
||||||
def rights_view():
|
def rights_view():
|
||||||
return render_template("views/rights/index.html")
|
return render_template("views/rights/index.html")
|
||||||
|
|
||||||
|
|
||||||
|
@views_bp.get("/role")
|
||||||
|
def role_view():
|
||||||
|
return render_template("views/role/index.html")
|
||||||
|
|||||||
@@ -0,0 +1,242 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="zh-cn">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<title>权限管理</title>
|
||||||
|
<meta name="renderer" content="webkit" />
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||||
|
<meta
|
||||||
|
name="viewport"
|
||||||
|
content="width=device-width, initial-scale=1, maximum-scale=1"
|
||||||
|
/>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div style="padding: 16px">
|
||||||
|
<div class="layui-card">
|
||||||
|
<div class="layui-card-body">
|
||||||
|
<table
|
||||||
|
class="layui-hide"
|
||||||
|
id="role-table"
|
||||||
|
lay-filter="role-table"
|
||||||
|
></table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<form
|
||||||
|
class="layui-form"
|
||||||
|
lay-filter="role-form"
|
||||||
|
id="role-form"
|
||||||
|
action=""
|
||||||
|
style="padding: 15px; display: none"
|
||||||
|
>
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<label class="layui-form-label">ID</label>
|
||||||
|
<div class="layui-input-block">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
name="id"
|
||||||
|
value="0"
|
||||||
|
lay-verify="required"
|
||||||
|
autocomplete="off"
|
||||||
|
class="layui-input"
|
||||||
|
disabled
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<label class="layui-form-label">用户名</label>
|
||||||
|
<div class="layui-input-block">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
name="name"
|
||||||
|
placeholder="请输入用户名"
|
||||||
|
lay-verify="required"
|
||||||
|
autocomplete="off"
|
||||||
|
class="layui-input"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<label class="layui-form-label">标识</label>
|
||||||
|
<div class="layui-input-block">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
name="code"
|
||||||
|
placeholder="请输入用户标识"
|
||||||
|
lay-verify="required"
|
||||||
|
autocomplete="off"
|
||||||
|
class="layui-input"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<label class="layui-form-label">描述</label>
|
||||||
|
<div class="layui-input-block">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
name="desc"
|
||||||
|
placeholder="请输入用户描述"
|
||||||
|
autocomplete="off"
|
||||||
|
class="layui-input"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<label class="layui-form-label">权限列表</label>
|
||||||
|
<div class="layui-input-block">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
name="rights_ids"
|
||||||
|
placeholder="请输入用户权限列表"
|
||||||
|
autocomplete="off"
|
||||||
|
class="layui-input"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<div class="layui-input-block">
|
||||||
|
<button
|
||||||
|
type="submit"
|
||||||
|
class="layui-btn"
|
||||||
|
lay-submit
|
||||||
|
lay-filter="role-form-btn"
|
||||||
|
>
|
||||||
|
立即提交
|
||||||
|
</button>
|
||||||
|
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
<script type="text/html" id="role-toolbar">
|
||||||
|
<div class="layui-btn-container">
|
||||||
|
<button class="layui-btn layui-btn-sm" lay-event="role-toolbar-add">
|
||||||
|
新增角色
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</script>
|
||||||
|
<script type="text/html" id="role-tool">
|
||||||
|
<div class="layui-btn-container">
|
||||||
|
<button
|
||||||
|
class="layui-btn layui-btn-sm layui-bg-blue"
|
||||||
|
lay-event="role-tool-edit"
|
||||||
|
>
|
||||||
|
编辑
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
class="layui-btn layui-btn-sm layui-bg-yellow"
|
||||||
|
lay-event="role-tool-detail"
|
||||||
|
>
|
||||||
|
授权
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
class="layui-btn layui-btn-sm layui-bg-red"
|
||||||
|
lay-event="role-tool-del"
|
||||||
|
>
|
||||||
|
删除
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
layui.use(function () {
|
||||||
|
var table = layui.table;
|
||||||
|
var $ = layui.$;
|
||||||
|
var form = layui.form;
|
||||||
|
|
||||||
|
table.render({
|
||||||
|
elem: "#role-table",
|
||||||
|
id: "role-table",
|
||||||
|
url: "/api/v1/role", // 此处为静态模拟数据，实际使用时需换成真实接口
|
||||||
|
height: "full-35", // 最大高度减去其他容器已占有的高度差
|
||||||
|
toolbar: "#role-toolbar",
|
||||||
|
page: true,
|
||||||
|
cols: [
|
||||||
|
[
|
||||||
|
//标题栏
|
||||||
|
{ field: "id", title: "ID", width: 80, sort: true },
|
||||||
|
{ field: "name", title: "用户名", width: 120 },
|
||||||
|
{ field: "code", title: "用户标识", width: 160 },
|
||||||
|
{ field: "desc", title: "描述", minWidth: 80 },
|
||||||
|
{ field: "ids", title: "权限列表", width: 100 },
|
||||||
|
{
|
||||||
|
fixed: "right",
|
||||||
|
title: "操作",
|
||||||
|
width: 180,
|
||||||
|
align: "center",
|
||||||
|
toolbar: "#role-tool",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
],
|
||||||
|
});
|
||||||
|
|
||||||
|
table.on("toolbar(role-table)", function (obj) {
|
||||||
|
if (obj.event === "role-toolbar-add") {
|
||||||
|
layer.open({
|
||||||
|
type: 1,
|
||||||
|
shade: false,
|
||||||
|
content: $("#role-form"),
|
||||||
|
area: ["50%", "80%"],
|
||||||
|
});
|
||||||
|
form.render($("#role"));
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
table.on("tool(role-table)", function (obj) {
|
||||||
|
if (obj.event === "role-tool-edit") {
|
||||||
|
form.val("role-form", obj.data);
|
||||||
|
layer.open({
|
||||||
|
type: 1,
|
||||||
|
shade: false,
|
||||||
|
content: $("#role-form"),
|
||||||
|
area: ["50%", "80%"],
|
||||||
|
});
|
||||||
|
} else if (obj.event === "role-tool-del") {
|
||||||
|
$.ajax({
|
||||||
|
url: `/api/v1/role/${obj.data.id}`,
|
||||||
|
type: "DELETE",
|
||||||
|
contentType: "application/json",
|
||||||
|
headers: {
|
||||||
|
"X-CSRF-TOKEN": getCookie("csrf_access_token"),
|
||||||
|
},
|
||||||
|
success: function (res) {
|
||||||
|
if (!res.code) {
|
||||||
|
table.reloadData("role-table");
|
||||||
|
}
|
||||||
|
},
|
||||||
|
});
|
||||||
|
} else if (obj.event === "role-tool-detail") {
|
||||||
|
console.log("角色授权");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
form.on("submit(role-form-btn)", function (data) {
|
||||||
|
var field = data.field;
|
||||||
|
let method, url;
|
||||||
|
if (field.id == 0) {
|
||||||
|
field.id = null;
|
||||||
|
method = "POST";
|
||||||
|
url = "/api/v1/role";
|
||||||
|
} else {
|
||||||
|
method = "PUT";
|
||||||
|
url = `/api/v1/role/${field.id}`;
|
||||||
|
}
|
||||||
|
$.ajax({
|
||||||
|
url: url,
|
||||||
|
type: method,
|
||||||
|
contentType: "application/json",
|
||||||
|
headers: {
|
||||||
|
"X-CSRF-TOKEN": getCookie("csrf_access_token"),
|
||||||
|
},
|
||||||
|
data: JSON.stringify(field),
|
||||||
|
success: function (res) {
|
||||||
|
if (!res.code) {
|
||||||
|
layer.closeAll();
|
||||||
|
table.reloadData("role-table");
|
||||||
|
}
|
||||||
|
},
|
||||||
|
});
|
||||||
|
return false;
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user