vue-manage-system README

The project's README from github.com/lin-xin/vue-manage-system. As one markdown file: README.md.

vue-manage-system

GitHub release license

基于 Vue3 + pinia + Element Plus 的后台管理系统解决方案。线上演示

Vue2 版本请看 tag-V4.2.0,带后台功能请看 tsrpc-manage-system

文档地址 English document

赞助商

好问

专业问卷服务,一对一客服,按需定制

支持作者

请作者喝杯咖啡吧!(微信号:linxin_20)

微信扫一扫

前言

该方案作为一套多功能的后台框架模板,适用于绝大部分的后台管理系统开发。基于 Vue3 + pinia + typescript,引用 Element Plus 组件库,方便开发。实现逻辑简单,适合外包项目,快速交付。

功能

安装步骤

因为使用 vite3,node 版本需要 14.18+

git clone https://github.com/lin-xin/vue-manage-system.git      // 把模板下载到本地
cd vue-manage-system    // 进入模板目录
npm install         // 安装项目依赖,等待安装完成之后,安装失败可用 cnpm 或 yarn

// 运行
npm run dev

// 执行构建命令,生成的dist文件夹放在服务器下即可访问
npm run build

项目截图

首页

Image text

登录

Image text

License

MIT

vue-manage-system (lin-xin/vue-manage-system)

Searching Database…

这是什么?一个基于 Vue 3、Pinia 和 TypeScript,并使用 Element Plus 组件库搭建的现成后台管理面板方案,可作为开发网页版后台管理系统的起点。
它是能直接部署的成品,还是一个起步模板?是一个起步模板:它的定位是覆盖大部分后台管理系统需求的多功能后台框架模板,你需要在此基础上搭建自己的管理面板。
我该怎么把它跑起来?克隆仓库,运行 npm install,然后运行 npm run dev —— dev 脚本会启动 Vite 开发服务器。生产环境构建时会先用 vue-tsc 做类型检查,再执行 vite build。
运行之前我需要装好什么环境?需要 Node.js 14.18 或更高版本——因为这个模板用的是 Vite 3,而 Vite 3 有这个要求——另外还需要 npm 来安装依赖包。
它包含服务端吗,还是只有前端?只有前端——是一个纯浏览器端的单页应用,没有后端。如果需要后端功能,作者推荐去看单独的 tsrpc-manage-system 项目;旧的 Vue 2 版本则放在 tag V4.2.0 上。
工期很紧的客户后台项目用它合适吗?这正是作者所描述的使用场景:逻辑刻意保持简单,非常适合外包项目和快速交付。
用它构建之后,部署的到底是什么?一个静态网页包——它是运行在浏览器里的后台管理单页应用,所以把构建产物像普通网站一样托管就行了。
我能在商业项目中使用它吗?可以——它采用 MIT 许可证,商业使用、修改和再分发都没问题。
它开箱自带哪些东西?登录和注册页面、仪表盘、表格和表单、图表、富文本和 markdown 编辑器、支持裁剪的拖拽图片上传、权限管理、三级菜单、自定义图标和主题切换——全部基于 Element Plus 实现。
克隆代码之前有在线演示可以看吗?有——README 里附了在线演示链接,还包含首页和登录页的截图。
仪表盘的图表用的是哪个图表库?ECharts——echarts 和 echarts-wordcloud 这两个包都是它的依赖,支撑模板的图表功能。
Creator
lin-xin
Size
3.8 MB
Stars
19.6K
Age
9y
Commits · 90 Days