有个域名 iu1314.top
,就写成iui314 就叫 π UI
吧,随便画了个logo,整体像个 心
♥
字,左边像 IU
右边像个 π
字,再一看 不就是个 虾
字,嗯,就是瞎写的,就这样吧,就让他叫 π UI
吧
前一版本,完全在 ruoyi-vue3
的基础上简单修改, 其后端采用spring,我自己的后端使用的是rust语言的poem框架编写,ruoyi-vue3
和其后端程序是紧密联系在一起的,我看不懂spring,每次更新,自然无法跟着更新,便有了重新写一版自己用的想法。
无数次的新建文件,删除文件夹,终于又终于,这个使用 vite3
, vue3
, vue-router
, pinia
,TypesCript
, element-plus
等技术编写而来的后台管理程序终于完成了。
主要参考了 ruoyi-vue3
和 arco-design-pro-vue
实在了其大部分功能,UI框架上继续采用element-plus, 故复用了大量 ruoyi-vue3
的文件,加快了编写速度。
网络请求上使用了 VueUse
的 useFetch
,同时也使用了其他一些 VueUse
的功能,使用方式与传统的 Axios
有比较明显的区别,而且返回数据是响应式数据。
地址A: iui314.vercel.app
地址B: iui314preview
同户名: admin
或者 user
密 码: 123456
Poem Version: poem_admin
https://github.com/lingdu1234/poem_admin
Axum Version: axum_admin
https://github.com/lingdu1234/axum_admin
用户管理:用户是系统操作者,该功能主要完成系统用户配置。
国际化:使用vue-i18n
有较为完善的国际化以及路由国际化。
部门管理:配置系统组织机构(公司、部门、小组),树结构展现支持数据权限。
岗位管理:配置系统用户所属担任职务。
菜单管理:配置系统菜单,操作权限,按钮权限标识等。
角色管理:角色菜单权限分配、设置角色按机构进行数据范围权限划分。
字典管理:对系统中经常使用的一些较为固定的数据进行维护。
登录日志:系统登录日志记录查询包含登录异常。
在线用户:当前系统中活跃用户状态监控。
定时任务:在线(添加、修改、删除)任务调度包含执行结果日志。
角色切换,不同角色可以数据权限不一致。
数据权限:分全部权限,本部门权限,本部门及以下权限,自定义权限,本人权限 五种权限
部门切换:可以设置用户可以存在的多个部门,但是只能激活一个部门,可以切换;
系统监控:完成系统信息的简单监控;
数据缓存:根据api缓存数据,分公共缓存(所有人缓存数据一致,用于公共数据缓存)和个人缓存(同一api不同用户不同数据的api缓存),通过数据库名称将api关联在一起,当有数据更新时,清除关联api缓存数据,缓存时间到期,缓存数据清除;
操作日志:在菜单设置每个api的日志记录级别,分为文件记录,数据库记录,同时记录,不记录几种模式,根据不同api单独配置
权限管理: 由后端返回路由动态生成路由;前端按钮级权限统一由后端返回权限标志控制
本项目无mock数据,需配合对应后端使用,具体详见相应配套端