vue-system-admin
在线体验地址
仓库地址
预览图
登录页
主面板
基本表格
基本表单
表单详情
markdown编辑器
文件上传
charts图标
说明
各位同行如果觉得这个项目还阔以的话,可以给我点个”☆“,三克油。
本项目会一直更新下去,一直开源。
原来一直是使用的是别人的Vue管理系统,可是又觉得与其用别人的东西,自己还不如花点时间和精力去开发一套自己的管理系统,并且切合着实际的项目经验去使用各个组件,这才有了vue-system-admin的诞生,小而精,小而全,才是我的初衷。而随着经验和场景的增加,也会不断的去使用更多好用的经验和技巧。本项目使用的数据都是静态数据,尚未发送请求获取数据。当前项目会写一个电子版的文档出来。当前本项目仅仅在登录的时候使用了真实的接口,不用担心,注意后面的小彩蛋哦。
技术栈
Vue2.6.11 + ElementUI2.13.2 + vue-router3.4.3 + echarts4.8.0 + v-charts1.19.0 + mavon-editor2.6.17
项目结构
- 登录
- 基本表格
- 基本表单
- 表单详情
- markdown编辑器
- 文件上传
- charts图表
- 发送请求
- axios封装
- API封装
- 未完待续
克隆项目
git clone https://github.com/FTLLOVE/vue-system-admin.git
依赖安装
yarn install or npm install
编译启动项目
yarn serve or npm run serve
打包部署
yarn build or npm run build
小彩蛋
后面会有实战项目,一点一滴的编写一个项目。不仅仅有前端,还有后端,而后端会采用不同的语言,比如Java,PHP, NodeJS, Golang。当前前端也会有不同的项目,比如使用React打造的轻量简洁的中后台管理系统。使用NextJS,NuxtJS等技术开发不同技术栈的非SPA项目。
如果你觉得这就没了,那可能让你失望了,每个项目都会有配套的电子版的文档发布出来,
有疑问加站长微信联系(非本文作者)