manage-system
-基于Vue.js 2.x系列 + Element UI 的后台管理系统解决方案
-前言
-之前在公司用了Vue + Element组件库做了个后台管理系统,基本很多组件可以直接引用组件库的,但是也有一些需求无法满足。像图片裁剪上传、富文本编辑器、图表等这些在后台管理系统中很常见的功能,就需要引用其他的组件才能完成。从寻找组件,到使用组件的过程中,遇到了很多问题,也积累了宝贵的经验。所以我就把开发这个后台管理系统的经验,总结成这个后台管理系统解决方案。
-该方案作为一套多功能的后台框架模板,适用于绝大部分的后台管理系统(Web Management System)开发。基于vue.js,使用vue-cli脚手架快速生成项目目录,引用Element UI组件库,方便开发快速简洁好看的组件。分离颜色样式,支持手动切换主题色,而且很方便使用自定义主题色。
-功能
--
-
-
-
-
-
-
-
-
-
](https://www.bestqa.net/home/index.html)
+专业问卷服务,一对一客服,按需定制
-### Vue-Core-Image-Upload ###
-一款轻量级的vue上传插件,支持裁剪。访问地址:[Vue-Core-Image-Upload](https://github.com/Vanthink-UED/vue-core-image-upload)
+## 支持作者
+请作者喝杯咖啡吧!(微信号:linxin_20)
+
+## 前言
-## 其他注意事项 ##
-### 一、如果我不想用到上面的某些组件呢,那我怎么在模板中删除掉不影响到其他功能呢? ###
+该方案作为一套多功能的后台框架模板,适用于绝大部分的后台管理系统开发。基于 Vue3 + pinia + typescript,引用 Element Plus 组件库,方便开发。实现逻辑简单,适合外包项目,快速交付。
-举个栗子,我不想用 vue-datasource 这个组件,那我需要分四步走。
+## 功能
-第一步:删除该组件的路由,在目录 src/router/index.js 中,找到引入改组件的路由,删除下面这段代码。
+- [x] Element Plus
+- [x] vite 3
+- [x] pinia
+- [x] typescript
+- [x] 登录/注册
+- [x] Dashboard
+- [x] 表格/表单
+- [x] 图表 :bar_chart:
+- [x] 富文本/markdown 编辑器
+- [x] 图片拖拽/裁剪上传
+- [x] 权限管理
+- [x] 三级菜单
+- [x] 自定义图标
+- [x] 主题切换
-```JavaScript
-{
- path: '/vuetable',
- component: resolve => require(['../components/page/VueTable.vue'], resolve) // vue-datasource组件
-},
-```
+## 安装步骤
-第二步:删除引入该组件的文件。在目录 src/components/page/ 删除 VueTable.vue 文件。
+> 因为使用 vite3,node 版本需要 14.18+
-第三步:删除该页面的入口。在目录 src/components/common/Sidebar.vue 中,找到该入口,删除下面这段代码。
-
-```HTML
-
- {{username}}
-
+
+