简介

名字由来


有个域名 iu1314.top,就写成iui314 就叫 π UI 吧,随便画了个logo,整体像个 字,左边像 IU 右边像个 π 字,再一看 不就是个 字,嗯,就是瞎写的,就这样吧,就让他叫 π UI

-- 胡言乱语

简介

前一版本,完全在 ruoyi-vue3 的基础上简单修改, 其后端采用spring,我自己的后端使用的是rust语言的poem框架编写,ruoyi-vue3 和其后端程序是紧密联系在一起的,我看不懂spring,每次更新,自然无法跟着更新,便有了重新写一版自己用的想法。

无数次的新建文件,删除文件夹,终于又终于,这个使用 vite3 , vue3 , vue-router , pinia ,TypesCript , element-plus 等技术编写而来的后台管理程序终于完成了。

主要参考了 ruoyi-vue3arco-design-pro-vue 实在了其大部分功能,UI框架上继续采用element-plus, 故复用了大量 ruoyi-vue3 的文件,加快了编写速度。

网络请求上使用了 VueUseuseFetch ,同时也使用了其他一些 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数据,需配合对应后端使用,具体详见相应配套端

  1. 克隆项目
    git clone https://github.com/lingdu1234/IUI314.git
  2. 安装依赖
    pnpm install
  3. 运行启动
    pnpm dev
  4. lint
    pnpm lint
  5. build
    pnpm build