开发概述

卡片库简介

卡片是一种新的服务形态，提供一种比页面更细粒度的可复用的原子化服务能力，能直观呈现独立的业务含义，使用户能够精准快速地获取想要的服务。目前卡片定义是狭义定义，不含报表、中大屏、页面、移动屏等由卡片编排的消费产物。

1. 作为一种入口方式。如在一站式应用，以图标/链接/图表/列表等形式作为子应用的入口，提供比菜单更丰富和聚合的呈现和交互效果。
2. 作为一种可视方式。如在销售项目空间，以图表/列表/表格等形式提供各项指标数据，用户可以根据需要删减指标卡片，调整指标卡片位置；系统也可以根据User Profile动态推送内容。

工作原理

1. 组件化开发思想

采用Vue.js的组件化开发思想，将整体功能模块包装成一个个独立且可复用的组件，独立维护自身的状态及样式，更好地隔离多方合作伙伴的不同诉求，提升代码的可维护性。

2. 基于Webpack的构建过程

使用Webpack作为构建工具，通过对源代码进行打包、压缩、合并等操作，最终生成可运行的JS和CSS文件，将整体项目包装成一个独立单元模块，以组件的形式暴露。

图1 工作原理