有个域名iu1314,就写成iui314 就叫π UI 吧,随便画了个logo,整体像个心
♥
字,左边像 IU
右边像个 π
字,再一看 不就是个虾
字,嗯,就是瞎写的,就这样吧,就让他叫 πUI
吧
本项目需配合后端项目配套使用,使用TypeScript重写,前面JS版本(在poem分支),是在ruoyi-vue3
3.8.1上简单修改的,现主要参考ruoyi-vue3
和
arco-design-pro-vue 使用TypeScript重新编写,修复了大量js版本bug,方便后续自己使用
-
用户管理:用户是系统操作者,该功能主要完成系统用户配置。
-
国际化:使用
vue-i18n
有较为完善的国际化以及路由国际化。 -
部门管理:配置系统组织机构(公司、部门、小组),树结构展现支持数据权限。
-
岗位管理:配置系统用户所属担任职务。
-
菜单管理:配置系统菜单,操作权限,按钮权限标识等。
-
角色管理:角色菜单权限分配、设置角色按机构进行数据范围权限划分。
-
字典管理:对系统中经常使用的一些较为固定的数据进行维护。
-
登录日志:系统登录日志记录查询包含登录异常。
-
在线用户:当前系统中活跃用户状态监控。
-
定时任务:在线(添加、修改、删除)任务调度包含执行结果日志。
-
角色切换,不同角色可以数据权限不一致。
-
数据权限:分全部权限,本部门权限,本部门及以下权限,自定义权限,本人权限 五种权限
-
部门切换:可以设置用户可以存在的多个部门,但是只能激活一个部门,可以切换;
-
系统监控:完成系统信息的简单监控;
-
数据缓存:根据api缓存数据,分公共缓存(所有人缓存数据一致,用于公共数据缓存)和个人缓存( 同一api不同用户不同数据的api缓存),通过数据库名称将api关联在一起,当有数据更新时,清除关联api缓存数据,缓存时间到期,缓存数据清除;
-
操作日志:在菜单设置每个api的日志记录级别,分为文件记录,数据库记录,同时记录,不记录几种模式,根据不同api单独配置
-
权限管理: 由后端返回路由动态生成路由;前端按钮级权限统一由后端返回权限标志控制
- 性能优化;
- 部门切换,不知道有啥用,角色切换,数据权限,部门切换 3者组合可以实现诡异的权限组合
pnpm install
pnpm dev
OR
vite dev
pnpm build
OR
vite build
Lint with ESLint
pnpm lint