https://github.com/netkingcode/vite-vue3-antd
https://github.com/netkingcode/vite-vue3-antd
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/netkingcode/vite-vue3-antd
- Owner: netkingcode
- License: mit
- Created: 2021-08-14T17:52:23.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2021-08-14T17:52:24.000Z (almost 4 years ago)
- Last Synced: 2025-02-07T15:45:01.664Z (4 months ago)
- Language: TypeScript
- Size: 272 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# vue3-antd-admin
基于 vue-cli / vite + vue3.0 + antd2.0 + ts4.0 的后台管理系统模板
- 账号：admin，密码：123456
- [在线预览](http://buqiyuan.gitee.io/vue3-antd-admin/)
- [API 文档](http://29135jo738.zicp.vip/api/v1/docs/)
- [后台地址](https://github.com/buqiyuan/nestjs-mysql-api)
- [vue-cli 版](https://github.com/buqiyuan/vue3-antd-admin)
- [vite 踩坑版](https://github.com/buqiyuan/vite-vue3-admin)
- [gitee 地址](https://gitee.com/buqiyuan/vite-vue3-admin)
> 系统模块数据是从后端获取来的真实数据，路由也是从后端动态获取的，而后端是通过内网穿透提供访问的，难免会有访问失败的情况
> 所以如果进入页面时提示网络错误，则需要再次刷新页面请求接口
> 使用了 Vue3.0 全家桶、ant-design-vue2.0 和 typescript4.0，实践 vue3.0 的新特性以及玩法，不得不说 vue3.0 的 Composition API 相比于 vue2.0 的 Options API
> 灵活很多，让我们可以灵活地组合组件逻辑，我们可以很轻松的使用 hooks 的形式去代替以前 mixins 等的写法。更多 hooks 可以参考[vueuse](https://vueuse.org/functions.html)
### 功能、组件的封装
- [x] 动态表格（扩展了伸缩列功能，以及使用 JSON schema 配置生成表格） // TODO 后续有待加强及完善
- [x] 动态表单（满足基本的需求） // TODO 后续有待加强及完善
- [ ] 自定义弹窗（支持 8 个方向拖拽改变大小以及拖拽移动位置）// TODO: 继承 antd 原组件所有 props
- [x] 图片视频预览（目前只是简单显示）
- [x] 分割组件（目前只做了左右）
- [x] 图标组件封装(本地 svg 封装、阿里图标的在线和离线封装)
- [ ] 其他...
### 页面功能
#### 系统看板
- [x] 首页
- [ ] 疫情地图
- [ ] 系统日志
- [ ] 前端性能监控
#### 系统管理
- [x] 账号管理
- [x] 角色管理
- [x] 资源管理
- [x] 字典管理
## 克隆主分支，忽略 git-pages 等无关分支
```shell
git clone --single-branch https://github.com/buqiyuan/vite-vue3-lowcode.git
```
## Project setup
```
yarn install
```
### Compiles and hot-reloads for development
```
yarn serve
```
### Compiles and minifies for production
```
yarn build
```
### Lints and fixes files
```
yarn lint
```
## 感谢 JetBrains 免费的开源授权
