Vue3+Vite+TypeScript+Ant Design Vue+Pinia等主流技术的后台管理系统项目,支持keepalive和Vite自动生成路由。
MIT License
使用Vue3
,Vite
,TypeScript
,Ant Design Vue
等主流技术开发的开箱即用的中后台前端项目,支持keepalive
功能,Vite
自动生成路由,pinia
状态管理,vxe-table
虚拟滚动表格,UnoCss
开发样式。
git clone https://github.com/southliu/vue-admin.git
cd vue-admin
npm i -g pnpm
pnpm install
pnpm dev
pnpm build
feat
关键字可以按照下面Git 贡献提交规范
来替换。git add .
git commit -m "feat: 新增功能"
git push
参考 vue 规范
feat
增加新功能fix
修复问题/BUGstyle
代码风格相关无影响运行结果的perf
优化/性能提升refactor
重构revert
撤销修改test
测试相关docs
文档/注释chore
依赖更新/脚手架配置修改等workflow
工作流改进ci
持续集成types
类型定义文件更改wip
开发中如果无法运行commitlint,请运行以下指令:
npx husky add .husky/commit-msg 'npx --no-install commitlint --edit "$1"'
/**
* 需要通过路径转换成对应的name
* /system/user => SystemUser
* /content/article => ContentArticle
*/
defineOptions({
name: 'SystemUser'
});
属性名 | 必填 | 属性说明 |
---|---|---|
name | 是 | 表单域字段,如果是嵌套格式,则为数组 |
label | 是 | 表单标签 |
rules | 否 | 表单规则,参考模板 |
component | 是 | 组件名,参考Antv名称,如Input |
componentProps | 否 | 组件属性,参考对应文档API,方法都是on开头,如dropdownVisibleChange要改为onDropdownVisibleChange |
属性名 | 必填 | 属性说明 |
---|---|---|
id | 否 | 唯一标识(被某些特定的功能所依赖) |
data | 是 | 表格数据 |
columns | 是 | 列数据 |
isLoading | 否 | 加载动画 |
offsetHeight | 否 | 高度偏移差,当表格高度过高出现滚动条的时候使用 |
isResize | 否 | 是否开启监听窗口变化而更改高度 |
属性名 | 必填 | 属性说明 |
---|---|---|
total | 否 | 数据总数 |
page | 是 | 当前页数 |
pageSize | 是 | 每页条数 |
isLoading | 否 | 加载动画 |
属性名 | 必填 | 属性说明 |
---|---|---|
value | 否 | 下拉框绑定值 |
componentProps | 否 | 下拉框值,ApiSelect属性,ApiTreeSelect属性 |
api | 是 | API接口 |
params | 否 | 接口参数 |
onDropdownVisibleChange | 否 | 展开下拉菜单的回调 |
src/components/Business
目录下,每次新增组件想要在src/components/Business/index.tsx文件中引入。