一个有点东西的后台管理系统,基于vue3+vite。

390 阅读1分钟

一个简单的后台管理模板,毒蘑菇后台管理。 demo 还有 源码

大体功能如下

  • 登录页面
  • 自定义菜单目录,可伸缩左侧目录,多级菜单,站外链接,配置菜单消息。
  • 可切换标签页,添加,删除,排序,刷新(重新加载),本地缓存,鼠标右击操作,标签页全屏(可切换),标签页缓存(可切换,每个路由可配置包括path: 'show-list/info/:sign'配置下的路由,大多数后台项目都没实现)。
  • 打开新标签页可搜索当前目录。
  • 站内链接,基于iframe(可缓存,大多数后台项目都没实现)
  • 每个页面单独的滚动条,合理的利用缓存
  • icon组件不使用任何自动化打包插件,可配置svg,img图标
  • 数据的增删改查可以使用新页面的形式或者对话框的形式,其中对话框的形式是目前我觉得最好的封装方案。
  • 使用外部的天气插件(两种)
  • 使用模板生成doc文件
  • 自定义的打印操作
  • 展示shadow-dom
  • 自定义图片裁剪
  • 自定义图片上传
  • 三种不同方案的可视化大屏展示(不同的layout,不同的页面缓存)

不使用ts,未加任何环境变量,未加代码格式化(写出来的就已经是规范化的了),尽量不加其他插件配置,抛弃这些的好处:更加容易定制化,代码更少,门槛更低。

展示图

微信截图_20231116093253.png

微信截图_20231116093324.png

微信截图_20231120114311.png

更多展示请点击demo进行查看