haiwei-ui 1.0.1 → 1.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +95 -11
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,23 +1,107 @@
|
|
|
1
1
|
# HaiWei.UI
|
|
2
2
|
|
|
3
|
-
HaiWei.UI
|
|
3
|
+
HaiWei.UI 是一个基于 Vue2 + ElementUI 的业务模块化前端快速开发框架，提供丰富的组件库和灵活的模块化架构，帮助开发者快速构建企业级应用。
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
## 主要特性
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
### 🎯 核心架构
|
|
8
|
+
- **模块化设计** - 支持业务模块的独立开发和集成
|
|
9
|
+
- **组件化开发** - 基于 Vue2 的组件化开发模式
|
|
10
|
+
- **统一状态管理** - 使用 Vuex 进行全局状态管理
|
|
11
|
+
- **路由管理** - 支持动态路由和权限控制
|
|
8
12
|
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
13
|
+
### 🎨 UI 组件库
|
|
14
|
+
- **基础组件** - 丰富的表单、表格、弹窗等基础组件
|
|
15
|
+
- **业务组件** - 针对常见业务场景封装的专用组件
|
|
16
|
+
- **布局组件** - 灵活的页面布局和导航组件
|
|
17
|
+
- **图表组件** - 数据可视化图表组件
|
|
12
18
|
|
|
13
|
-
|
|
19
|
+
### 🔧 开发工具
|
|
20
|
+
- **开发服务器** - 内置开发服务器，支持热重载
|
|
21
|
+
- **构建工具** - 基于 Vue CLI 的现代化构建流程
|
|
22
|
+
- **代码规范** - 集成 ESLint 和 Prettier 代码规范
|
|
23
|
+
- **TypeScript 支持** - 可选 TypeScript 支持
|
|
14
24
|
|
|
15
|
-
|
|
25
|
+
### 🛠️ 功能模块
|
|
26
|
+
- **权限管理** - 基于角色的权限控制系统
|
|
27
|
+
- **皮肤主题** - 支持自定义皮肤和主题切换
|
|
28
|
+
- **登录页面** - 可定制的登录页面组件
|
|
29
|
+
- **数据管理** - 统一的数据请求和状态管理
|
|
16
30
|
|
|
17
|
-
|
|
31
|
+
### 📦 部署与发布
|
|
32
|
+
- **npm 发布** - 支持作为 npm 包发布和分发
|
|
33
|
+
- **模块集成** - 模块化的集成和依赖管理
|
|
34
|
+
- **构建优化** - 生产环境构建优化和代码压缩
|
|
18
35
|
|
|
19
|
-
|
|
20
|
-
npm i
|
|
36
|
+
## 快速开始
|
|
21
37
|
|
|
38
|
+
### 环境要求
|
|
39
|
+
- Node.js >= 12.0.0
|
|
40
|
+
- npm >= 6.0.0
|
|
41
|
+
|
|
42
|
+
### 安装依赖
|
|
43
|
+
```bash
|
|
44
|
+
npm install
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
### 开发模式
|
|
48
|
+
```bash
|
|
22
49
|
npm run serve
|
|
23
50
|
```
|
|
51
|
+
|
|
52
|
+
### 构建生产版本
|
|
53
|
+
```bash
|
|
54
|
+
npm run build
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
### 代码检查
|
|
58
|
+
```bash
|
|
59
|
+
npm run lint
|
|
60
|
+
```
|
|
61
|
+
|
|
62
|
+
## 项目结构
|
|
63
|
+
|
|
64
|
+
```
|
|
65
|
+
haiwei-ui/
|
|
66
|
+
├── packages/ # 核心包目录
|
|
67
|
+
│ ├── components/ # 组件库
|
|
68
|
+
│ ├── router/ # 路由配置
|
|
69
|
+
│ ├── store/ # 状态管理
|
|
70
|
+
│ ├── styles/ # 样式文件
|
|
71
|
+
│ └── utils/ # 工具函数
|
|
72
|
+
├── src/ # 源码目录
|
|
73
|
+
├── public/ # 静态资源
|
|
74
|
+
└── script/ # 构建脚本
|
|
75
|
+
```
|
|
76
|
+
|
|
77
|
+
## 可用脚本
|
|
78
|
+
|
|
79
|
+
- `npm run serve` - 启动开发服务器
|
|
80
|
+
- `npm run build` - 构建生产版本
|
|
81
|
+
- `npm run lint` - 代码规范检查
|
|
82
|
+
- `npm run i` - 使用淘宝镜像安装依赖
|
|
83
|
+
- `npm run up` - 使用淘宝镜像更新依赖
|
|
84
|
+
- `npm run pub` - 发布到 npm
|
|
85
|
+
- `npm run cm` - 清理 node_modules 和 dist 目录
|
|
86
|
+
- `npm run cc` - 清理 npm 缓存
|
|
87
|
+
|
|
88
|
+
## 技术栈
|
|
89
|
+
|
|
90
|
+
- **前端框架**: Vue 2.x
|
|
91
|
+
- **UI 组件库**: Element UI
|
|
92
|
+
- **状态管理**: Vuex
|
|
93
|
+
- **路由管理**: Vue Router
|
|
94
|
+
- **构建工具**: Vue CLI
|
|
95
|
+
- **包管理**: npm
|
|
96
|
+
|
|
97
|
+
## 浏览器支持
|
|
98
|
+
|
|
99
|
+
支持现代浏览器和 IE11+。
|
|
100
|
+
|
|
101
|
+
## 许可证
|
|
102
|
+
|
|
103
|
+
ISC License
|
|
104
|
+
|
|
105
|
+
## 贡献
|
|
106
|
+
|
|
107
|
+
欢迎提交 Issue 和 Pull Request！
|