Antd Templater

后台管理系统模版

基于 Vue3 + Ant Design Vue 组件库开发

在线演示

文档说明

源码仓库

特性

轻量化: 仅预设基础访问页, 没有冗余 Demo 页
多主题: 支持亮色风格、暗色风格、暗黑风格等
多布局: 侧边菜单、顶部菜单、混合菜单等导航
标签栏: 支持面包屑，支持多页签及其数据缓存
现数据 - 由 `msw` + 预设的 mock data 提供

组件库更多

SForm: 根据配置选项渲染各表单组件
SEditCell: 单元格编辑 (输入框、下拉框等)
STable: 多功能表格组件 (并非 ATable 的封装)
STree: 对 ATree 封装, 扩展 link 模式和新 API
SIcon: 根据 type 渲染 Icon, 也支持 iconfont

开发规范详情

a. 提供项目指南 (目录结构、依赖管理)
b. 提供 Vue 组件规范和 Vue 组件范式
c. 提供 Git 分支规范、Git Commit 规范
d. 提供 Git Commit 校验工具和辅助工具
e. 提供 VSCode 推荐使用的插件和配置项

快速使用

下载源码安装依赖本地启动本地构建

bash

  # Download
  git clone https://github.com/antd-templater/vue-template-3.x.git Antd-Template-Vue

bash

  # Enter project
  cd Antd-Template-Vue

  # Install denpendencies
  pnpm install

bash

  # Start develop server
  pnpm dev

bash

  # Run build create dist
  pnpm build

  # Start server and preview
  pnpm preview

Antd Templater

特性

组件库 更多

开发规范 详情

快速使用 ​

组件库更多

开发规范详情

快速使用