基于 vue-cli / vite + vue3.0 + antd2.0 + ts4.0 的后台管理系统模板
系统模块数据是从后端获取来的真实数据,路由也是从后端动态获取的,而后端是通过内网穿透提供访问的,难免会有访问失败的情况 所以如果进入页面时提示网络错误,则需要再次刷新页面请求接口
使用了 Vue3.0 全家桶、ant-design-vue2.0 和 typescript4.0,实践 vue3.0 的新特性以及玩法,不得不说 vue3.0 的 Composition API 相比于 vue2.0 的 Options API 灵活很多,让我们可以灵活地组合组件逻辑,我们可以很轻松的使用 hooks 的形式去代替以前 mixins 等的写法。更多 hooks 可以参考vueuse
- 动态表格(扩展了伸缩列功能,以及使用 JSON schema 配置生成表格) // TODO 后续有待加强及完善
- 动态表单(满足基本的需求) // TODO 后续有待加强及完善
- 自定义弹窗(支持 8 个方向拖拽改变大小以及拖拽移动位置)// TODO: 继承 antd 原组件所有 props
- 图片视频预览(目前只是简单显示)
- 分割组件(目前只做了左右)
- 图标组件封装(本地 svg 封装、阿里图标的在线和离线封装)
- 其他...
- 首页
- 疫情地图
- 系统日志
- 前端性能监控
- 账号管理
- 角色管理
- 资源管理
- 字典管理
git clone --single-branch https://github.com/buqiyuan/vite-vue3-lowcode.git
yarn install
yarn serve
yarn build
yarn lint
![](https://user-images.githubusercontent.com/1787798/69898077-4f4e3d00-138f-11ea-81f9-96fb7c49da89.png)