haiwei-ui

HaiWei.UI

HaiWei.UI 是一个基于 Vue2 + ElementUI 的业务模块化前端快速开发框架，提供丰富的组件库和灵活的模块化架构，帮助开发者快速构建企业级应用。

主要特性

核心架构

• 模块化设计 - 支持业务模块的独立开发和集成
• 组件化开发 - 基于 Vue2 的组件化开发模式
• 统一状态管理 - 使用 Vuex 进行全局状态管理
• 路由管理 - 支持动态路由和权限控制

UI 组件库

• 基础组件 - 丰富的表单、表格、弹窗等基础组件
• 业务组件 - 针对常见业务场景封装的专用组件
• 布局组件 - 灵活的页面布局和导航组件
• 图表组件 - 数据可视化图表组件

开发工具

• 开发服务器 - 内置开发服务器，支持热重载
• 构建工具 - 基于 Vue CLI 的现代化构建流程
• 代码规范 - 集成 ESLint 和 Prettier 代码规范
• TypeScript 支持 - 可选 TypeScript 支持

功能模块

• 权限管理 - 基于角色的权限控制系统
• 皮肤主题 - 支持自定义皮肤和主题切换
• 登录页面 - 可定制的登录页面组件
• 数据管理 - 统一的数据请求和状态管理

部署与发布

• npm 发布 - 支持作为 npm 包发布和分发
• 模块集成 - 模块化的集成和依赖管理
• 构建优化 - 生产环境构建优化和代码压缩

快速开始

环境要求

• Node.js >= 12.0.0
• npm >= 6.0.0

安装依赖

npm install

开发模式

npm run serve

构建生产版本

npm run build

代码检查

npm run lint

项目结构

haiwei-ui/
├── packages/          # 核心包目录
│   ├── components/    # 组件库
│   ├── router/        # 路由配置
│   ├── store/         # 状态管理
│   ├── styles/        # 样式文件
│   └── utils/         # 工具函数
├── src/               # 源码目录
├── public/            # 静态资源
└── script/            # 构建脚本

可用脚本

• npm run serve - 启动开发服务器
• npm run build - 构建生产版本
• npm run lint - 代码规范检查
• npm run i - 使用淘宝镜像安装依赖
• npm run up - 使用淘宝镜像更新依赖
• npm run pub - 发布到 npm
• npm run cm - 清理 node_modules 和 dist 目录
• npm run cc - 清理 npm 缓存

技术栈

• 前端框架: Vue 2.x
• UI 组件库: Element UI
• 状态管理: Vuex
• 路由管理: Vue Router
• 构建工具: Vue CLI
• 包管理: npm

浏览器支持

支持现代浏览器和 IE11+。

许可证

ISC License

贡献

欢迎提交 Issue 和 Pull Request！