基于ant design的权限管理系统设计与实现

业务系统中权限是基础设施,本文将使用ant design来开发前端管理系统,后端接口使用Spring Cloud开发。废话不多说,开搞。

实现效果图

权限

基于ant design的权限管理系统设计与实现_第1张图片
基于ant design的权限管理系统设计与实现_第2张图片
基于ant design的权限管理系统设计与实现_第3张图片

资源

基于ant design的权限管理系统设计与实现_第4张图片
基于ant design的权限管理系统设计与实现_第5张图片

角色

基于ant design的权限管理系统设计与实现_第6张图片
基于ant design的权限管理系统设计与实现_第7张图片

用户

基于ant design的权限管理系统设计与实现_第8张图片
基于ant design的权限管理系统设计与实现_第9张图片
基于ant design的权限管理系统设计与实现_第10张图片

ant design实现中遇到的问题

  • 角色编辑时,资源权限的组合比较复杂,想了很久才考虑用这种方式实现。交互还是比较多的,以及编辑时初始化值。不得不说ant design还是比较成熟的。
  • Drawer抽屉触发form表单提交 ?通过addBasicInfoForm.submit()实现。
  • TreeSelect树选择 和 Form表单还是结合的比较好的。
  • Select选择器多选还是很好用的。

小结

总的来说ant design还是很好用的。前端源码在github上,后端源码也在github上。

【完】
【江湖再见】

你可能感兴趣的:(java,javascript,web)