Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
lucaszhu2zgf authored Sep 25, 2023
1 parent f9c99d9 commit be9906b
Showing 1 changed file with 20 additions and 25 deletions.
45 changes: 20 additions & 25 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,46 +1,41 @@
# 大型中台项目使用到的通用组件和工具函数
# Traction Widget

本框架基于[VUEJS 3.x](https://cn.vuejs.org/)[fes-design](https://fes-design.mumblefe.cn/)设计,使用`ts`语法编写
Traction Widget 包含UI和函数两大部分,是一个大型中台通用业务组件库,聚焦系统业务开发需求,收纳高频使用的前端通用组件及工具函数,助力实现高效、标准的业务开发迭代流程。这些组件像汽车的连接零件一样,将关联部分紧紧连接在一起,牵引起来,发挥纽带作用。

具体文档请查看[traction-widget](https://www.mumblefe.cn/p/traction-widget)
使用文档请查看[traction-widget](https://www.mumblefe.cn/p/traction-widget)

## 业务开发时会遇到的问题
## 为什么要做Traction Widget

业务需求功能会很多相似处,如果每次都手动处理,会导致
业务需求功能会很多相似处,如果每次都手动处理,会导致同一种功能有多个版本实现、项目之间缺乏连通性等问题,因此我们需要一个组件库去维护这些可以通用的功能,起到

● 代码风格、技术栈等不统一,可阅读性、可维护性降低
1. 提效

● 代码冗余量高,人力浪费

所以将重复的工作做总结、提取,做公共功能集合,形成上层应用组件库Traction Widget。统一维护项目中会用到的公共组件,做到降本增效。

## Traction Widget是什么?

Traction Widget 包含UI和函数两大部分,是一个大型中台通用业务组件库。像汽车部件需要一些连接器,起到牵引的作用一样。Traction Widget 同样在业务中起到连接、牵引的作用。Traction Widget聚焦系统业务开发需求,收纳高频使用的前端通用组件及工具函数,助力实现高效、标准的业务开发迭代流程。

主要作用:

● 提效

- 收纳高频组件工具,无需反复造轮子,业务开发时,可优先在Traction Widget寻找最佳解决方案
> 收纳高频组件工具,无需反复造轮子,业务开发时,可优先在Traction Widget寻找最佳解决方案
维护性高
2. 维护性高

- 对于共性问题缺陷,可一键升级组件解决,无需逐一修改打补丁
> 对于共性问题缺陷,可一键升级组件解决,无需逐一修改打补丁
- 开发者编写代码风格各异,Traction Widget提供了一套代码共识,依赖程度越高,代码风格越统一,出现问题时定位也会越高效。
> 开发者编写代码风格各异,Traction Widget提供了一套代码共识,依赖程度越高,代码风格越统一,出现问题时定位也会越高效。
## 应用领域

针对大数据前端操作UI,Traction Widget在若干项目中均有应用。如:

- 数据质量管理平台 [Qualitis](https://github.com/WeBankFinTech/Qualitis)
在微众银行典型的大型中台项目中,目前使用到的Traction Widget的项目有:

- 数据应用开发管理集成框架 [DataSphereStudio](https://github.com/WeBankFinTech/DataSphereStudio)

- 计算中间件 [linkis](https://github.com/apache/linkis)

- 数据质量管理平台 [Qualitis](https://github.com/WeBankFinTech/Qualitis)

将来还会有跟多的平台接入

## 框架说明

Traction Widget基于[VUEJS 3.x](https://cn.vuejs.org/)[fes-design](https://fes-design.mumblefe.cn/)设计,使用`ts`语法编写

## 组件概览

![](https://github.com/WeBankFinTech/TractionWidget/blob/dev_monday/packages/traction-widget/components/assets/images/componentOverview.png)

## 组件使用
Expand Down

0 comments on commit be9906b

Please sign in to comment.