front_Vue/ant-design-pro-vue3

Ant Design Pro Vue 3

基于 Vue 3、TypeScript、Vite 和 Ant Design Vue 构建的企业级中后台管理系统。

技术栈

• 前端框架： Vue 3
• 开发语言： TypeScript
• 构建工具： Vite
• UI 框架： Ant Design Vue 3.1.0
• 状态管理： Vuex
• 路由管理： Vue Router
• HTTP 客户端： Axios
• 国际化： vue-i18n
• 图表： ECharts

项目结构

src/
├── api/                # API 接口定义
├── assets/            # 静态资源
├── components/        # 公共组件
├── config/            # 配置文件
├── hooks/             # Vue 组合式 API hooks
├── layouts/           # 布局组件
├── locales/           # 国际化语言包
├── router/            # 路由配置
├── store/             # Vuex 状态管理
├── utils/             # 工具函数
└── views/             # 页面组件

主要功能模块

1. 系统管理

• 用户管理
  • 用户日志查询
  • 在线用户查询
• 参数管理
  • 机构层级管理
  • 系统配置

2. 流程管理

• 分支流程管理
  • 分支节点设置

3. 业务管理

• 科目管理
  • 科目维护

4. 报表合并

• 报表合并参数维护
• 报表查询

5. 柜面业务

• 对私开户
• 子账户开户
• 授权查询

6. 组件示例

• 日期选择器示例
• 自定义组件展示

开发环境设置

# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建生产版本
npm run build

# 运行测试
npm run test

环境要求

• Node.js >= 14
• npm >= 6

浏览器支持

• 现代浏览器
• Chrome >= 64
• Firefox >= 78
• Safari >= 12
• Edge >= 79

特性

• 📦 开箱即用的高质量组件
• 📱 响应式设计，支持多端适配
• 🔗 基于 TypeScript 的类型安全
• 🌐 内置国际化支持
• 🎨 可定制的主题和布局
• 🔐 完善的权限管理
• 📊 集成 ECharts 图表功能
• 🚀 基于 Vite 的快速开发体验

开发规范

• 遵循 Vue 3 组合式 API 最佳实践
• 使用 TypeScript 进行类型检查
• 遵循 ESLint 和 Prettier 代码规范
• 组件和工具函数需要编写注释和文档

贡献指南

1. Fork 本仓库
2. 创建特性分支
3. 提交你的改动
4. 推送到你的分支
5. 创建 Pull Request

许可证

MIT