diff --git a/spring-security/step-2/src/main/java/com/spring/step2/controller/WebController.java b/spring-security/step-2/src/main/java/com/spring/step2/controller/WebController.java index 14e323b..21adeb2 100644 --- a/spring-security/step-2/src/main/java/com/spring/step2/controller/WebController.java +++ b/spring-security/step-2/src/main/java/com/spring/step2/controller/WebController.java @@ -25,4 +25,9 @@ public class WebController { public String showRolePage() { return "rolePage"; } + + @GetMapping("/permission") + public String showPermissionPage() { + return "permissionPage"; + } } diff --git a/spring-security/step-2/src/main/resources/static/src/lib/css/style.css b/spring-security/step-2/src/main/resources/static/src/lib/css/style.css index aa718ae..fae3cc9 100644 --- a/spring-security/step-2/src/main/resources/static/src/lib/css/style.css +++ b/spring-security/step-2/src/main/resources/static/src/lib/css/style.css @@ -1,4 +1,4 @@ -/* 提高 Antd Message 的 z-index */ +/* 提高 Antd Message 的 z-index，让提示框为最上层 */ .ant-message { z-index: 1100 !important; } diff --git a/spring-security/step-2/src/main/resources/static/src/views/permission/DialogPermission.js b/spring-security/step-2/src/main/resources/static/src/views/permission/DialogPermission.js new file mode 100644 index 0000000..1af84df --- /dev/null +++ b/spring-security/step-2/src/main/resources/static/src/views/permission/DialogPermission.js @@ -0,0 +1,97 @@ +const DialogPermission = defineComponent({ + name: "DialogPermission", + template: ` + + `, + props: { + // 是否添加 + isAdd: {type: Boolean, default: false}, + // 权限信息 + permissionInfo: {type: Object, required: true}, + // 加载函数 + onSearch: {type: Function, required: true}, + }, + data() { + return { + modalInstance: ref(null), + form: ref({}), + } + }, + methods: { + async onSubmit() { + // 是否添加表单 + const {code, message} = this.isAdd ? + await axiosInstance.post("/permission", this.form) : + await axiosInstance.put("/permission", this.form); + + if (code === 200) { + antd.message.success(message); + // 关闭模态框 + this.modalInstance.hide(); + this.onSearch(); + } + } + }, + watch: { + permissionInfo(val) { + // 创建深拷贝，而不是直接赋值 + this.form = JSON.parse(JSON.stringify(val)); + } + }, + mounted() { + // 初始化模态框实例 + const modalEl = this.$refs.modalRef; + this.modalInstance = new bootstrap.Modal(modalEl, { + backdrop: 'static', + keyboard: false + }); + }, + beforeUnmount() { + // 组件销毁时清理模态框实例 + if (this.modalInstance) { + this.modalInstance.dispose(); + } + } +}); \ No newline at end of file diff --git a/spring-security/step-2/src/main/resources/static/src/views/role/DialogRole.js b/spring-security/step-2/src/main/resources/static/src/views/role/DialogRole.js index 4056a06..0f2279f 100644 --- a/spring-security/step-2/src/main/resources/static/src/views/role/DialogRole.js +++ b/spring-security/step-2/src/main/resources/static/src/views/role/DialogRole.js @@ -16,10 +16,10 @@ const DialogRole = defineComponent({
- + -
在这里输入你的角色名。
+
在这里输入你的角色码。
diff --git a/spring-security/step-2/src/main/resources/templates/permissionPage.html b/spring-security/step-2/src/main/resources/templates/permissionPage.html new file mode 100644 index 0000000..96157fc --- /dev/null +++ b/spring-security/step-2/src/main/resources/templates/permissionPage.html @@ -0,0 +1,227 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 权限管理页面 + + +
+ + + +
+
+ 权限查询 +
+
+
+
+
+ + +
+
+ + +
+
+ + +
+
+
+ + +
+
+
+
+
+
+ + +
+
+ 权限列表 + +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + +
#权限名描述简述创建时间更新时间操作
{{index + 1}}{{permission.permissionCode}}{{permission.description}}{{permission.remark}}{{formatDate(permission.createTime)}}{{formatDate(permission.updateTime)}} +
+ + +
+
+
+ + + +
+
+
+ + + + + + + + + + + + \ No newline at end of file diff --git a/spring-security/step-2/src/main/resources/templates/rolePage.html b/spring-security/step-2/src/main/resources/templates/rolePage.html index e4834b0..ec1eb16 100644 --- a/spring-security/step-2/src/main/resources/templates/rolePage.html +++ b/spring-security/step-2/src/main/resources/templates/rolePage.html @@ -29,11 +29,11 @@ - 角色管理系统 + 角色管理页面
- +
@@ -152,7 +152,7 @@ // 角色信息 roleInfo: ref({}), // 弹窗标题 - dialogFormFlag: ref(false), + isAdd: ref(false), // 查询角色列表 dataList: ref([]) }; @@ -189,13 +189,13 @@ /* 添加 */ onAdd() { - this.dialogFormFlag = true; + this.isAdd = true; this.roleInfo = {}; }, /* 修改 */ onEdit(roleInfo) { - this.dialogFormFlag = false; + this.isAdd = false; this.roleInfo = roleInfo; }, diff --git a/spring-security/step-2/src/main/resources/templates/userPage.html b/spring-security/step-2/src/main/resources/templates/userPage.html index 043838f..767b4d8 100644 --- a/spring-security/step-2/src/main/resources/templates/userPage.html +++ b/spring-security/step-2/src/main/resources/templates/userPage.html @@ -29,7 +29,7 @@ - 用户管理系统 + 用户管理页面