Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/337547038/vite-frame
基于vite+vue3+ts的后台系统初始管理框架；二次表格封装：1.集成条件搜索 2.集成分页功能 3.集成列表数据接口请求功能 4.时间单元格快速格式化 5.可快速显示tag样式 6.集成数据值字典转换 7.无需重复复制组件el-table-column 8.集成横向滚动条固定在浏览器底部 9.快速设置表头帮助信息；二次表单封装：1.实现联动隐藏显示或禁用启用； 2.实现接口数据初始填充； 3.实现数据提交； 4.实现常见类型快速校验； 5.实现radio等类选项数据动态获取/字典匹配； 6.实现动态联动请求； 7.实现div布局；
https://github.com/337547038/vite-frame
admin ant antdesign element-ui
Last synced: 6 days ago
JSON representation
基于vite+vue3+ts的后台系统初始管理框架；二次表格封装：1.集成条件搜索 2.集成分页功能 3.集成列表数据接口请求功能 4.时间单元格快速格式化 5.可快速显示tag样式 6.集成数据值字典转换 7.无需重复复制组件el-table-column 8.集成横向滚动条固定在浏览器底部 9.快速设置表头帮助信息；二次表单封装：1.实现联动隐藏显示或禁用启用； 2.实现接口数据初始填充； 3.实现数据提交； 4.实现常见类型快速校验； 5.实现radio等类选项数据动态获取/字典匹配； 6.实现动态联动请求； 7.实现div布局；
- Host: GitHub
- URL: https://github.com/337547038/vite-frame
- Owner: 337547038
- Created: 2022-04-29T06:22:57.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-07-08T09:57:09.000Z (4 months ago)
- Last Synced: 2024-07-09T11:14:42.082Z (4 months ago)
- Topics: admin, ant, antdesign, element-ui
- Language: Vue
- Homepage:
- Size: 9.89 MB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Vue 3 + TypeScript + Vite 管理后台框架
基于vue3+TypeScript + Vite的后台项目初始框架，element-plus + ant design两个版本
## 示例
https://337547038.github.io/vite-frame/
## 封装组件
### ak-list组件
el-table二次封装，实现功能：
> ✔1.集成条件搜索
>✔2.集成分页功能
>✔3.集成列表数据接口请求功能
>✔4.时间单元格快速格式化
>✔5.可快速显示tag样式
>✔6.集成数据值字典转换
>✔7.无需重复复制组件el-table-column
>✔8.集成横向滚动条固定在浏览器底部
>✔9.快速设置表头帮助信息
使用：
```vue
```
[更多参数点这里](src/components/table/README.md)
### ak-form组件
实现功能：
>✔1.实现联动隐藏显示或禁用启用；
>✔2.实现接口数据初始填充；
>✔3.实现数据提交；
>✔4.实现常见类型快速校验；
>✔5.实现radio等类选项数据动态获取/字典匹配；
>✔6.实现动态联动请求；
>✔7.实现div布局；
使用：
```vue
```
[更多参数点这里](src/components/form/README.md)
## 说明
本系统使用`vite-plugin-pages`插件自动生成路由
若需使用`tagViews`功能，则需在页面中导出组件名称（`keep-alive`需要使用组件名称），可使用添加`script`方法导出或使用相关插件，同时需将当前路由`name`设置为组件名称，保持一致
```javascript
export default {
name: 'XXXXX'
}
```
`vite-plugin-pages` 可使用如下方法设置当前路由组件名或设置为不需要缓存，`route`和`script`同级
```html
{
name:'XXXXX',
meta:{
keepAlive:false // 为false时不缓存
}
}
```